Persiapan Belajar Web desain

Sebelum kita mempelajari HTML dan CSS, ada beberapa persiapan yang perlu dilakukan.Seperti penginstallan aplikasi-aplikasi yang digunakan dalam mempelajari HTML dan CSS. adapun aplikasi-aplikasi  yang digunakan adalah sebagai berikut :

1. AplikasiGrafis
2. Web Browser
3. Text Editor
4. Addons

Berikut ini adalah beberapa penjelasan dan review singkat dan penjelasan mengenai aplikasi-aplikasi tersebut.

 1. Aplikasi Grafis
Proses mendesain web dimulai dari membuat sketsa tentang struktur dan susunan informasi yang akan ditampilkan pada website yang akandibuat. Sketch dasardisini bisa menggunakan media kertas dan alat tulis.
Setelah membuat sketsa  website, dilanjutkan dengan membuat tampilan visual dengan menggunakan aplikasi grafis, seperti photoshop .

Desain layout, pemilihan font yang digunakan dan pemberian warna diimplementasikan melalui pemakaian aplikasi grafis seperti photoshop.

Gambar 1: Adobe Photoshop

2. Web Browser
Web Browser itu apa ? Simpelnya jika anda internetan  anda menggunakan firefox atau google chrome untuk buka facebook atau google.com. maka  firefox atau google chrome yang anda gunakan disebut Web Browser.

Setiap browser memiliki perbedaan dalam hal menampilkan halaman web dan fitur-fitur yang didukung dalam HTML dan CSS. Boleh jadi halaman web yang anda buat ditampilkan bagus pada salah satu browser namun berantakan pada browser lainnya. Untuk itu anda perlu menginstall beberapa browser pada komputer anda untuk menguji tampilan website yang dibuat.

Gambar 2: Mozilla Firefox Web Browser

3. Text Editor
Untuk membuat halaman Web anda memerlukan aplikasi text editor.Text editor yang akan kita gunakan adalah text editor ringan dan dilengkapi dengan fitur yang sangat membantu dalam proses penulisan kode HTML dan CSS. Aplikasi text editor contohnya adalah Notepad++ dan Sublime text.

Gambar 3: Notepad ++

Gambar 4: Sublime text editor

4.Addons

Firebug
Firebug akan kita gunakan untuk memeriksa kode HTML dari setiap halaman web, melihat CSS yang digunakan dan untuk menguji script javascript. Anda dapat menginstallnya pada browser Firefox.Untuk menginstallnya cukup masuk ke halaman Add-on dan cari add-on firebug.

Jika anda menggunakan Google Chrome atau Safari, tidak usah menginstall firebug karena kedua browser dengan engine webkit ini sudah memiliki tool serupa yang dinamai dengan Developer Tool.

 Gambar 5: Firebug Addons

Web Developer Tools

Add-on ini digunakan untuk menguji halaman web dan melakukan beberapa perubahan/perbaikan sementara terhadap halaman web.Anda dapat menginstallnya dari add-on firefox atau dari Chrome Web Store.

  Gambar 6: Web Developer Addons