Membuat frameset html dengan Dreamweaver 8


Latar Belakang :

Anda ingin membuat sebuah web statis menggunakan editor Dreameweaver. Web statis itu sendiri adalah sebuah halaman web dimana content nya tidak dapat berubah secara otomatis, tidak membutuhkan webserver, tidak membutuhkan database, tidak membutuhkan bahasa pemrograman berbasis web seperti PHP, ASP, atau JSP. Web statis hanya membutuhkan html biasa.

Dalam bahasa pemrograman PHP, untuk mengambil content dari halaman yang lain dalam satu halaman yang sama kita biasa menggunakan fungsi include. Misalnya include “conn.php” untuk koneksi, atau untuk include “header.php” untuk mengambil content bagian headernya saja, atau include “menu.php” untuk mengambil content menu dalam sebuah web.

Sedangkan dalam web statis kita tidak mengenal fungsi include, dan tidak perlu menggunakan bahasa pemrograman seperti PHP. Kita hanya menggunakan HTML yang telah disediakan sebuah tag yang bernama <frameset>.

Dalam  tutorial saya kali ini, saya akan menerangkan cara membuat sebuah frameset menggunakan editor dreamweaver  tanpa “menyentuh” coding atau tag2 HTML pada dreamweaver itu sendiri.

Langkah pembuatan Framset :

  1. Buka editor Dreamweaver
  2. Buat file html yang baru dengan menggunakan menu File>New>Basic Page>Html>Klik tombol Create
  3. Aktifkan tombol Design, aktifkan tab Layout, klik icon Frames, dan pilih frame “Top and Nested Frame”
  4. Jika muncul window kecil seperti ini, klik aja OK
  5. Aktifkan window frame melalui menu window>frames (tekan Shift+F2)
  6. Save semua frame dengan pilih menu File>Save All
  7. Untuk masalah penyimpanannya, berhubung ini ada 1 frameset, dan 3 frame anak yang terdiri dari mainframe, frameleft, frametop. Maka nanti kita akan menyimpan 4 file sekaligus.
  8. Saat save file pertama kita beri nama filenya index.html
  9. Saat menyimpan file kedua, kita berinama utama.html karena ada garis arsir pada frame tengah.
  10. Saat menyimpan file ketiga, kita berinama kiri.html karena ada garis arsir pada frame set sebelah kiri.
  11. Saat menyimpan file keempat, kita berinama atas.html karena ada garis arsir pada frame set sebelah atas.
  12. Selesai

Menu Framset :

  1. Pada frameset “kiri.html” buat text menu, dan blok
  2. Pada bagian properties seting alamat link dan target

Scroll Framset :

  1. Pada bagian frames, pilih frameset bagian kiri.
  2. Atur setingan untuk frameset kiri.html

 

Download Contoh :

http://www.4shared.com/file/qEkGvwrF/frameset.html

Sekian tutorial dari saya, semoga bermanfaat untuk anda semua.

Depok, 23-10-2010

 

noname

Advertisements

3 Responses

  1. pembuatan framset itu sama dengan pembuatan statis ya gan?

    Like

  2. baguuss sekaliii parrtnerrr iniii tuliisann muwwwhh… #

    thak’s nahh

    Like

  3. trims infonya, langsung dipratekkin…

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: