Membuat Dokumen Baru Pengelolaan File Halaman Web

Direktorat Pembinaan SMK 2008 345 properti halaman web yang akan dibuat tersebut melalui Page Proper- ties. Properti halaman ini akan menentukan bagus tidaknya disain yang dihasilkan. Melalui Page Proper- ties ini kita dapat mengatur judul halaman, warna latar belakang, gam- bar halaman, warna teks, link serta margin halaman web. Semua ini merupakan atribut dasar yang harus diperhatikan dalam pembuatan hala- man web. Gambar 7.28. Page Properties Ap- pearance Keterangan Apperance Berisikan tentang pengaturan desain warna, background dan huruf pada halaman. Diantaranya : Page font Kelompok huruf yang akan dipakai pada halaman Size Menentukan ukuran huruf pada halaman Text color Menentukan warna huruf. Background color Menentukan warna dasar pada halaman web. Background image Definisi file gambar yang hendak dijadi- kan latar belakang halaman. Repeat Mengulang tampilan gambar latar belakang hingga tidak ada celah kosong pada hala- man. Left margin Menentukan nilai margin kiri halaman web. Top margin Menentukan nilai margin atas halaman web. Right margin Menentukan nilai margin kanan hala- man web. Bottom margin Menentukan nilai margin bawah hala- man web Direktorat Pembinaan SMK 2008 346 Gambar 7.29 Page Properties Links Keterangan : Links Berisikan tentang pengaturan link pada halaman, diantaranya : Link Font Menentukan ke- lompok huruf yang akan dipakai pada hyperlink. Size Menentukan ukuran huruf pada hyperlink. Link color Menentukan warna pada hyperlink yang tidak ditunjuk dengan pointer mouse. Rollover links Visited links Menentukan warna hyperlink yang pernah dikunjungi. Active links Menentukan warna hyperlink yang se- dang ditunjuk dengan pointer mouse. Underline style Menentukan gaya pada link. Gambar 7.30 Page Properties Head- ings Keterangan : Headings Berisikan tentang pengaturan ukuran huruf, diantaranya: Heading font Menentukan ukuran huruf judul web. Heading 1 sd heading 6 Menentukan warna dan ukuran judul web Gambar 7.31 Page Properties Ti- tleEncoding Keterangan Direktorat Pembinaan SMK 2008 347 TitleEncoding Berisikan tentang judul halaman dan style huruf, dian- taranya Title Memberi nama judul web yang akan dibuat. Document Type DTD Menentukan Gambar 7.32 Page Properties Trac- ing Image Keterangan : Tracing Image Berisikan tentang pengambilan file gambar dan tran- paransinya, diantaranya : Tracing Image Menentuka file gambar yang akan digunakan sebagai sarana bantu dalam mendesain halaman web. Tracing image hanya akan tampil pada Document window dan tidak akan tampil pada browser. Tranparency Mengatur tingkat transparansi obyek gambar Tranparency Mengatur tingkat transparansi obyek gambar

7.4.2 Menyimpan Dokumen

Untuk menyimpan dokumen baru, klik File kemudian klik Save, maka akan muncul kotak dialog Save As, dimana direktori default untuk menyimpan dokumen tersebut ditentukan pada root direktori web, sesuai pada defin- isi site sebelumnya. Gambar 7.33 Save As Agar document pada tampilan gam- bar 26, dapat ditampilkan diujicoba pada web browser, kita simpan doc- ument tersebut menjadi dokumen HTML dengan nama file index.html. Kemudian klik kanan nama file terse- but pada Files Panel, pilih menu Preview in browser. Direktorat Pembinaan SMK 2008 348 Maka file index.html tersebut akan tampil di browser seperti gambar berikut : Gambar 7.34 Tampilan File in- dex.html pada Browser

7.4.3 Menyisipkan Tabel dalam Dokumen

Sebelum mempelajari cara me- nyisipkan tabel ke dalam dokumen, terlebih dahulu harus disiapkan dokumen yang hendak disisipi tabel. Misalnya, kita gunakan file index.html yang telah dibuat sebelumnya. Jika file index.html ini telah ditutup, buka kembali file ini dengan klik File  Open   pula dilakukan dengan klik double pada file index.html dalam Files Pan- el. Kemudian yakinkan bahwa Document window, file index.html aktif, selanjut- nya pilih lokasi dalam dokumen index.html yang hendak disisipi tabel. Klik menu Insert →Table, atau dapat juga dengan menekan kombinasi tombol Ctrl+Alt+T pada keyboard, maka akan muncul kotak dialog : Gambar 7.35 Insert Table Keterangan : Rows Menentukan banyak- nya baris tabel. Columns Menentukan banyak- nya kolom tabel. Width Menentukan ukuran lebar tabel beserta satuan ukuran yang digunakan, Percent atau Pixels. Border Mengatur ketebalan border atau batas tabel. Cell padding Mengatur jarak anta- ra isi sel dengan tepi sel. Cell spacing Mengatur jarak anta- ra sel dalam tabel. Caption Mengisi judul untuk