Daftar Isi Bab Membuat Link Bar Langkah membuat link bar Mengedit Link Bar

Transkripsi

1 Bab 13 Link Bar

2 Webmaster Pro Front Page XP Daftar Isi Bab 13 1 Membuat Link Bar Langkah membuat link bar Mengedit Link Bar Membuat Link Bar Next - Back Mengatur halaman dua Halaman tiga Tampilan di browser Membuat Link Bar berdasarkan Struktur Memasang link bar Home Page Membuat link bar lapisan pertama Membuat link bar lapisan kedua Membuat tombol Next dan Back

3 Bab 13 Link Bar 1 Membuat Link Bar Link Bar adalah bar yang terletak di bagain atas halaman dan bertugas menampung link-link yang ada. Link bar sering disbut juga dengan Navigator. Komponen ini akan muncul pada seluruh halaman di dalam situs. Gambar 13.1 Contoh Link bar 1.1 Langkah membuat link bar Langkah pemasangan link bar adalah: 1. Buatlah sebuah situs bernama Web13a dengan jenis web satu halaman (One Page Site). Caranya: Aktifkan File New Page or Site. Klik icon One Page Site pada task pane. 2. Tampilkan navigation View. Dengan cara klik icon Navigation. 3. Buatlah tiga halaman di bawah Home Page. 4. Namailah dengan Satu, Dua dan Tiga. Lihat Gambar Gambar 13.2 Strutur navigasi situs 379

4 Webmaster Pro Front Page XP 5. Klik ganda icon Home Page sehingga halaman tersebut terbuka. 6. Pasangkan tema Arcs pada Home Page. Aktifkan Format Theme Pada kotak dialog Themes, aktifkan palihan Selected page(s) dan Arcs, lalu OK. Gambar 13.3 Pilihan pada kotak dialog Themes 7. Gantilah Page Banner menjadi Ini Home Page. Caranya: aktifkan Insert Page Banner. Pada kotak dialog, klik pilihan Picture dan tulislah: Ini Home Page, lalu klik OK. 380 Gambar 13.4 Kotak dialog Page Banner Properties 8. Pada halaman, di bawah Page Banner tuliskan teks: Contoh Link Bar Bar custom link:

5 Bab 13 Link Bar 9. Tempatkan kursor di bawah teks tersebut atau pada lokasi lain yang Anda inginkan. Lihat Gambar 13.5 di bawah. Gambar 13.5 Posisi kursor 10. Aktifkan pilihan Insert Web Component. Kotak dialog Insert Web Component terbuka. 11. Pada bidang kiri pilih Link Bars dan pada bidang kanan pilihlah Bar With custom links. Gambar 13.6 Pilihan Link Bar 12. Klik Next, muncul kotak dialog untuk pemilihan jenis tombol. 381

6 Webmaster Pro Front Page XP Gambar 13.7 Pilihan tombol tema 13. Klik salah satu pilihan, misalnya Blocks, seperti Gambar di atas. Lalu klik Next. Muncul pemilihan posisi link bar. Gambar 13.8 Pilihan posisi link bar 14. Misalnya klik pilihan pertama (horisontal), lalu klik Finish, muncul kotak dialog penamaan link bar. 382

7 Bab 13 Link Bar Gambar 13.9 Penamaan link bar 15. Tuliskan namanya, misalnya Alamiah lalu klik OK. Muncul kotak dialog Link Bar Properties. Gambar Kotak dialog Link Bar Properties 16. Klik tombol Add link, muncul kotak dialog Add to Link Bar. Gambar Gambar Pengaturan link ke halaman tujuan 17. Tuliskan judul tombol pada kotak isian Text to display, misalnya Halaman Dua. Lalu klik halaman tujuan link, misalnya Dua.htm. Klik OK, kembali 383

