BAB II LANDASAN TEORI

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 43
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.
4
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.4
Website
Website merupakan kumpulan halaman web yang terhubung dengan file-
file 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.
4
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 :
2.5.1 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
2.5.2
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
2.5.3
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
4
2.5.4
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.4. 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.
2.6.1 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
4
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.
4. Pada kotak dialog Workspace Setup, pilih salah satu layout yang tersedia.
(gambar 2.6)
5. Klik OK
Gambar 2.5. Kotak dialog Preferences
4
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
4
2. Dreamweaver 4 Workspace
Pilihan ini akan mengembalikan anda ketampilan lama seperti pada
Dreamweaver 4. Setiap dokumen akan berada pada jendela yang terpisah. Jika
anda telah terbiasa dengan tampilan ruang kerja Dreamweaver 4, dan tidak ingin
beralih ketampilan lain, anda bisa memilih ruang kerja ini.
Gambar 2.8. Dreamweaver 4 Workspace
2.6.2
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.
4
Insert bar
Document window
Document toolbar
Tag selector
Panel groups
Welcome window
Property inspector
Site panel
Gambar 2.9. Jendela dan Panel pada Dreamweaver MX
2.6.2.1. Welcome Window
Welcome Window menyediakan beberapa petunjuk dan informasi fitur baru
Dreamweaver MX.
4
Gambar 2.10. Welcome Window
2.6.2.2. 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 2.11. Insert Bar
2.6.2.3. Document Toolbar
Document toolbar berisi tombol dan pop-up menu yang menyediakan beberapa
cara untuk menampilkan dokumen (seperti Design view dan Code view), beberapa
4
option dan beberapa operasi umum seperti melakukan preview dokumen ke
browser.
Gambar 2.12. Document toolbar
2.6.2.4. Document Window
Document Window menampilkan dokumen yang sedang anda buat dan edit.
2.6.2.5. 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.
2.6.2.6. Panel Groups
Panel Groups adalah kumpulan beberapa panel sejenis yang diletakan pada satu
tempat.
2.6.2.7. 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.
4
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 2.13. Menu pada Dreamweaver MX
2.6.3.1. 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.
2.6.3.2. 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.
2.6.3.3. 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.
2.6.3.4. Insert Menu
Insert menu menyediakan alternatif untuk memasukkan objek pada dokumen.
4
2.6.3.5. 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.
2.6.3.6. Text Menu
Menu ini menyediakan perintah yang anda perlukan untuk melakukan
pemformatan pada text.
2.6.3.7. Commands Menu
Menyediakan akses untuk beberapa macam perintah, termasuk untuk membuat
album foto dengan cepat dan melakukan optimasi gambar menggunakan program
lain.
2.6.3.8. Site Menu
Menyediakan item menu untuk membuat, membuka, dan mengedit site.
2.6.3.9. Window Menu
Menyediakan akses kesemua panel, inspectors, dan jendela pada Dreamweaver.
2.6.3.10. 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.
2.6.4
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.
4
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.
4