BAB 5

BAB 5

BAB 5 : Membuat homepage sederhana

BAB 5

A. menentukan perangkat lunak untuk membuat homepage

A. Menentukan Perangkat Lunak untuk Membuat Homepage Hal yang harus diperhatikan dalam membuat homepage:
1. tujuan dibuatnya homepage
2. orang yang menjadi target untuk melihat homepage kita
3. informasi yang akan ditampilkan dalam homepage
4. hasilnya mewakili satu halaman homepage dan dapat ditambah dengan hyperlink
5. buat kerangka homepage yang akan kita buat

3 kriteria tools atau alat bantu dalam pengembangan homepage:
1. Editor HTML
Digunakan untuk mendesain homepage diantaranya menggabungkan gambar, suara dan animasi dalam suatu halaman homepage. Contoh produknya Microsoft FrontPage XP
2. Editor Graphics
Digunakan untuk megedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar sehingga siap ditampilkan pada homepage. Contohnya CorelDRAW dan Adobe Photoshop.

3. Editor Multimedia Animasi dan Suara
Digunakan untuk membuat animasi gambar dan suara. Macromedia Flash adalah editor animasi yang paling populer. Kita dapat merubah animasi yang rumit sehingga dapat dikerjakan dengan baik 
B. Membuat Layout Homepage yang Diinginkan Layout atau frame adalah bentuk format navigasi dari homepage yang akan ditampilkan.
Untuk melihat dan memilih jenis layout tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah-langkah untuk melakukannya, yaitu :
1. Pilih tombol start. All Programs.Microsof FrontPage XP. Selanjutnya, akan ditampilkan dokumen baru pada Microsoft FrontPage.
2. Pilih menu File. New. Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
5. Pilih jenis frame yang kamu inginkan, kemudian klik tombol OK.

Jenis-jenis frame pada MIcrosoft FrontPage XP
1. Banners and Contents
2. Contents
3. Footers
4. Footnotes
5. Header
6. Header, Footer and Contents
7. Horizontal Split
8. Nested Hierarchy
9. Top Down Hierarchy
10. Vertical SplitC. Menerapkan Hyperlink 
Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Lnagkah-langkah mermbuat hyperlink menggunakan Microsoft FrontPage XP, yaitu :
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan “Link ke halaman lain: pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan “Link ke halaman lain” dengan cara men-drag tombol kiri mouse.
4. Tekan tombol CTRL+K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink.
5. Setelah file disimpan dan dijalankan, ketika kita klik “Link ke halaman lain” maka akan membuka halaman tujuan link tersebut.

Langkah-langkah untuk membuat hyperlink dengan tag HTML, antara lain :
1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan “Link ke halan lain” pada dokumen baru yang ditampilkan pertama kali.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan tampil sintaks HTML.
5. Letakkan kursor di depan kata “Link” dan di belakang tag
pada sintaks HTML yang ditampilkan.
6. Letakkan kursor di belakang kata “lain” dan di depan tag
. Ketikkan tag .
7. Klik tab normal di bagian bawah dokumen untuk melihat hasil akhir.

Link istilah singkat untuk hyperlink, merupakan serangkaian teks atau gambar yang terhubung dengan file atau halaman lain dalam satu atau beberapa dokumen. 
D. Menerapkan Cascading Style Sheet 
Tag merupakan elemen dalam HTML yang merupakan perintah kepada web browser untuk menampilkan elemen teks, gambar, atau link. Tag dimulai dengan karakter < diakhiri dengan karakter >. Dalam tanda < > tertulis perintah kepada web browser. Satu perintah terdiri atas dua tag, yaitu tag pembuka < > dan tag penutup . Contoh :
Hello World!
.

Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :
- bentuk huruf,
- ukuran huruf,
- format huruf,
- warna huruf,
- warna background,
- warna hyperlink,
- format textbox.

Style Sheet merupakan file atau format yang menentukan layout dari sebuah dokumen. Style sheet biasanya disebut juga template.
CSS (Cascading Style Sheets) merupakan sebuah file yang berisi sekumpulan perintah untuk memformat bagaimana sebuah halaman web ditampilkan oleh web browser. Dengan kata lain, CSS merupakan rujukan format tampilkan halaman web. CSS dapat ditulis sendiri dalam satu file yang terpisah dari HTML atau ditulis langsung pada bagian head HTML. Karena sifatnya cascade (seperti air terjun), satu perintah CSS berlaku untuk semua bagian dalam dokumen HTML.

Jenis-jenis CSS pada Microsoft FrontPage:
1. Normal Style Sheet
2. Arcs
3. Bars
4. Blocks
5. Blueprint
6. Capsules
7. Downtown
8. Expedition
9. Highway
10. Neon
11. Poetic
12. Street
13. Sweet

Head merupakan elemen HTML yang berisi informasi umum mengenai dokumen atau disebut juga meta-information. Meta berarti “informasi tentang”. Metadata adalah informasi tentang data, sedangkan meta-information berarti informasi tentang informasi. Web browser tidak menampilkan informasi yang terdapat dalam head kepada pengguna.

Tittle merupakan bagian dari head HTML yang berisi teks, digunakan untuk mendefinisikan judul sebuah halaman wrb yang akan ditampilkan pada tittle bar web browser.