8 Webmaster Pro Front Page XP ke kotak dialog Link Bar Properties. Di sana terdapat sebuah link bernama Halaman Dua, lihat Gambar berikut ini: Gambar Link Halaman Dua 18. Untuk membuat tombol kedua, klik tombol add link, muncul kotak dialog Add to Link Bar. Gambar Pengaturan link ke halaman tiga 19. Tuliskan judul untuk tombol kedua pada kotak isian Text to display, misalnya Halaman Tiga. Lalu klik halaman tujuan link, misalnya Tiga.htm. Lalu klik OK, kembali ke kotak dialog Link Bar Properties yang kini menampilkan dus link, yaitu Halaman Dua dan Halaman Tiga. Gambar

9 Bab 13 Link Bar Gambar Link Halaman Tiga 20. Ulangi cara di atas untuk halaman Satu. 21. Lalu klik tombol OK, pada halaman akan muncul tiga tombol berjudul Halaman Satu, Halaman Dua dan Halaman Tiga. Seperti Gambar Gambar Link bar terdiri dari tiga tombol terpasang pada halaman Kemudian klik tombol Preview in Browser, tampilan link bar pada browser tampak pada Gambar

10 Webmaster Pro Front Page XP Gambar Tampilan Link bar pada browser Kemudian klik tombol pertama (Halaman Satu), maka browser akan membuka Halaman Satu, seperti Gambar sebelah kiri. Klik Back pada browser, muncul halaman Home Page. Kemudian klik tombol kedua (Halaman Dua), maka browser akan membuka Halaman Dua, seperti Gambar tengah. Kemudian klik tombol ketiga (Halaman Tiga), maka browser akan membuka Halaman Tiga, seperti Gambar kanan. 386 Gambar Halaman yang dibuka oleh tombol Link Bar

11 Bab 13 Link Bar 1.2 Mengedit Link Bar Untuk mengedit link bar yang sudah terbentuk, caranya: 1. Pada halaman klik ganda link bar, muncul kotak dialog Link Bar Properties. Gambar Kotak dialog Link Bar Properties 2. Untuk modifikasi link, klik salah satu link lalu klik tombol Modify link. Muncul kotak dialog Modify Link. Gambar Kotak dialog Modify Link 3. Gunakan kotak dialog tersebut untuk memodifikasi link. Lalu OK. Kembali ke kotak dialog Link Bar Properties. 4. Untuk menghapus link, klik nama link pada daftar Link lalu klik tombol Remove Link. 387

12 Webmaster Pro Front Page XP 5. Untuk menambah link, klik tombol Add Link. Dan gunakan kotak dialog Add Link, lalu OK. 6. Untuk mengganti style tombol, klik tab Style lalu pilihlah jenis tombol pada daftar Choose a style., misalnya Network Blitz. Gambar Pilihan tombol Network Blitz 7. Untuk mengubah style menjadi Link bar Vertical, klik pilihan Vertical, lihat Gambar Gambar Pilihan Vertical 8. Setelah selesai melakukan pengeditan link bar, klik OK untuk menutup kotak dialog Link Bar Properties. 388

13 Bab 13 Link Bar Gambar berikut ini menunjukkan hasil pengeditan tombol dan style, yaitu menggunakan Network Blitz dan style Link bar Vertical. Gambar Tombol Network Blitz dan style Link bar Vertical 9. Setelah link bar terpasang di halaman, untuk menampilkan halaman tujuan link, klik salah satu tombol sambil menekan tombol CTRL pada keyboard. Hal ini sangat membantu untuk memeriksa koneksi dan tujuan link. 10. Untuk memindah link bar yang sudah terpasang ke lokasi lain di halaman, klik link bar lalu drag ke lokasi baru dan lepaskan drag di tempat baru tersebut. 11. Anda juga bisa menggunakan cara cut paste untuk memindahkan link bar, hal ini cocok untuk lokasi asal dan lokasi tujuan yang berjauhan dan tidak bisa ditampilkan salam satu tampilan layar. Cara ini juga sangat sesuai untuk memindah link bar dari satu halaman ke halaman lain. Jadi, caranya adalah klik kanan link bar lalu klik perintah Cut. Pada lokasi baru, klilk kanan dan klik Paste, maka link bar berpindah ke lokasi tersebut. 12. Untuk menghapus link bar yang telah terpasang, klik kanan link bar lalu klik Delete. Atau bisa juga menggunakan cara yang lebih praktis, yaitu klik link bar lalu tekan DELETE pada keyboard. Pada waktu Anda klik link bar, jika muncul kotak dialog Add to link bar, tekanlah Cancel untuk menutupnya. 389

