Layout/Tataletak Halaman Situs Web

Layout halaman situs web selain menggunakan dreamweaver 8, juga dapat menggunakan adobe photoshop, sbbb :

Buka Photoshop ukuran

• Width : 1024 Pixel
• Height ; 768 Pixel

Klik Ok 

• Maka akan tampil halaman sesui dengan permintaan 

• Klik new fill dari layer 
• Pilih solid color 

Untuk memilih warna : 

• Pilih New Create Fill 
• Pilih Solid > Pilih warna > Klik OK 

• Klik ok 

Maka object akan diberi warna


Membetuk Header Layout 

• Klik Retagular Marquee 
• Dan beri warna 

Memberi Judul Header

• Gunakan Text Tool 
• Ketik judul header 

Memasukan komponen layout

• Masukan object image 
• Klik File Open 
• Buka object yang akan jadi bagian layout 
• Gunakan Move tool untuk memindahkan object 

Tampilkan dalam halaman situs web 

• Klik File 
• Save For web 

• Pilih Quality 60 
• Save HTML and Image 
• Format JPG 

• Save Format HTML 

• Klik Privew Web 
• Maka terbentuk layout halaman web