Langkah-langkah membuat tampilan berikut :
Klik dreamweaver pada desktop pilih HTML
- Untuk membuat logo gunadarma seperti diatas adalah insert-image untuk mengenengahkan pilih format-align-center
- Untuk membuat horizontal rule klik Insert-HTML-horizontal rule
- Untuk membuat tabel menu Home,biodata,dan artikel klik insert-table
- Untuk membuat background klik window-page properties-background (browse gambar yang ingin dijadikan background).
- Untuk membuat tulisan selamat datangnya dioutput bergerak dengan cara pada code kita tambahkan <marquee> pada awal kalimat selamat dan diakhiri </marquee> diakhir kalimat.
- Setelah itu untuk mengisi biodata pada menu biodata kita buka lagi file baru dengan mengklik menu file-new.
- Lalu buat table seperti langkah diatas pada isian Nama,NPM,KELAS untuk mengisinya klik insert-form-text field
- Pada kolom JKEL ada dua pilihan (radio button) cara membuatnya klik insert-form-Radio button
- Pada kolom agama seperti tampilan dibawah dengan cara klik insert-form-select(list/menu) , setelah itu klik kanan pilih list value kita bisa menambahkan agama-agama yang ada.
- Pada alamat untuk membuat kolom dengan space yang besar klik insert-text area.
Tampilannya
akan seperti gambar dibawah ini
Pada menu artikel kita hanya menginputkan artikel
apa yang ingin kita masukan.
Seperti gambar berikut :
Pada menu home apabila dioutput kita klik menu biodata
agar keluar biodatanya seperti gambar 2 block biodata – hyperlink-masukkan link
dengan nama folder yang kita save . jadi apabila dibagian outputnya kita klik
biodata maka akan keluar tampilannya. Begitu juga dengan menu artikel. Untuk
melihat hasil outputnya tekan F12.
Berikut adalah tampilan outputnya :
0 komentar:
Posting Komentar