Selasa, 03 November 2015

PEMROGRAMAN HTML


Melink File HTML menggunakan Dreamweaver
1.      Buka Aplikasi Dreamweaver
2.      Pilih file HTML
3.      Untuk awal, kita akan membuat frame terlebih dahulu dengan cara :
-          Pilih insert
-          HTML
-          Lalu Frame
-          Pilih left nested top

-          Pilih mainframe
-          Ok

 

Maka akan keluar tampilan seperti di atas, disinilah kita akan memulai untuk medesain tampilan. Sebagai contoh, pada baris pertama ( garis horizontal ) saya akan memberi nama  / ini sial “UNIVERSITAS GUNADARMA” sebagai penginisialan halaman WEB yang akan kita buat, kemudian pada kolom ( garis vertikal ) itu saya akan membuat sub pilihan
·         Home
·         Profile
·         Picture

Sub menu ini lah yang nanti kita akan LINK ke File HTML sesuai dengan judul pilihnya.
Isi dari home disini saya mengisi tentang sedikit pengenalan Universitas Gunadarma kita tercinta. Kemudian Profile saya membuat seperti tabel tentang biodata mahasiswa dan yang terakhir picture berisi foto dari Universitas Gunadarma


4.      Setelah kita buat seperti gambar di bawah ini :

           Kita akan mengLINK  sub menu pilihan home, profile dan picture, sebelum menglink kita                  harus membuat new file HTML baru untuk tiap pilihan.
Dengan cara :
-          File
-          New
-          Pilih file HTML

Contoh :

            File Home :


             File Profile :


Untuk  membuat tabel untuk mengisi biodata mahasiswa bisa di liat pada postingan saya               sebelumnya


File Picture :
            Untuk memasukan foto dalam editor dengan cara :
-          Pilih Insert
-          Kemudian Image
-          Pilih foto yang akan di gunakan
-          OK


Setelah semua file telah dibuat dan siap, maka kita akan meLink file tersebut dengan cara :

1.      Blok semua tulisan Home
2.      Cari lokasi folder penyimpanan file HTML yang akan di link
3.      Target pilih sebagai mainframe dan selsai, lakukan hal yang sama pada Profile dan Picture

4.      Selsai.


Home :


Profile :



            Picture :


Tidak ada komentar:

Posting Komentar