14 Webmaster Pro Front Page XP 2 Membuat Link Bar Next - Back Link bar Next Back sebenarnya masih terkait dengan jenis link bar Custom Link. Bedanya terletak pada posisi halaman dan posisi tujuan link. Link bar Custom Link, yang telah kita bahas sebelumnya, cocok untuk Home Page. Sedangkan link bar Next Back cocok untuk halaman yang memiliki teman setingkat. Misalnya untuk perpindahan antara halaman Anak dengan Anak lainnya. Atau perpindahan antara halaman Cucu dengan Cucu lainnya. Baiklah, mari kita menyusun link bar Next Back. 1. Tampilkan navigatiion View. 2. Buatlah tiga halaman di bawah Home Page. 3. Namailah dengan Satu, Dua dan Tiga. 4. Klik ganda halaman Satu sehingga terbuka. 5. Gantilah warna latar belakang halaman menjadi biru (Klik kanan Properties. Pada kotak dialog klik Background dan pilihlah warna biru). 6. Tambahkan teks yang sesuai pada halaman. Misalnya tentang judul halaman, Halo aku halaman Formatlah warna font sehingga sesuai dengan warna biru, misalnya putih, biru muda, merah muda, kuning atau warna terang lainnya. 8. Untuk mempertegas tampilan, tambahkan garis horisontal pada lokasi tertentu. Caranya, aktifkan perintah Insert Horisontal Line. 9. Klik lokasi penyisipan Link Bar, misalnya seperti Gambar

15 Bab 13 Link Bar Gambar Penampatan kursor 10. Aktifkan pilihan Insert Web Component. Kotak dialog Insert Web Component terbuka. Gambar Pilihan Bar With back and next links 11. Pada bidang kiri pilih Link Bars dan pada bidang kanan pilihlah Bar With back and next links. Klik Next, muncul kotak dialog Link Bar Properties. Gambar

16 Webmaster Pro Front Page XP Gambar Pilihan Blank 12. Pilihlah jenis tombol yang cocok dengan warna halaman biru, misalnya Blank. Gambar Klik Next, muncul kotak dialog pemilihan jenis link bar, apakah horisontal (yang pertama) atau yang vertikal (pilihan kedua). Gambar Pilihan jenis link bar 13. Jangan ubah pilihan pertama (horisontal) yang sudah aktif. Klik Next, muncul kotak dialog pengaturan link. 392

17 Bab 13 Link Bar Gambar Pengaturan link 14. Klik kotak cek Home Page, lalu klik tombol OK. Hasilnya pada halaman seperti Gambar Gambar Tombol Home dan Next muncul pada halaman Perhatikan tombol yang muncul, hanya dua, yaitu Home (hasil pengaktifan pilihan Home Page) dan Next. Tidak ada Back, sebab ini adalah halaman pertama dalam kelompoknya. 393

18 Webmaster Pro Front Page XP 2.1 Mengatur halaman dua Setelah mengatur halaman Home Page dan halaman Satu, berikutnya kita akan mengatur halaman Dua. 1. Klik ganda halaman Dua sehingga terbuka. 2. Gantilah warna latar belakang halaman menjadi biru muda (Klik kanan lalu klik perintah Properties. Pada kotak dialog Page Properties klik Background dan pilihlah warna biru muda). 3. Tambahkan teks yang sesuai pada halaman. Misalnya tentang judul halaman, Ini halaman Formatlah warna font sehingga sesuai dengan warna biru muda. 5. Tambahkan garis horisontal (Insert Horisontal Line ) pada lokasi tertentu untuk mengatur komposisi. 6. Klik lokasi penyisipan Link Bar - Back dan Next, misalnya seperti Gambar Gambar Lokasi penyisipan kursor 7. Aktifkan pilihan Insert Web Component. Kotak dialog Insert Web Component terbuka. 8. Pada bidang kiri pilih Link Bars dan pada bidang kanan pilihlah Bar With back and next links. Klik Next, muncul kotak dialog Link Bar Properties. Gambar

