Membuat Website dengan Adobe Photoshop
Membuat Kerangka Website
carilah sebuah Website yang menurut anda bagus dan ingin ditiru
hitung ukurannya menggunakan penggaris dengan detail
hitung luas kolom judul, menu, isi, iklan, juga contact
buat sketsa web pada selembar kertas beserta ukurannya
Mendesain Website
mulailah menjalankan Adobe Photoshop
CTRL+N: membuat lembar kerja baru
CTRL+O: membuka file
CTRL+SHIFT+N: membuat layer baru
SHIFT+BACKSPACE: memberikan warna pada layer
CTRL+J: menggandakan layer
Croping dan Finishing
setelah mendesain, potong gambar seperti selembar kertas dengan slick
potong gambar menjadi beberapa bagian
terakhir simpat file dengan memilih menu File>Save for Web & Devices
beri nama "home" lalu seting pilihan penyimpanan menjadi "HTML and JPG"
untuk mempermudah buat new folder di desktop dan lakukan penyimpanan didalamnya
Modifikasi File HTML
didalam folder yang dibuat akan muncul folder images dan home.html
klik kanan pada file home.html>Open with..>Notepad
lakukan pengeditan dengan pedoman gambar di photoshop, folder images, dan tampilan IE
CTRL+F: untuk menemukan nama file yang ingin di edit
Perintah-Perintah dalam Pengeditan
mengubah image(<img src="nama gambar">) menjadi background (<background="nama gambar">)
: untuk memberikan sepasi
<center></center>: meratakan text ke tengah
<br>: membuat paragraf baru
<a href="nama link"></a>: memberikan link pada text
Membuat Table
kerangka tabel dasar:
<table> <tr>
<td></td>
</tr></table>
Finishing
buka IE (Internet Explorer) lalu save file dalam folder yang telah dibuat di desktop
beri nama sesuai menu yang dibuat juga sesuai linK dengan akhiran extention ".html"
Tidak ada komentar:
Posting Komentar