membuat Frameset dreamweaver

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.  
2. Pada bagian frames, pilih frameset bagian kiri.
3. Atur setingan untuk frameset kiri.html