19 Bab 13 Link Bar Gambar Pengaturan 9. Pilihlah jenis tombol yang cocok dengan warna halaman biru muda, misalnya Waves. Gambar Gambar 13.31Pilihan Waves 10. Klik Next, muncul kotak dialog pemilihan jenis link bar, apakah horisontal (yang pertama) atau yang vertikal (pilihan kedua). Gambar

20 Webmaster Pro Front Page XP Gambar Pilihan Horisontal 11. Jangan ubah pilihan pertama (horis\ontal) yang sudah aktif. Klik Next, muncul kotak dialog pengaturan link. Gambar Kotak dialog pengaturan link 12. Klik kotak cek Home Page, lalu klik tombol OK. Hasilnya pada halaman seperti Gambar

21 Bab 13 Link Bar Gambar Hasli pemasangan pada halaman Perhatikan tombol yang muncul, kini berjumlah tiga, yaitu Back, Home (hasil pengaktifan pilihan Home Page) dan Next. Muncul tombol Back, sebab ini adalah halaman kedua di dalam kelompoknya (sehingga masih ada halaman sebelumnya) Dan muncul tombol Next sebab masih ada halaman berikutnya (ketiga). 2.2 Halaman tiga Kini saatnya mengatur halaman terakhir. 1. Klik ganda halaman Tiga sehingga terbuka. 2. Gantilah warna latar belakang halaman menajdi merah muda (Klik kanan Properties. Klik Background dan pilihlah warna merah muda). 3. Tuliskan teks: Saya halaman terakhir, 3. Dan Contoh Link Bar Bar with custom links. 4. Formatlah warna font sehingga sesuai dengan warna merah muda. 5. Tambahkan garis horisontal (Insert Horisontal Line ). 6. Klik lokasi penyisipan Link Bar - Back dan Next, misalnya seperti Gambar

22 Webmaster Pro Front Page XP Gambar Lokasi kursor 7. Aktifkan pilihan Insert Web Component. Kotak dialog Insert Web Component terbuka. Gambar Pilihan Bar With back and next links 8. Pada bidang kiri pilih Link Bars dan pada bidang kanan pilihlah Bar With back and next links. Klik Next, muncul kotak dialog Link Bar Properties. Gambar

23 Bab 13 Link Bar Gambar Pilihan Axis 9. Pilihlah jenis tombol yang cocok, misalnya Axis. Gambar Klik Next, muncul kotak dialog pemilihan jenis link bar, apakah horisontal (yang pertama) atau yang vertikal (pilihan kedua). Gambar Pilihan Horisontal 10. Jangan ubah pilihan pertama (horis\ontal) yang sudah aktif. Klik Next, muncul kotak dialog pengaturan link. Gambar

24 Webmaster Pro Front Page XP Gambar Kotak dialog Link Bar Properties 11. Klik Kotak cek Home Page, lalu OK. Hasilnya: Gambar Hasil pemasangan Link bar Perhatikan tombol yang muncul, hanya dua, yaitu Home (hasil pengaktifan pilihan Home Page) dan Back. Tidak ada Next, sebab ini adalah halaman terakhir di dalam kelompoknya. 400

25 Bab 13 Link Bar 2.3 Tampilan di browser Nah, sampai di sini kita berhasil menyusun dan mem-format keempat halaman. Kini saatnya untuk mengujinya di browser. Aktifkan halaman Home Page lalu klik tombol Preview in Browser. Tampilannya tampak seperti Gambar Gambar Home page Kemudian klik tombol Halaman Satu, muncul Halaman Satu seperti Gambar Klik tombol Home, kembali ke Home Page. Gambar Halaman Satu Pada Home Page klik tombol Halaman Dua, muncul Halaman Dua seperti Gambar Klik tombol Home, kembali ke Home Page. 401

