Selasa, 14 Desember 2010

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.



0 komentar: