BAB II LANDASAN TEORI

Transkripsi

1 BAB II LANDASAN TEORI 2.1 Sekilas Tentang Hewan Langka Hewan langka merupakan hewan yang sudah jarang ditemukan, dan keberadaannya hanya terdapat di tempat-tempat tertentu. Hewan langka adalah hewan yang hampir terancam punah dari keberadaannya akibat dari keserakahan manusia yang melakukan penebangan hutan secara liar yang merupakan habitat dan ekosistem dari hewan tersebut. Beberapa diantaranya adalah orang utan, gajah sumatera, burung dan lain-lain. Orang utan sudah sangat jarang sekali ditemukan dibeberapa wilayah di Indonesia. Orang utan hidup di dataran rendah dan rawa-rawa hutan tropika di wilayah Kalimantan dan Sumatera, ciri-cirinya mirip manusia dan termasuk yang mudah untuk dijinakkan. Begitu juga dengan gajah sumatera, maraknya perburuan dan penjualan gading gajah hampir membuat mereka punah. Gajah sumatera (Elephas maximus sumatranus) merupakan salah satu dari tiga subspecies gajah Asia. Dua subspecies lainnya yakni Elephas maximus, terdapat di Sri Langka dan Elephas maximus indicus hidup di anak benua India, Asia Tenggara dan Borneo. Pada awalnya gajah ini tersebar pada berbagai ekosistem, namun akibat pengrusakan habitat yang menyebar, mereka semakin terisolasi ke berbagai kawasan yang sempit. Habitat yang cocok untuk gajah adalah hutan dipterocarp dengan topografi daerah berlembah dan memiliki sumber air yang cukup. Tidak berbeda jauh dengan burung cendrawasih, atau yang disebut orang asing dengan nama Bird of Paradise, merupakan burung khas Papua. Dari 3 spesies cendrawasih, 35 di antaranya bisa ditemukan di Papua. Cendrawasih banyak tersebar di Indonesia bagian timur, terutama Papua, Ternate, Pulau Aru dan & pulau kecil di sekitarnya. Burung ini juga bisa dijumpai di Papua Nugini, Australia, dan pulau-pulau yang berdekatan. Dan masih banyak lagi hewan-hewan langka lainnya yang harus dilestarikan keberadaannya.

2 2.2 HTML HTML sebagai bahasa pemrograman dasar dan wajib dikuasai. HTML (Hyper Text Markup Language) adalah standar bahasa yang digunakan untuk menampilkan dokumen web. Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks tersebut dalam suatu dokumen dan tanda-tanda atau kode tersebut di kenal dengan tag tertentu. 2.3 Browser Browser adalah sebuah program yang digunakan untuk menampilkan halaman web, Browser berkomunikasi dengan web server melalui protokol HTTP (Hyper Text Transfer Protokol ), yang membaca dan menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca. 2. Website Website merupakan kumpulan halaman web yang terhubung dengan filefile lain yang saling terkait. Disetiap website satu halaman disebut home page. Ini adalah halaman yang pertama kali dilihat ketika seseorang mengunjungi web site. Dari home page, pengunjung dapat memilih hyperlink yang disediakan untuk berpindah kehalaman lain dalam website tersebut atau kehalaman lain di website lain. Home page berada pada posisi teratas, dengan halaman-halaman terkait berada dibawahnya. Biasanya setiap halaman dibawah home page disebut child page atau cabang, home page berisi hyperlink kehalaman lain dalam website tersebut, juga hyperlink untuk kembali ke home page. Sering kali halaman cabang ini memiliki hyper link juga kehalaman lainnya yang berada dibawahnya dan seterusnya.

3 2.5 Struktur Navigasi Navigasi merupakan unsur penting dalam banyak halaman web. Tujuannya adalah agar seseorang merasa mudah mengemudikan suatu halaman web. Program web browser sendiri Internet Explorer, dilengkapi fasilitas navigasi untuk mempermudah seseorang dalam menjelajah dunia internet. Komponen navigasi biasanya berupa fasilitas yang berfungsi untuk berpindah kehalaman web lainnya, yang diwujudkan dalam berbagai macam cara : Navigasi Linier Struktur navigasi yang hanya mempunyai suatu rangkaianrangkaian cerita terurut. Struktur ini menampilkan satu demi satu tampilan layar secara berurut menurut aturannya. Tampilan yang ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya. Gambar 2.1. Struktur navigasi linier Navigasi Hierarchycal Struktur navigasi yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertamanya disebut sebagai master page (halaman utama), halaman utama ini akan mempunyai halaman percabangan yang disebut slash page (halaman pendukung).

4 Gambar 2.2. Struktur navigasi hierarchycal Navigasi Non-Linier Struktur navigasi yang tidak memperhatikan batasan rute, dengan kata lain pemakai dapat menelusuri program sesudahnya. Tampilan pada menu pertamanya disebut sebagai master page (halaman utama), halaman utama ini akan mempunyai halaman percabangan yang disebut slash page (halaman pendukung). Gambar 2.3. Struktur navigasi non-linier

5 2.5. Navigasi Campuran (composite) Struktur navigasi yang merupakan gabungan dari ketiga struktur navigasi linier, non-linier dan hirarki. Struktur ini biasa disebut struktur penjajakan bebas. ` Gambar 2.. Struktur navigasi campuran 2.6 Sekilas Tentang Macromedia Dreamweaver MX Selain Flash, Macromedia juga mengeluarkan produk software yang bernama Dreamweaver. Dreamweaver adalah sebuah HTML editor profesional untuk mendesain visual dan mengelolah situs web maupun halaman web yang berurusan dengan kode-kode HTML secara manual atau lebih menyukai bekerja dalam lingkungan secara visual dalam melakukan editing Mengatur ruang kerja (windows) Anda bisa bayangkan bagaimana rasanya bekerja pada ruangan milik orang lain. Semua peralatan, penataan ruang, dan alat kerja lainnya tentu tidak sesuai dengan keinginan anda. Tentu anda merasa tidak nyaman bekerja pada

6 kondisi seperti itu. Bekerja akan merasa menyenangkan jika ruang kerja sesuai dan penataan sesuai dengan keinginan kita. Pada Dreamweaver MX, anda bisa mengatur ruang kerja sesuai dengan keinginan anda. Pada saat pertama kali anda memulai Dreamweaver MX,sebuah kotak dialog akan terbuka memberikan penawaran kepada anda untuk memilih tampilan ruang kerja yang ingin anda gunakan. Suatu saat jika anda ingin mengubah tampilan, anda bisa menggunakan kotak dialog Preferences pada menu Edit. Untuk memilih layout ruang kerja, lakukan langkah-langkah berikut ini : 1. Klik Edit >> Preferences. 2. Pada kotak dialog Preferences, pada Category pilih General. (gambar 2.5) 3. Pada option General, tekan tombol Change Workspace.. Pada kotak dialog Workspace Setup, pilih salah satu layout yang tersedia. (gambar 2.6) 5. Klik OK Gambar 2.5. Kotak dialog Preferences

7 Gambar 2.6. Kotak dialog Workspace Setup 1. Dreamweaver MX Workspace Ruang kerja ini adalah ruang kerja yang saling terintegrasi berbasis MDI (Multiple Document Interface). Semua jendela dokumen dan panel terintegrasi pada satu jendela besar, dengan panel grup yang berada disisi kanan. Pilihan ini direkomendasikan bagi kebanyakan pemakai. Gambar 2.7. Dreamweaver MX workspace

8 2. Dreamweaver Workspace Pilihan ini akan mengembalikan anda ketampilan lama seperti pada Dreamweaver. Setiap dokumen akan berada pada jendela yang terpisah. Jika anda telah terbiasa dengan tampilan ruang kerja Dreamweaver, dan tidak ingin beralih ketampilan lain, anda bisa memilih ruang kerja ini. Gambar 2.8. Dreamweaver Workspace Jendela dan Panel Sebelum melangkah kebagian lain, sebaiknya anda mengenal terlebih dahulu elemen yang ada pada ruang kerja Dreamweaver MX untuk mempermudah kerja anda nantinya.

9 Insert bar Document window Panel groups Document toolbar Welcome window Tag selector Property inspector Site panel Gambar 2.9. Jendela dan Panel pada Dreamweaver MX Welcome Window Welcome Window menyediakan beberapa petunjuk dan informasi fitur baru Dreamweaver MX.

10 Gambar Welcome Window Insert Bar Insert bar berisi tomboluntuk memasukkan beberapa jenis objek, seperti gambar, tabel, dan layer ke dokumen. Tiap objek yang anda masukkan pada dasarnya adalah potongan kode HTML yang dapat anda atur atributnya. Gambar Insert Bar Document Toolbar Document toolbar berisi tombol dan pop-up menu yang menyediakan beberapa cara untuk menampilkan dokumen (seperti Design view dan Code view), beberapa

11 option dan beberapa operasi umum seperti melakukan preview dokumen ke browser. Gambar Document toolbar Document Window Document Window menampilkan dokumen yang sedang anda buat dan edit Property Inspector Property Inspector adalah tempat anda dapat mengubah beberapa properti yang dimiliki oleh objek atau teks yang anda pilih. Tiap jenis objek atau teks memiliki properti yang berbeda Panel Groups Panel Groups adalah kumpulan beberapa panel sejenis yang diletakan pada satu tempat Site Panel Pada Site Panel anda bisa mengatur file dan folder yang akan anda gunakan untuk site anda. Windows Explorer (Windows) atau Finder (Macintosh) akan menggunakan pengaturan ini untuk menampilkan file dan folder pada disk lokal anda dan memperlakukan file dan folder tersebut seperti ketika anda mengupload-nya ke server.

12 2.6.3 Menu Berikut ini keterangan singkat tentang menu yang ada pada Dreamweaver MX. Menu berisi submenu yang biasanya yang ditampilkan sebagai dropdown menu yang akan muncul ketika anda menekan tombol menu utama. Gambar Menu pada Dreamweaver MX File Menu File menu berisi menu standar untuk menu File dan Edit, seperti New, Open, Save, Cut, Copy, dan Paste. File menu juga berisi beberapa perintah tambahan, seperti Preview in Browser dan Print Code Edit Menu Edit menu berisi perintah seleksi dan pencarian, seperti Select Parent Tag dan Find and Replace, dan menyediakan akses ke Keyboard Shortcut Editor dan Tag Library Editor View Menu View Menu mengijinkan anda melihat tampilan dokumen dengan beberapa cara (seperti Design View dan Code View) dan untuk menampilkan atau menyembunyikan beberapa elemen pada dokumen dan peralatan yang dimiliki Dreamweaver Insert Menu Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen.

13 Modify Menu Pada menu ini anda bisa mengubah properti elemen halaman web atau item lainnya yang anda pilih. Menggunakan menu ini, anda bisa mengedit atribut tag, mengubah tabel dan elemen tabel dan menampilkan beberapa tindakan yang dapat anda lakukan untuk item pada library dan templates Text Menu Menu ini menyediakan perintah yang anda perlukan untuk melakukan pemformatan pada text Commands Menu Menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat album foto dengan cepat dan melakukan optimasi gambar menggunakan program lain Site Menu Menyediakan item menu untuk membuat, membuka, dan mengedit site Window Menu Menyediakan akses kesemua panel, inspectors, dan jendela pada Dreamweaver Help Menu Menyediakan akses ke dokumentasi yang dimiliki oleh Dreamweaver MX, termasuk petunjuk cara penggunaan Dreamweaver MX, membuat ekstensi untuk Dreamweaver MX, dan meterial lainnya yang dapat membantu anda menggunakan Dreamweaver dengan lebih baik Melakukan Preview Dokumen pada Browser Untuk melihat hasil kerja dan pengeditan suatu dokumen, sebaiknya anda melihat dokumen tersebut pada browser. Hal ini untuk memastikan apa yang telah anda lakukan dapat bekerja dengan baik.

14 Untuk menampilkan dokumen pada browser, lakukan salah satu langkah dibawah ini : Pada menu, tekan File >> Preview in Browser, lalu pilh browser yang anda inginkan. Jika anda belum memilih browser, klik Edit >> Preferences atau Dreamweaver >> Preferences (Mac OS X), pada Category pilih Preview in Browser, lalu pilih browser yang anda inginkan. a. Tekan F12 untuk menampilkan dokumen pada browser utama. b. Tekan Control+F12 (windows) atau Command+F12 (Macintosh) untuk menampilkan dokumen pada browser kedua.