26 Webmaster Pro Front Page XP Gambar Halaman Dua Pada Home Page klik tombol Halaman Tiga, muncul Halaman Tiga seperti Gambar Klik tombol Home, kembali ke Home Page. Gambar Halaman Tiga Pada halaman Satu, jika Anda klik tombol Next, akan muncul halaman Dua. Pada halaman Dua Anda klik Next akan muncul halaman Tiga. Selanjutnya pada halaman Tiga jika Anda klik Back, muncul halaman Dua. Pada halaman Dua Anda klik Back akan muncul halaman Satu. 402

27 Bab 13 Link Bar 3 Membuat Link Bar berdasarkan Struktur Jadi begitulah pemakaian Web Component untuk membuat link bar, baik custom maupun Back-Next. Kalau Anda perhatikan, pembuatan halaman. link bar sangat tergantung dengan struktur Jika Anda menggunakan situs dengan banyak halaman, maka akan lebih mudah jika Anda memanfaatkan fasilitas terakhir yang disediakan FrontPage XP dalam membuat link bar, yaitu dengan menggunakan struktur. Langkah yang diperlukan adalah: 1. Buatlah situs web baru, misalnya web13b. Caranya: aktifkan File New Page or Site. Lalu klik ganda One Page Web. Lihat Gambar Gambar Pembuatan situs web13b 2. Setelah terbentuk web tersebut, tampilkan mode Navigation. Caranya: klik icon Navigation di bidang kiri. 3. Buatlah lapis pertama di bawah Home Page (klik kanan dan pilih New Page), misalnya lapis pertama ini terdiri dari dua halaman bernama Lapis1_a, Lapis1_b dan. 4. Buatlah lapis kedua di bawah Lapis1_a, misalnya dua halaman bernama Lapis2_c dan Lapis2_d. 5. Kemudian buatlah lapis kedua juga namun di bawah Lapis1_b, misalnya dua halaman bernama Lapis2_e dan Lapis2_f. Hasilnya seperti Gambar

28 Webmaster Pro Front Page XP Gambar Susunan web13b 6. Klik ganda Home Page, sehingga terbuka. 7. Terapkan tema Balance untuk seluruh halaman di dalam situs. Caranya, pada kotak dialog Themes aktifkan All page(s) dan Balance. Gambar Gambar Aktifkan All page(s) dan Balance 8. Pasangkan banner, Isert Page Banner. Dan klik Picture serta tuliskan Home Page. Gambar

29 Bab 13 Link Bar Gambar Pengaturan Page Banner 9. Klik OK, hasilnya seperti Gambar Bukalah halaman lapis1_a.htm. Gambar Hasil pengaturan Home Page 11. Pasangkan banner dengan teks nama halaman itu sendiri. Caranya: Isert Page Banner. Lalu klik Picture dan tuliskan Lapis1_a. Gambar Pengaturan pege Banner halaman pertama, lapisan pertama 12. Klik OK, hasilnya akan seperti Gambar

30 Webmaster Pro Front Page XP Gambar Halaman Lapis1_a 13. Ulangilah lamgkah di atas untuk halaman selanjutnya (lapis1_b, lapis2_c, lapis2_d, lapis2_e, lapis2_f, lapis2_g dan lapis2_h). 3.1 Memasang link bar Home Page 1. Aktifkan Home Page. 2. Klik lokasi di bawah Page Banner. 3. Jalankan perintah Insert Navigation 406 Gambar Pilihan Bar based on navigation structure 4. Pada bidang kiri klik Link Bars, pada bidang kanan klik pilihan Bar based on navigation structure. Lalu klik Next, muncul pilihan style bar:

31 Bab 13 Link Bar Gambar Pilihan mengikuti tema 5. Jangan ubah pilihan (menggunakan tema situs), lihat Gambar Kemudian klik Next, muncul pilihan style link bar. Gambar Pilihan style link bar 6. Klik Finish. Muncul kotak dialog yang menampilkan diagram struktur situs, seperti Gambar

