Belajar Membuat Web
Dari Photoshop and edit dengan
Macromedia / Adobe dreamweaver
Bagi temen” yg ngin belajar web dengan photoshop aq kasih
ajarannya sedikit
1.
Pertama
kita buat designnya dulu web kita,.. di kertas kosong,..
2.
Baru
dech buka Photoshop. Buat design kalian di photoshop,.. kan temen” udah pada
tahu caranya tuk edit nambah teks, nambah warna di Photoshop so aq g jelasin
secara detailnya.
3.
Ini
Hanya contoh design q,.. jangan di salhgunakan buat ngumpulin tugas pak Margo
4.
Ketika
design kita udah cukup, Kita memulai untuk memilah atau membagi area dengan
menggunakan Rulers, Viewà Rulers.
5.
Sehingga
kita akan menghasilkan gambar bersekat-sekat seperti di bawah ini.
6.
Kemudian
kita harus menggunakan Potoshop image ready,.. dengan cara menekan tools
seperti di bawah ini atau dengan cara (Ctrl+Shift+M)
7. Tunggu
hingga image readynya terbuka,.. terus kita gunakan Slice tool (k)à
digunakan untuk membagi design kita jadi beberapa potongan sesuai dengan yang
telah kita buat rulers.
Sehingga akan muncul Kotak” kecil
seperti gamabar di bawah ini :
8.
Langkah
terakhir adalah membuat file index.html yaitu dengan cara menyimpannya.
Jika
Masih menggunakan Photoshop CS maka langkahnya adalah FileàSave Optimized atau (Ctrl+Alt+S)
Maka akan
muncul kotak dialog:
Trus Pilih Tempat Penyimpanannya di tempat yang temen” suka,.. dengan
nama file : (….)html lebih utama adalah index.html, karena suatu saat nanti
ketika upload ke website index inilah yg akan muncul pertama kali. Dengan save
as type HTML and Image.
Udah deh jadi,…
Karena disimpan format html dan image maka akan terdapat folder image dan
file index.html seperti gambar di bawah ini :
Pengetesan,,.. Buka File index.html temen” yang dibuat tadi dengan Mozilla
tau chrome tau IE,.. dengan cara klik
kanan open with Firefox
Trus jadi gini dech n berhasil
Selamat Mencoba
