Belajar membuat WEBSITE dengan front Page 2003

Oleh:Dian C. Rusliadi

Dian.quinnara@gmail.comSMAN 11 Yogyakarta

www.dian-quinnara.weebly.com Page 1

A. Tampilan menu dan tools dalam front pageFungsi menu, tools dan icon dalam Front Page, pada dasarnya sama dengan fungsi menu pada office lainnya.

Gambar1. Tampilan jendela Front page

Ket:A. Design: stage tempat mendesain web

Split: Menampilkan kode dan design webCode: hanya menampilkan tag html’nya sajaPreview: untuk melihat hasil design sementara (tapi tidak berlaku bagi link, jika ingin melihat hasil link langsung klik pada browser)

B. Posisi saat ini sedang berada pada stage DesignC. Menu dan ikon yg terdapat dalam front pageD. TitleE. Task pane (jika task pane tak nampak bisa ditampilkan melalui View task pane

/ dengan menekan shortcut CTRL+F1

www.dian-quinnara.weebly.com Page 2

A

EC

D

B

B. Membuat websitea. cara membuat tulisan berwarna dan mengganti bentuk tulisan

b. marquee (tulisan bergerak) blok tulisan kemudian klik langkah berikut

Langkah 1 langkah 2

c. cara membuat button

Langkah 1

www.dian-quinnara.weebly.com Page 3

Langkah 2

Catatan: fungsi dari button untuk mempercantik tampilan dari website anda. Jika selama ini hanya memakai ‘tulisan’ kini, cobalah beralih ke button.

d. cara membuat table

Langkah 1

www.dian-quinnara.weebly.com Page 4

Jenis-jenis button

Mengganti nama button

Font: mengganti jenis text,ukuran dan warna.Image:

Link. Klik browse untuk me-Link’kan dengan file lain

Langkah 2

e. cara membuat frame

Fungsi dari frame agar tampilan website kita lebih rapi, mudah dibaca, pembaca tidak kesulitan saat harus berpindah-pindah halaman dengan link.

Gambar Hasil frame

www.dian-quinnara.weebly.com Page 5

Isi baris dan kolom

Atur layout cell

Atur size border, jika 0 artinya garis table tdk nampak, jika angka semakin

Atur background table gambar

Terdiri dari 3 frame

cara membuat frame:

Klik new pada task pane

Langkah 1

Langkah 2

Langkah 3 klik New page

f. cara membuat link

contoh Menu yang akan di linksyaratnya kita harus membuat terlebih dahulu page tentang Guest book, profile, galery,saran.Setelah itu baru bisa dilink’kan.

Contoh:1. Membuat link dengan tulisan

www.dian-quinnara.weebly.com Page 6

Pilih more page template untuk memilih jenis frame

Pilih jenis-jenis frame

Lihat preview dari frame

Blok tulisan, kemudian klik kanan pilih hyperlink kemudian klik file yang akan di- link’kan.

2. Membuat link dengan buttonSeperti yang sudah dijelaskan diatas, jika sudah membuat button; double klik pada button yang sudah dibuat atau klik langsung pada LINK kemudian klik BROWSE untuk mencari file yang akan di-link’kan.

C. Penutup

Demikian penjelasan saya tentang membuat website dengan Frontpage. Saya berharap tulisan saya dapat membantu anda yang ingin mengembangkan diri anda dalam membuat web dengan frontpage. Tentunya ada banyak hal yang belum juga dijelaskan disini namun saya berharap anda dapat menggali lebih dalam lagi dengan cara berlatih terus menerus “learning by doing”. Sekian dan terimakasih!

www.dian-quinnara.weebly.com Page 7