32 Webmaster Pro Front Page XP Gambar Diagram struktur situs 7. Jangan ubah pilihan (Child level), kemudian klik OK. Hasilnya seperti Gambar Gambar Pada Home Page muncul Link bar dengan dua tombol berjudul Lapis1_a dan Lapis1_b. Lihat Gambar Jika posisinya tidak tepat ditengah, Anda bisa menggunakan tombol Center pada toolbar Formatting untuk membawanya ke tengah. 9. Cobalah jalankan di browser, tampilannya seperti Gambar

33 Bab 13 Link Bar Gambar Home Page tampil di browser Perhatikan, kalau kursor Anda tempatkan tepat di atas tombol, maka gambarnya akan berubah yang menandakan bahwa tombol tersebut sedang tersorot. Jika Anda menempatkan kursor selama beberapa saat, maka akan muncul hint, yaitu keterangan singkat yang dikaitkan dengan tombol tersebut. Klik masing-masing tombol, akan membuka halaman yang bersesuaian. Misalnya tombol Lapis1_a akan membuka halaman Lapis1_a, seperti Gambar Gambar Tampilan Lapis1_a 3.2 Membuat link bar lapisan pertama Nah kini saatnya untuk membuat link bar bagi lap;isan pertama. 1. Bukalah salah satu halaman di lapisan 1, misalnya lapis_1a. 2. Klik lokasi tepat di bawah Page Banner, klik Center untuk menengahkan letaknya. 3. Jalankan perintah Insert Navigation 409

34 Webmaster Pro Front Page XP 4. Kiri Link Bars, kanan Bar based on navigation structure. Lalu klik Next, muncul pilihan style bar: 5. Jangan ubah pilihan (menggunakan theme situs), klik Next. Muncul pilihan posisi link bar. 6. Jangan ubah pilihan horizontal, klik Finish. Muncul kotak dialog Link Bar Properties untuk memilih jenis tombol. Gambar Kotak dialog Link Bar Properties 7. Selain pilihan Child Level, klik pilihan Home Page. Lihat Gambar Icon halaman yang terpilih pada diagram akan berwarna biru tua. 8. Klik OK, hasilnya pada halaman akan tampak pada Gambar

35 Bab 13 Link Bar Gambar Tombol muncul pada halaman 9. Ulangi langkah di atas untuk halaman Lapis1_b. 3.3 Membuat link bar lapisan kedua Sekarang saat membuat navigasi untuk halaman lapisan kedua, kita mulai dari halaman Lapis2_C. 1. Aktifkan halaman tersebut. 2. Klik lokasi tepat di bawah Page Banner, klik Center untuk menengahkan letaknya. 3. Jalankan perintah Insert Navigation 4. Kiri Link Bars, kanan Bar based on navigation structure. Lalu klik Next, muncul pilihan style bar: 5. Jangan ubah pilihan (menggunakan theme situs), klik Next. Muncul pilihan posisi link bar. 6. Jangan ubah pilihan horizontal, klik Finish. 411

36 Webmaster Pro Front Page XP Gambar Pilihan jenis struktur 7. Pilihlah Same Level dan Home Page dan Parent Home. 8. Klik OK, hasilnya seperti Gambar Gambar Tombol muncul di halaman 9. Perhatikan untuk naik ke lapisan atasnya (Parent Level), FrontPage XP menggunakan tombol Up. Berarti itu link ke halaman Lapis1_a yang merupakan induk halaman Lapis2_c ini. 10. Jangan lupa menyimpan hasil pemasangan ini. 11. Ulangi langkah di atas untuk halaman Lapis2_d dan Lapis2_e.

