Untuk membuat tampilan seperti gambar 1 dengan cara
:
- buka adobe dreamweaver cs6 lalu klik HTML – Create, setelah tampilannya keluar klik menu insert-HTML-frames-Top Nested Left. Maka akan mucul tampilan seperti berikut.
- Untuk menampilkan background dengan cara pada menu window klik properties nanti akan muncul jendela properties lalu pilih page properties . browse backgound image untuk menampilkan background gambar sedangkan warna biru polos seperti gambar dibawah pilih background color. Lalu OK.
- Untuk membuat tulisan ‘Universitas Gunadarma’nya ditengah dengan perintah format-align-center.
- Save all
- Untuk membuat tampilan seperti gambar 2 dengan cara :
- Buka file baru lagi New-create
- Untuk membuat tulisan nya berjalan tambahkan <marquee><p>SELAMAT DATANG..</P></marquee>.
- Pada jendela properties di list target ganti dengan “_blank” maka tampilannya akan seperti berikut.
- save
- Untuk membuat tampilan seperti gambar 3 dengan cara :
- Buka file baru New-Create
- Pada menu insert klik table isi rows=5 dan column=3 lalu OK. Pixelnya bisa diubah-ubah sesuai yang diinginkan.
- Untuk membuat tulisan dan tabelnya ditengah dengan menu format-align-center.
- save
Untuk membuat tampilan seperti gambar 4 dengan cara
:
- Buka file baru New-Create
- Insert-table isi rows=2 column=2
- Lalu insert-image ,browse gambar yang ingin dimasukkan pada table tersebut.
- save
Untuk membuat tampilan seperti gambar 5 dengan cara
:
- Insert table seperti perintah sebelumnya . lalu save
Setelah tampilan yang diinginkan semua selesai pada
tampilan awal block satu per satu menu Home,Profil,Gallery,Contact lalu klik
menu insert-hyperlink ke file baru sesuai isi menu yang dibuat. Untuk melihat
hasil outputnya tekan F12.
0 komentar:
Posting Komentar