Mendesain template suatu website bisa dengan menggunakan photoshop yang kemudian hasil desain pada photoshop yang berupa image tersebut dapat dikonvert menjad file index.html.
Langkah 1
Buka Photoshop CS 2. Pilih File – New. Isikan Widht 800 pixel dan height 600 pixel. Template Web secara sederhana ada bagian kepala (header), bagian samping (widget) bagian isi, dan bagian bawah (footer). Desainlah dengan menggunakan costum shape menjadi seperti gambar berikut :
Langkah 2
Potong-potong bagian mana yang diperlukan untuk interaksi dengan pengunjung, dalam hal ini bisa diklik, bisa diedit atau ditambahkan dengan format css/html lainnya. Contoh pemotongan dengan menggunakan slice tool :
Langkah 3
Klik File – Save for WEB
Pilih pada bagian preset : PNG-24 untuk menghasilkan image yang bagus ditampilkan di browser seperti browser firefox. Klik Save.
Pilih direktori untuk website anda, jika anda menggunakan xampp disimpan di C:\Program Files\xampp\htdocs\nama_folder
Agar saat dicoba nanti di browser untuk localhost/nama_folder dapat menampilkan hasil/ menampilkan desain web kita.
Langkah 4
Setalah selesai langkah 3 kita akan memperoleh file .html yang bisa dimodifikasi. File index.html telah tersimpan di : C:\Program Files\xampp\htdocs\nama_folder dapat di modifikasi dengan menggunakan software dreamweaver dan sejenisnya.
Tidak ada komentar:
Posting Komentar