MODUL 4

MEMBUAT HALAMAN WEB

MENGGUNAKAN MICROSOFT FRONTPAGE(2)

1. Membuat dari awal halaman web menggunakan Frontpage

Cara membuat web dari awal pada frontpage adalah sebagai berikut :
• Klik File
New

• Setelah itu pada sisi kanan akan muncul beberapa pilihan

• Pilih One page Web site...

Modul FrontPage Pemrograman Internet 1

 Pilih jenis website One Page Web Site dan tentukan lokasi folder
penyimpanan web anda kemudian klik OK.
• Kemudian akan muncul tampilan Folder List seperti gambar berikut:

Terbentuklah satu file index.htm dan beberapa struktur folder yang

diperlukan.
2. Membuat template Layout tampilan halaman web kita.
• Buat halaman baru, Blank Page
• Kemudian anda dapat membuat desain web sesuai keinginan anda.
 Mengubah background dan text
Pilih Format
Backgrund

Modul FrontPage Pemrograman Internet 1

  Menggunakan table
Pilih Table
Insert
Table

Rows : menentukan berapa banyaknya baris table

Columns : menentukan berapa banyaknya kolom table
Alignment : menentukan posisi table
Border size : menentukan ukuran tebalnya border
Ubah ukuran table menjadi sbb :

pada table baris ke 2 klik kanan, pilih Split Cells..

Modul FrontPage Pemrograman Internet 1

 pilih Split into columns, untuk membagi baris tersebut kedalam kolom

Kemudian isi tiap baris dan kolom dengan text atau gambar sehingga
hasilnya menjadi sbb:

 Menambahkan Button
Pilih Insert
Interactive Button

Modul FrontPage Pemrograman Internet 1

  Menyimpan dan menggunakan layout.
Setelah selesai membuat design atau layout yang telah dibuat,
simpan dengan cara :
Pilih File
Save As

Pada Save as type pilih Desain Web Template(*.dwt).

Kemudian pilih Save.
Agar template yang kita buat dapat digunakan, pilih Format

Dynamic Web Template
Manage Editable Regions

Modul FrontPage Pemrograman Internet 1

 Tambahkan region name dan Add.
Untuk menggunakan template layout yang telah dibuat adalah sbb:
Buka file index.htm dan pilih Format
Dynamic Web Template

Attach Dynamic Web Template
Kemudian pilih Format
Dynamic Web Template
Detach from
Dynamic Web Template

 Menggunakan Frame
Frame adalah HTML spesial yang membagi window ke dalam beberapa
area. Setiap areanya dapat menampilkan halaman yang berbeda.
Cara membuat web memakai frame pada frontpage adalah sebagai berikut
:
Klik File
New
Page or Web..
Setelah muncul beberapa pilihan, pilih Page Templates...
Klik pada tab Frame Pages, kemudian pilih jenis susunan framenya.

Setelah klik OK akan muncul tampilan sebagai berikut :

Modul FrontPage Pemrograman Internet 1

 Pada masing-masing frame terdapat 2 pilihan :
Set Initial Page
digunakan jika anda sudah mempunyai halaman web
dan akan dimasukkan dalam frame tersebut
New Page
membuat halaman baru.
Pilih New Page, kemudian modifikasi setiap frame tersebut dan simpan
halaman tersebut dengan nama index untuk frame atas simpan dengan
nama banner, frame kiri simpan dengan nama menu dan frame kanan
simpan dengan nama home.

Membuat hyperlink pada frame

Untuk membuat link pada tiap menu yang ada maka tiap link tersebut
harus dibuat halaman baru.
Buat halaman baru dan simpan dengan nama berita, kemudian blok menu
berita
klik kanan pilih Hyperlink

Pilih file tujuannya berita, kemudian klik Target Frame..

Modul FrontPage Pemrograman Internet 1

 Klik pada frame bagian kanan, kemudian OK.
Lakukan hal yang sama pada setiap menu yang ada

Modul FrontPage Pemrograman Internet 1