Link yang akan saya buat ada 2, yaitu HOME dan ZIGZAG
Tampilan bila klik link HOME
Tampilan bila klik ZIGZAG
LANGKAH-LANGKAH PEMBUATAN
1. Buatlah sebuah folder baru
2. Buat file baru pada dreamweaver.
3. Buat 3 file baru dan save semua pada folder yang telah dibuat sebelumnya yaitu SHINTA.
4. Pada file pertama buat frames
5. Buat 2 buah link yaitu HOME dan ZIGZAG.
Cara membuat link HOME:
Blok kata HOME > klik kanan> make link > select file latihan.html > OK
 |
| Untuk ZIGZAG hubungkan dengan file untitled-2.html |
6. Pada link HOME dan ZIGZAG lakukan target mainframe pada propertiesnya.
7. Hapus underline pada home :
Blok home>klik kanan> page properties> link>underline style > never underline
 |
| Begitu juga pada zigzag. |
8. Lalu buat map dengan cara :
Insert > image
Double klik gambar >properties>lakukan maping>tujuan linknya adalah latihan.html> targetnya adalah main frame.
9. Pada file latihan.html buat terdapat data diri .
10. Pada file untitled-2.html buat sebuah tulisan dengan efek zigzag.
11. Jalankan program dengan F12.
LOGIKA PROGRAM
File Pertama
Link HOME tujuannya adalah latihan.html dengan target mainframe.
Sedangkan ZIGZAG tujuannya adalah untitled-2.html dengan target mainframe.
File latihan.html
Pada kata GUNADARMA dibuat rata tengah dan heading1.
pada nama, kelas dan npm dibuat heading3.
FILE UNTITLED-2.HTML
Kata ZIGZAG dibuat bergerak dengan arah dari kiri kekanan dengan perjalanan atas bawah atas bawah / zigzag dengan lebar 50 px dan warna latar pink muda.
sekian dan semoga bermanfaat :)
0 komentar:
Posting Komentar