Belajar DreamWeaver2

Pada bagian ini saya akan menjelaskan tentang pembuatan link dengan menggunakan DreamWeaver.

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 :)

Belajar DreamWeaver1

Ini merupakan laporan akhir dari praktikum penunjang IMK,
yang pertama akan saya tulis disini adalah tentang bagaimana membuat sebuah tampilan sederhana dengan menggunakan DreamWeaver.


Output yang diinginkan adalah seperti gambar dibawah ini.

Cara pembuatannya adalah sebagai berikut :

1. Buka macromedia dreamweaver ,
2. Klik HTML pada bagian Create New untuk membuka lembar kerja baru Dreamweaver
3. Lalu ketikkan kode html yang ingin dibuat 
4. Untuk memasukkan image klik menu insert lalu pilih image,, sebelumnya image harus sudah disimpan terlebih dahulu.
5. Untuk menjadikan image sebagai background klik menu Modify > page properties>di background image browse gambar yang diinginkan (lihat gambar dibawah ini )

Logika program 

merupakan title atau judul yang akan muncul pada tab. Jadi LA akan muncul pada tab web tersebut. Untuk style dan color itu menyesuaikan dari pengaturan warna jenis style yang kita atur pada properties pada setiap bagian .

div align="center" digunakan agar text SELAMAT DATANG menjadi rata tengah. h1 digunakan agar teks menjadi heading1 atau berukuran lebih besar, diakhiri dengan /h1. marquee digunakan agar teks berjalan dari arah kanan kea rah kiri, diakhiri dengan /marquee. blink digunakan agar teks berkedip kedip ,dikhiri dengan /blink.font color="#0000FF" digunakan untuk menentukan warna teks, diakhiri dengan /font. font face="curlz mt"digunakan untuk menentukan jenis huruf, diakhiri dengan /font.

  

HR digunakan untuk membuat garis, diakhiri dengan /HR.  h2 align="justify" digunakan agar huruf yang dibuat berukuran heading2  dan rata kanan dan kiri, diakhiri /h2.strong digunakan untuk membuat efek tebal pada tulisan yang dibuat.

Merupakan kode dari image yang disisipkan, caranya klik menu insert,lalu pilih image, lalu pilih image yang diinginkan.

Merupakan akhir dari program.