37 Bab 13 Link Bar 3.4 Membuat tombol Next dan Back Setelah membuat tombol untuk link turun-naik, kini kita akan menyusun tombol untuk link horisontal, yaitu Next dan Back. Langkah yang diperlukan adalah: 1. Kemudian untuk anak-anak dari Lapis1_b, kita akan menggunakan tombol Next dan Back. Bukalah halaman Lapis2_f 2. Klik lokasi tepat di bawah Page Banner, klik Center untuk menengahkan letaknya. 3. Jalankan perintah Insert Navigation 4. Kiri Link Bars, kanan Bar based on navigation structure. Lalu klik Next, muncul pilihan style bar: 5. Jangan ubah pilihan (menggunakan theme situs), klik Next. Muncul pilihan posisi link bar. 6. Jangan ubah pilihan horizontal, klik Finish. Gambar Pilihan Back and Next, Home Page dan Parent page 7. Pilihlah Same Level dan Home Page dan Parent Home. 8. Klik OK, hasilnya: 413

38 Webmaster Pro Front Page XP Gambar Tombol Home, Up dan Next 9. Perhatikan Gambar di atas, untuk naik ke lapisan atasnya (Parent Level), FrontPage XP menggunakan tombol Up. Berarti itu link ke halaman Lapis1_a yang merupakan induk halaman Lapis2_c ini. 10. Jangan lupa menyimpan hasil pemasangan ini. 11. Ulangi untuk halaman Lapis2_g, dan Lapis2_h. Setelah semuanya terpasang, Anda bisa mencobanya di browser (klik tombol Preview in Browser), akan seperti Gambar Gambar Halaman Home Page di browser Kalau Anda klik tombol Lapis1_a maka halaman anak pertama akan ditampilkan seperti Gambar Kini Anda turun ke lapisan pertama. Pada hala man ini terdapat tombol Home untuk mengakses Home Page dan tomboltombol untuk mengakses halaman lapisan kedua, yaitu anak-anaknya. Perhatikan bahwa memang tidak disediakan akses ke halaman yang bukan anaknya. 414

39 Bab 13 Link Bar Gambar Halaman anak pertama Kalau Anda klik salah satu tombol anak maka muncul halaman cucu atau halaman lapis kedua, misalnya Lapis2_c yang merupakan cucu pertama. Anda kini turun di lapisan kedua atau lapisan paling bawah di dalam situs ini. Gambar Gambar 13.67Halaman pertama lapisan kedua Pada lapisan terbawah ini Anda bisa kembali Home Page dengan klik tombol Home. Untuk naik ke lapisan satu Anda bisa klik tombol Up, yaitu menampilkan induk halaman ini (Lapis1_a), Anda tidak bisa naik ke halaman Lapis_b sebab bukan induknya. Selain itu, pada halaman lapis terbawah ini juga ada tombol yang berwarna lain (merah, sementara yang lain hijau). Tombol tersebut tidak berfungsi untuk membuka halaman, namun sebagai penanda halaman ini, perhatikan label tombolnya sama dengan label Page Banner. 415

40 Webmaster Pro Front Page XP Pada halaman Lapis2_c ini karena tidak memiliki anak, maka hanya tersedia akses ke saudara-saudaranya, yaitu halaman setingkat namun masih dalam satu induk, yaitu Lapis2_c, Lapis2_d dan Lapis2_e. Bagaimana dengan anak kedua (Lapis1_b) dan anak-anaknya (Lapis2_f, Lapis2_g, Lapis2_h)? Pada prinsipnya memiliki perilaku yang sama sebab memiliki struktur dan jumlah yang sama persis dengan kelompok anak pertama yang telah kita bahas di atas. Baiklah, untuk mengakses kelompok kedua, sebaiknya Anda berangkat dari Home Page. Klik tombol Home, di manapun Anda sedang berada. Kemudian klik tombol Lapis1_b, tampilannya seperti Gambar Gambar Halaman kedua lapis pertama Selanjutnya Anda bisa menggunakan tombol yang ada untuk mengakses halamn lain di dalam kelompknya, misalnya anak pertamanya atau cucu keempat home page., yaitu Lapis2_f. Tampilannya seperti Gambar Gambar Tampilan halaman Lapis2_f 416