29 May

Grafik

Sejak kebalakangan ni saya sibuk dengan mengedit kamus untuk client. Sebenarnya ini adalah projek lama yang tertangguh. Di samping servise buat website, saya juga buat service translate buku dari BI ke BM, menaip, dan buat reseach dengan cari information dari internet. Kalau dahulu saya tak percaya dengan semua ini, tetapi bila hasil dah depan mata…semangat untuk meneruskannya semakin berkobar-kobar :)

Ok, hari ni saya nak sambung semula tentang laman web. Hari ni kita akan membincangkan tentang grafik. setiap website atau laman web yang kita layari, memang tak sah kalau tak ada grafik. Betul tak? Malah ia sudah menjadi satu tend atau tradisi. Tanpa grafik atau gambar, sesebuah laman web atau blog seakan hilang seri dan daya penarik. Tulisan yang panjang dan berterusan akan mengundang kebosanan…

Grafik yang cantik bersama warna yang sesuai boleh memberikan personaliti kepada website anda. Di bawah ini saya senaraikan beberapa garis panduan tentang penggunaan grafik :

  1. Untuk memastikan grafik anda boleh didownload dengan cepat, grafik tersebut sepatutnya dalam saiz yang kecil (kurang dari 32K).
  2. Setiap graphic link mestilah mempunyai matching text link.
  3. Grafik dan backgroundnya mestilah menggunkan warna yang sesuai (browser-safe-colour).
  4. Grafik animasi mestilah boleh turn off dengan sendiri. Imej yang bergerak akan menganggu perhatian pelawat anda pada content yang sebenar.
  5. GIF akan lebih bagus jika digunakan dengan button, icons, kartun, line art dan text images.
  6. Format yang biasa digunakan adalah JPEG. Ia merupakan format yang bagus untuk gambar. Tetapi ada juga yang menggunakah PNG.
  7. Sentiasa menggunakan height dan width bersama imej anda.
    Penggunakan grafik yang keterlaluan akan menyebabkan slow down pada loading page dan clutter pada design anda.

Drawspace.com. Menawarkan diverse downloadable dan printable drawing lessons featuring

Jasc Paint Shop Pro graphic tutorials. Tutorial yang boleh anda gunakan untuk belajar asas-asas Paint Shop Pro dan Webpage graphics dan manipulate photograph.

Ini merupakan site yang menyediakan grafik percuma :

Menambah Imej Pada Web anda

Setelah anda memilih dan save imej yang anda kehendaki pada PC anda, anda hanya perlu menambahkan kod HTML yang mudah supaya imej yang anda kehendaki dapat dipaparkan pada web anda.

  • Jika imej anda adalah .GIF file gunakan kod ini:
    <IMG src=”images\nurse.gif”>
    Nurse
    Tukarkan perkataan nurse mengikut kehendak anda.

  • Jika imej anda adalah JPG file gunakan kod ini:
    <IMG src=”images\kittens2.jpg”>
    Kittens
    Tukarkan perkataan kittens2.jpg mengikut kehendak anda.

  • Jika imej anda adalah PNG file gunakan kod ini
    <IMG src=”images\balloon.png”>.
    Balloon

    Tukarkan perkataan balloon mengikut kehendak anda

Bookmark Artikel Ini:These icons link to social bookmarking sites where readers can share and discover new web pages.
  • blinkbits
  • blogmarks
  • co.mments
  • BlinkList
  • connotea
  • del.icio.us
  • De.lirio.us
  • digg
  • Shadows
  • RawSugar
  • NewsVine
  • Reddit
  • scuttle
  • feedmelinks
  • Furl
  • LinkaGoGo
  • Ma.gnolia
  • Smarking

4 Responses to “Grafik”

  1. kasyah Says:

    Thaks for the info. For newbie like me..macam2 kena belajar lagi ni..hehe

  2. halyda_6 Says:

    Sama-sama kita belajar…
    Saya pun masih dalam proses pembelajaran…proses ni tak kan pernah habis walaupun hingga ke nafas yang terakhir…
    Mesti seronokkan jadi first komentar kat blog ismail tu… :)

  3. ktom Says:

    Terima kasih atas info ni….kalau boleh sediakan lebih byk lagi info ttg hal2 yg macam ni ok…
    Baru kini ku tahu apa yg perlu ku buat..hehehehe

  4. kasyah Says:

    Ada tak yang macam funhouse ? :d

Leave a Reply