185
Membuat Homepage Sederhana dan Interaktif
2. Tampilan FrontPage Beserta Komponennya
Baris Judul Baris Menu
Baris Toolbar
Tombol ukuran
Baris tampilan FrontPage editor
Gambar 3.2 Tampilan FrontPage
Elemen dasar kotak jendela FrontPage yang perlu kamu ketahui adalah sebagai berikut. a.
Baris judul Title Bar, yaitu baris yang menampilkan nama file atau dokumen FrontPage yang
sedang aktif. b.
Tombol Ukuran Sizing Button yang digunakan untuk mengatur ukuran kotak jendela Maxi-
mize, Minimize, Close
. c.
Baris Menu Menu Bar, yaitu baris yang berisi perintah-perintah dalam mengelola dokumen
FrontPage File, Edit, View, Insert, Format, Tools, Table, Frames, Window, Help.
d. Toolbars
yang berisi ikon-ikon perintah dalam mengelola dokumen FrontPage. e.
Baris Tampilan Views Bar yang berisi ikon-ikon untuk memudahkan perpindahan
antarkotak jendela Page, Folders, Report, Navigation, Hyperlinks, Taks.
f. Daftar Folder
Folder List yang berisi folder atau file yang terkait dengan file dokumen FrontPage yang sedang aktif.
g. Taks Pane
yang digunakan untuk mempermudah dalam mengedit dokumen HTML. h.
FrontPage Editor yang digunakan sebagai halaman untuk membuat dan mengedit dokumen
HTML .
Elemen-elemen tersebut dapat ditampilkan atau disembunyikan melalui menu View.
B. Membuka Source HTML Sebuah Homepage
Source sebuah homepage berisi bahasa atau kode-kode HTML sebuah homepage. Untuk
membuka source HTML sebuah homepage dapat dilakukan dengan langkah sebagai berikut:
Di unduh dari : Bukupaket.com
186
Teknologi Informasi dan Komunikasi Kelas XI
1. Ketik alamat homepage URL yang diinginkan pada Address Bar lalu tekan Enter atau
tombol Go hingga muncul homepage yang diinginkan.
2. Klik Source pada menu View maka source akan muncul pada kotak jendela Notepad.
Gambar 3.3 Tampilan Source HTML sebuah Homepage
Untuk melihat Source sebuah homepage dapat pula dilakukan melalui sheet HTML pada FrontPage Editor.
No. Keterangan
1.
Elemen HTML
Horizontal Line Garis horizontal pada dokumen FrontPage
2. Date and Time
Tanggal dan waktu saat ini pada dokumen FrontPage. 3.
Navigation Bar Sekumpulan tombol atau teks yang dikaitkan hyperlink
dengan dokumen page atau referensi lainnya dalam struktur web.
4. Page Banner
Bagian dari halaman web yang memuat elemen grafik dan teks.
5. Office Pivot Table
Tabel ringkasan atau rekapiluasi interaktif. 6.
Office Chart Grafik yang berhubungan dengan data tabel MS.Excel.
7. Banner add Manager
Banner rotasi yang menampilkan gambar, ukuran, efek transisi secara bergantian.
C. Elemen-Elemen dalam Dokumen HTML
Elemen-elemen dokumen HTML termuat dalam menu Insert. Elemen-elemen yang perlu kamu
ketahui adalah sebagai berikut.
Tabel 3.1 Elemen-Elemen Dokumen HTML
Di unduh dari : Bukupaket.com
187
Membuat Homepage Sederhana dan Interaktif
No. Keterangan
8.
Elemen HTML
Hit Counter Penghitung banyak kunjungan sebuah website.
9. Hover Button
Tombol kreatif yang dikaitkan dengan efek suara, gambar, dan lainnya.
10. Marque
Pesan text berjalan secara horizontal. 11.
Confirmation Field Komponen yang diganti dengan Field sebuah form dari
halaman konfirmasi. 12.
Include Page Komponen yang diganti dengan isi atau halaman lain sebuah
web. 13.
Scheduled Picture Gambar yang ditampilkan pada interval waktu tertentu.
14. Scheduled Include Page
Halaman yang ditampilkan pada interval waktu tertentu. 15.
Substitution Variabel pada halaman web seperti nama kepemilikan
halaman. 16.
Search Form Form yang digunakan untuk mencari teks atau halaman
dengan kriteria tertentu dari web yang sedang aktif. 17.
Table of Conten Table yang berisi komponen yang mengandung hypertext.
18. One Line Text Box
Sebuah baris text dari user seperti pesan, saran, dan lainnya. 19.
Scrolling Text Box Beberapa baris text dari user seperti pesan, saran, dan lainnya.
20. Check Box
Kotak pilihan dari sebuah daftar pilihan. 21.
Radio Button Tombol satu pilihan dari pilhan yang tersedia.
22. Drop Down Menu
Daftar item yang dapat dipilih dan diklik. 23.
Push Button Tombol yang digunakan untuk menjalankan sebuah perintah.
24. Label
Label pada sebuah halaman web.
Apabila kamu membuat homepage melalui Microsoft Word maka kamu dapat mengedit text HTML melalui Microsoft Word dengan langkah sebagai berikut:
D. Mengedit Text HTML Menggunakan Microsoft Word