BAB II LANDASAN TEORI

4 BAB II LANDASAN TEORI 2.1. Sekilas Tentang Internet. Internet adalah sumber daya informasi yang menjangkau seluruh dunia. Sumber daya informasi tersebut sangat luas dan sangat besar sehingga tidak ada satu orang, satu organisasi atau suatu negara yang dapat memahami seluruh seluk beluk internet. Asal-usul internet berasal dari jaringan komputer yang dibentuk pada tahun 1970-an. Jaringan komputer tersebut disebut dengan Arpanet, yaitu jaringan komputer yang dibentuk oleh Departemen Pertahanan Amerika Serikat, selanjutnya jaringan komputer di perbaharui, dikembangkan dan sekarang penerusnya menjadi tulang punggung global untuk sumber daya informasi yang sekarang disebut Internet. [4] Kegunaan internet diantaranya untuk mendukung bisnis global, akademi dan komunitas yang mewakili pribadi. Kegunaan internet terbagi menjadi 3 fungsi yaitu : 1. Fungsi Komunitas Internet adalah alat komunikasi. Kegunaan yang sangat penting dari internet adalah Pertukaran pesan antara manusia dengan electronic mail (e-mail). Masyarakat memakai internet untuk mendapatkan software gratis dan untuk berkomunikasi dengan orang lain dengan menggunakan komputer dan berbagai kebutuhan. 2. Fungsi Resource Sharing. Internet menghubungkan komputer dengan fasilitas sharing resource diantara computer 3. Fungsi Reseorces Discovery. Penuntun untuk mencari file tertentu, dokumen, host atau orang diantara jutaan host. 2.2. Pengertian Website. Website adalah tempat atau halaman yang memiliki data atau informasi yang di identifikasikan dengan URL. Halaman-halaman dalam website ditulis dengan

5 menggunakan bahasa HTML, yang disimpan pada suatu server. Biasanya suatu website memiliki konsep pemasaran produk atau untuk, mempublikasikan suatu organisasi. [4] Dalam membangun sebuah situs website memerlukan rancangan yang matang serta teori-teori yang mendukung dalam mempublikasikan sebuah website. Istilahistilah dalam dunia website akan diuraikan dibawah ini, yaitu : a. URL URL adalah singkatan dari Uniform Resources Locater, yang merupakan alamat untuk mengidetifikasikan suatu dokumen atau sumber daya yang terdapat pada WWW. b. WWW WWW adalah singkatan dari Word Wide Web, yang merupakan kumpulan dari data atau informasi yang terdapat dari suatu komputer yang terhubung kejaringan internet. WWW dirancang agar sumber daya atau suatu bentuk website dapat digunakan oleh pengunjung dan pengunjung dapat berpindah dari suatu web ke website yang lain. Halaman WWW menggunakan bahasa pemrograman Hyper Text Markup Language (HTML) dan dapat berkomunikasi dengan komputer lain menggunakan Hyper Text Transfer Protocol (HTTP). Komunikasi ini biasanya melalui internet via Transmission Control Protocol (TCP). c. HTTP Merupakan suatu protocol yang dapat digunakan untuk mengakses berbagai macam informasi atau dokumen-dokumen dari server yang ditulis dengan menggunakan bahasa pemrograman Hyper TextMarkup Language (HTML). d. Active X Active X merupakan salah satu standar teknologi yang diperkenalkan oleh Microsoft. Standar tersebut mendukung pengembangan kontrol-kontrol pemrograman yang dapat diintegrasikan dengan mudah kedalam sebuah aplikasi, termasuk suatu aplikasi web. Ada beberapa atribut yang harus diperhatikan didalam aktive X, yaitu :

6 1. Atribut Class ID Merupakan identitas kelas objek atau biasa disebut juga sebagai pokok dalam pendeklarasian komponen aktive X. penggunaan atribut ini sebaiknya didukung oleh atribut code base karena jika control yang dispesifikasikan oleh atribut Class ID tidak ditemukan maka control tersebut akan dicari pada URL yang ditetapkan oleh atribut code base. 2. Atribut ID Merupakan nama dari komponen active X yang digunakan atribut ini hampir sama dengan atribut name pada control form HTML. 3. Atribut Width and Height Kedua atribut ini digunakan untuk menentukan ukuran area pada dokumen HTML yang akan menampung komponen aktive X jika berupa gambar. Jika ukuran komponen berbeda dengan kedua atribut ini maka ukuran komponen akan menyesuaikan diri sama dengan ukuran area. 4. Atribut Vspace dan Hspace Kedua atribut ini merupakan margin vertical dan margin horizontal dari komponen aktive X. 5. Atribut Align Berfungsi untuk meratakan teks disekeliling komponen yang ada aktive X. 6. Hyper Text Markup Language (HTML) HTML merupakan pemrograman dalam pembuatan situs web sebagai media penulisan. Bahasa pemrograman HTML dapat menggunakan Notepad pada windows atau bisa menggunakan HTML editor. 2.2.1. Homepage. Informasi di World Wide Web memerlukan suatu alamat (URL) khusus yang disebut Web site. Setiap informasi ini disimpan dalam suatu file yang berbeda-beda yang disebut Webpage. Didalam Webpage inilah tersimpan berbagai informasi dan link yang menghubungkan suatu informasi ke informasi lainnya, baik itu didalam suatu Webpage yang sama, ataupun dalam Webpage yang lain pada Web site yang berbeda.

7 Dalam Website terdapat Webpege pembuka yang disebut sebagai Homepage. Homepage ini merupakan halaman pertama dari suatu Web site yang biasanya berisi tentang apa dan siapa dari perusahaan atau organisasi pemilik Web site tersebut. Pada dasarnya Homepage adalah suatu sarana untuk memperkenalkan secara singkat tentang apa yang menjadi isi dari keseluruhan Web site dari suatu organisasi atau pribadi. [4] 2.2.2. Browser. Untuk mengakses Web, diperlukan suatu program yang disebut Web browser atau biasa disebut Browser saja. Browser merupakan suatu program yang dirancang untuk mengambil informasi-informasi dari suatu server komputer pada jaringan internet. Informasi-informasi ini biasanya dikemas dalam bentuk page-page, dimana setiap page dapat memiliki beberapa link yang menghubungkan Web page tersebut ke sumber informasi lainnya. Jika suatu link di tekan, browser akan alamat dari tujuan link tersebut, browser akan menampilkan informasi yang ada, dan jika tidak menemukan browser akan memberikan suatu pesan yang menyatakan bahwa alamat tujuan link tersebut tidak dapat ditemukan. Saat ini browser Internet Explorer dari Microsoft dan Netscape Navigator dari NetscapeCommunicator merupakan browser yang cukup popular. Netscape dan Microsoft mendominasi pada browser mereka menampilkan halaman hampir sama. Halaman web bisa mencakup grafik, suara, animasi dan efek khusus lain sebagai tambahan pada text. Suatu halaman bisa dihubungkan ke halaman lain untuk memberikan akses ke informasi tambahan. [4] 2.3. Sekilas Tentang Macromedia Dreamweaver MX 2004. Macromedia Dreamweaver adalah sebuah HTML editor professional untuk mendesain secara visual dan mengelola situs web maupun halaman web. Saat ini terdapat software dari kelompok Macromedia yang banyak digunakan untuk mendesain situs web. Macromedia Dreamweaver 3 merupakan versi lama dari Macromedia Dreamweaver dan merupakan Web Authoring terbaik untuk tahun 2000. pada tahun 2001, Macromedia meluncurkan Macromedia Dreamweaver 4 yang lebih

8 baik dan lebih canggih lagi, yaitu Macromedia Dreamweaver MX. Versi terbaru dari Macromedia Dreamweaver saat ini adalah Macromedia Dreamweaver MX 2004. pada Dreamweaver MX 2004 terdapat beberapa kemampuan bukan hanya sebagai software untuk mendesain web saja tetapi juga untuk menyunting kode serta pembuatan aplikasi web dengan menggunakan berbagai bahasa pemrograman web, antara lain JSP, PHP, ASP dan Coldfusion. Dreamweaver merupakan software utama yang digunakan oleh web desainer maupun web programmer guna mengembangkan situs web. Ruang kerja, fasilitas dan kemampuan Dreamweaver mampu meningkatkan produktifitas dan efektivitas dalam desain maupun membangun situs web. Dreamweaver juga dilengkapi dengan fasilitas untuk manajemen situs yang cukup lengkap. Fasilitas penyuntingan secara visual dari Dreamweaver MX 2004 membuat kita dapat menambah desain dan fungsionalitas halaman web tanpa perlu menulis satu baris kode pun. Kita dapat membuat dan mengedit image dalam Macromeadia Firework. Kita juga dapat menambahkan objek Flash secara langsung dalam Dreamweaver MX 2004. Aplikasi perangkat lunak buatan Macromedia yang dikhususkan untuk menciptakan animasi atau Dynamic Content Homepage (isi dari halaman yang dinamis). Sejak Microsoft Windows diluncurkan, Macromedia Flash menjadi program yang begitu popular, dimana Microsoft menyertakan program ini sebagai pluing (pelengkap) kedalam sistem operasinya (Internet Explorer 4.). Dreamweaver juga software yang dipakai luas oleh para professional web ataupun animator karena kemampuannya yang mengagumkan dalam menampilkan multi media, gabungan antara grafis, animasi, suara serta interaktivitas bagi pengguna internet. Software ini berbasis animasi vector yang dapat digunakan untuk menghasilkan animasi web, presentasi, game, dan bahkan film. [1] 2.3.1. Perbedaan Dreamweaver MX 2004 dengan versi sebelumnya. User interface pada Dreamwever MX 2004 lebih baik dari pada versi sebelumnya yaitu Dreamweaver MX. Karena Dreamweaver MX 2004 ada peningkatan

9 kemampuan toolbar, dimana Dreamweaver MX 2004 dapat digunakan untuk memodifikasi toolbar yang sudah ada atau menambah fungsi baru. Selain user interface baru, Dreamweaver MX 2004 memiliki kemampuan untuk menyunting kode dengan lebih baik. Dreamweaver MX 2004 juga dapat melakukan print kode pada jendela Code View, selain itu juga memiliki fasilitas Code Hints yang membantu dalam urusan tag, serta Tag Inspector yang sangat berguna dalam menangani tag HTML. Dreamweaver MX 2004 memiliki panel baru yaitu, Panel Snippest yang memberikan fasilitas penyunting dan menyimpan blok kode yang sering digunakan. Kemampuan baru Dreamweaver MX 2004 lainnya adalah fasilitas untuk menangani dokumen-dokumen baru seperti XHTML, Ektension Manager yang telah ditingkatkan kemampuannya, kemampuan validasi dan debug di browser, serta fasilitas penanganan aplikasi data base yang sebelumnya hannya terdapat pada Macromedia Dreamweaver MX Ultradev. 2.3.2. Manfaat Menggunakan Macromedia Dreamweaver MX 2004. Macromedia dirancang untuk membuat animasi pada halaman web atau presentasi yang sederhana. Manfaat-manfaat Dreamweaver MX 2004 dalam kaitannya untuk pembuatannya suatu halaman web maupun presentasi adalah sebagai berikut: a. Dari segi pemrograman: Fitur pemrograman yang tidak terlalu rumit memungkinkan seorang programmer pemula sekalipun dapat membuat suatu situs web yang sederhana tanpa melibatkan begitu banyak kode pemrograman. b. Kapasitas file yang dihasilkan begitu kecil sehingga memungkinkan pembuatan animasi dan presentasi menjadi lebih baik portable (ringkas). c. Pembuatan executable file, dimana apabila file ini dimainkan tidak diperlukan lagi keterlibatan penuh program pembangunannya yang dalam hal ini Dreamweaver MX 2004. 2.3.3. Fasilitas yang Ada Pada Macromedia Dreamwever MX 2004 Fasilitas-fasilitas yang sudah ada dan dapat digunakan pada Macromedia Dreamweaver MX 2004 adalah sebagai berikut:

10 a. Tersedia fasilitas import dan export grafik dan suara ke Macromedia Dreamweaver MX 2004. b. Tersedia fasilitas drawing tools yang memungkinkan pemakai membuat animasi pada jendela macromedia Dreamweaver MX 2004. c. Tersedia library (pustaka) yang dapat digunakan oleh pemakai seperti suara, grafik statis maupun grafik dinamis. d. Untuk pemrograman tingkat lanjut, file animasi yang dihasilkan oleh macromedia Flash MX dapat digunakan sebagai sub bagian Macromedia Dreamweaver MX 2004 Director 8.0 (perangkat perancangan presentasi tingkat lanjut, produk dari macromedia juga). e. Keterhubungan dengan Macromedia Freehand maupun Adobe Illustrator yang memungkinkan file gambar buatan Macromedia Dreamweaver MX 2004 Freehand maupun Adobe Illustrator dapat diexport langsung menjadi file. f. Tersedia percampuran (mixing) antara animasi dan suara, yang apabila dibuat pada program animasi lainnya membutuhkan prosedur yang lebih banyak. g. Tersedianya pluding (pelengkap) yang disediakan oleh browser seperti Internet Explorer maupun Netscape Navigator, dan juga didukung oleh player dari macromedia sendiri yang memungkinkan seorang web designer membuat situs web dengan animasi macromedia Dreamweaver MX 2004 ini. h. Keterhubungan dengan Macromedia Dreamweaver (perangkat lunak objek perancangan halaman web, produk dari macromedia juga) yang memungkinkan macromedia flash dapat ditanam langsung sebagai objek Macromedia Dreamweaver. 2.3.4. Penggunaan Macromedia Dreamweaver MX 2004 Pada Umumnya Seperti yang telah dijelaskan diatas, walaupun macromedia belum dikenal luas oleh pengguna internet pada umumnya maupun perancang halaman web pada khususnya, Macromedia Dreamweaver MX 2004 sebagai pembuatnya telah melakukan inovasi didalam cara pembuatan halaman web yang dinamis, yang pada akhirnya

11 membutuhkan pemrogram yang begitu kompleks apabila dilakukan diluar itu. Sehingga pengguna Macromedia Dreamweaver MX 2004 secara umum adalah sebagai: a. Pembuat animasi atau halaman web yang dinamis dan b. Pembuat presentasi yang praktis. 2.3.5. Hal-hal Pada Macromedia Dreamweaver MX 2004 Macromedia sebagai pembuat Dreamweaver MX 2004 menambahkan hal-hal baru yang pada akhirnya menyempurnakan versi sebelumnya dengan yang lebih pada Dreamweaver MX 2004 ini. Hal-hal baru yang ada pada Macromedia Dreamweaver MX 2004 adalah: a. Drawing Tools atau fasilitas menggambar objek grafis yang disempurnakan. b. Tool Bar yang lebih efisien. c. Dukungan untuk integritas warna. d. Action Script yaitu script khusus (semacam Java script) yang dirancang berjalan pada Dreamweaver MX 2004. e. Field text yang dapat diedit. 2.3.6. Istilah-istilah yang Akan Digunakan Sebelum menginjak kedalam penggunaan perangkat lunak ini maka untuk selanjutnya istilah-istilah kusus akan dapat dipergunakan seperti di bawah ini: a. Klik Bila pemakai menemukan istilah ini, maka yang harus dilakukan adalah menekan tombol sebelah kiri mouse. b. Klik ganda atau klik dua kali Bila pemakai menemukan istilah ini, maka yang harus dilakukan adalah menekan dua kali tombol sebelah kiri mouse dan tidak melepaskannya lalu menggeser mouse kesuatu tempat yang diinginkan.

12 c. Drop Bila pemakai menemukan istilah ini, maka yang harus dilakukan adalah melepaskan penekanan tombol kiri mouse apabila suatu operasi Drag (seperti yang dijelaskan sebelumnya dilakukan) pada suatu tempat yang diinginkan. d. Icon Istilah yang berhubungan dengan symbol yang ada pada program komputer. Pada umumnya melambangkan ciri atau proses dari suatu program atau aplikasi komputer. 2.4. Pengaktifan Macromedia Dreamweaver MX 2004 Untuk mengaktifkan Macromedia Dreamweaver MX 2004 Prosedur yang dapat dijalankan adalah sebagai berikut: 1. Tekan menu Start. 2. Arahkan mouse ke menu program. 3. Arahkan mouse ke menu Macromedia Dreamweaver MX 2004. 4. Tekan pada sub menu Dreamweaver MX 2004. Gambar 2.1. Cara memanggil program Macromedia Dreamweaver MX 2004 Apabila program Macromedia Dreamweaver MX 2004 telah diaktifkan, maka jendela utama akan muncul. Jendela ini terdiri dari komponen-komponen yang dapat dijelaskan seperti pada gambar 2.1.

13 2.4.1. Komponen Ruang Kerja Didalam ruang kerja Dreamweaver MX 2004 terdapat beberapa komponen utama yang membentuk suatu ruang kerja. Ruang kerja Dreamweaver MX 2004 ini memberikan kesatuan tampilan antara menu utama, panel, property, inspector, serta toolbar. 2.4.2. Menu Utama Sistem menu yang terdapat pada Dreamwever MX2004 sangat sederhana dan mudah dipahami karena perintah yang terdapat pada hampir sebagian besar fungsi menu terdapat juga dalam panel. Kita tidak akan menghabiskan waktu dengan perintah yang teradpat pada menu tetapi akan lebih baik bekerja dengan menggunakan perintah panel. a. Menu File dan Menu Edit Berisi item menu standar untuk menu file dan menu edit, seperti New, Open, Save All, Cut, Copy, Paste, Undo dan Redo. Menu File terdiri dari beberapa macam perintah untuk menampilkan atau memperlakukan dokumen baru, seperti Preview in Browser dan Print Code. Menu Edit berisi perintah untuk memilih, seperti Select Parent Tag, serta Find dan Replace. b. Menu View Berisi perintah untuk menampilkan beberapa macam dari tampilan dokumen kita (seperti tampilan Design View dan tampilan Code) untuk menampilkan dan menyembunyikan beberapa elemen halaman dan tombol-tombol Dreamweaver dan toolbar. c. Menu Insert Berisikan alternatif baris insert untuk menyisipkan objek didalam dokumen. d. Menu Modify Berfungsi untuk melakukan perubahan property pada item atau halaman terpilih. Dengan menggunakan menu ini kita dapat mengedit atribut tag, mengganti table dan elemen table dan bermacam bentuk aksi untuk item library dan template.

14 e. Menu Text berfungsi untuk mempermudah dalam melakukan format teks. f. Menu Commands Berisi akses kebeberapa perintah, format kode yang sesuai dengan format pilihan Kita membuat photo album dan melakukan pengeditan gambar dengan meggunakan Macromedia Fireworks. g. Menu Site berisi item menu untuk mengelola situs dan melakukan upload dan download file. h. Menu Window Menyediakan akses keseluruh panel, inspector dan jendela didalam Dreamweaver. i. Menu Help Menyediakan akses ke dokumen Dreamweaver, membuka lembar kerja Help untuk membantu kita dalam menggunakan Dreamweaver dan menyediakan bahan referensi untuk beberapa bahasa. 2.4.3. Baris Tombol Dokumen Dokumen toolbar berisi tombol-tombol dan menu pop-up yang menyediakan tampilan berbeda dari dokumen window. Kita bisa mengatur tampilan document window dalam bentuk desian view atau code view atau kedua-duanya kita juga dapat memberikan judul document window pada bagian title. Gambar 2.2. tombol dokumen Berikut ini fungsi-fungsi tombol perintah yang terdapat didalam baris tombol dokumen. a. Show Code View, untuk menampilkan mode pengetikan Code HTML dalam jendela kode view. b. Show Code dan Design Views, untuk menampilkan jendela Code View dan jendela Design View.

15 c. Show Design View, untuk menampilkan jendela Design View. Pada tampilan ini apa yang kita lihat akan sama seperti pada jendela Browser. d. No Browser Check Errors, untuk melakukan pengecekan kesalahan pada dokumen web. e. Dokumen Title, untuk memberikan judul pada dokumen web. f. File Management, untuk memproses upload dan download file. g. Preview atau Debug in Browser, untuk melihat hasil dalam Bowser, mencari kesalahan Script dalam dokumen dan untuk mamasukan browser dalam daftar browser yang dikenali oleh Dreamweaver MX. h. Refresh Site List, untuk melakukan pembaharuan terhadap daftar isi situs kita i. View Option, untuk mengatur pilihan pada tampilan ruang kerja kita. 2.4.4. Baris Menu (Menu Bar) Menu Bar adalah perintah-perintah umum yang digunakan untuk mengoperasikan Macromedia Dreamweaver MX 2004. Untuk mengakses Menu Bar ini, pemakai dengan menekan langsung pada item Menu Bar yang bersangkutan. Misalnya untuk mengaktifkan menu file, pemakai dapat mengklik pada bagian kata file. Gambar 2.3. Jendela Utama Dreamweaver MX 2004 Selain itu pemakai dapat pula mengktifkan menu ini, dengan dengan cara menekan tombol Alt pada keybord ditambah dengan huruf yang digaris bawahi pada

16 menu ini. Misalnya untuk mengaktifkan menu file, pemakai dapat menekan tombol Alt ditambah dengan huruf F. 2.4.5. Jendela Document Dokumen Windows merupakan bagian yang digunakan untuk mendesain halaman situs web. Dalam document windows, kita dapat menyisipkan teks, image serta objek lain yang mendukung pembuatan situs web atau tempat untuk membuat desain web. Tidak seperti pada versi sebelumnya, Dreamweaver MX membuat dolumendokumen yang sedang dibuka dalam jendela yang sama. Jika kita perhatikan untuk dokumen yang terbuka dalam jendela yang sama, akan disimpan dalam tab-tab seperti lembar kerja pada Microsoft Excel. Dengan demikian kita dapat dengan mudah berpindahantara dokumen tanpa harus menutup tampilan jendela yang sudah terbuka, yaitu dengan mengklik tab dokumen yang kita inginkan. Gambar 2.4. Jendela Document 2.4.6. Panel Group Panel Group adalah kumpulan panel yang satu sama lain yang dikelompokkan bersama dibawah satu judul. Kalau kita perhatikan pada bagian panel group, disitu terdapat beberapa panel yang tersusun secara rapih pada bagian sebelah kanan windows. Kelompok panel tersebut antara lain : Design, Code, Application, Files dan Answer. Pada setiap bagian dari panel Group terdapat beberapa macam panel lagi,

17 misalnya pada panel Group Design berisikan panel HTML Style, CSS Style dan Behaviour. Pada bagian panel group Files terdapat panel site dan assets. Gambar 2.5. Panel Group 2.4.7. Files panel Files panel merupakan bagian dari panel group file selain panel Assets. Bagian ini berfungsi untuk mengatur file dan folder yang membentuk situs web kita. Panel ini memiliki fungsi lain yang cukup penting karena memungkinkan anda untuk mengatur file-file dari situs web dengan efisien. Gambar 2.6. Files panel

18 Pada bagian files panel ini, kita dapat melakukan beberapa aktifitas, antara lain manajemen file, melakukan koneksi ke remote server atau testing server, menempatkan file ke server atau menyalin file dari server ke situs local. 2.4.8. Snippsets Panel Snippsets Panel merupakan kode yang sering digunakan dan disisipkan pada dokumen kita dapat mengambil kode Snappet built-in yang ada di dalam bagian Snippet dengan menentukan terlebih dahulu kode apa yang akan disisipkan ke dalam dokumen. Misalnya, apabila kita ingin membuat sebuah judul beserta menu, maka kita harus memilih headers, selanjutnya kita bias menentukan bentuk dari headers tersebut. Selain headers, kita juga bisa menggunakan kode lainnya, seperti footer, layout navigasi, fungsi navigasi, fungsi java script dan masih banyak lagi. Gambar 2.7. Snippsets Panel 2.4.9. Tag Inspector Tag Inspector merupakan salah satu fasilitas terbaru dari Dreamweaver MX. Dalam Tag Inspector kita dapat melihat struktur hirarki tag dan atribut-atribut yang dapat melihat struktur hirarki tag dan atribut-atribut yang dapat ditambahkan atau di edit.

19 Gambar 2.8. Tag Inspector 2.4.10. Tag Selector Tag Selector terdapat pada bagian bawah dokumen windows atau pada bagian status bar. Fungsi dari Tag Selector adalah untuk menampilkan hirarki tag pada design view yang aktif. Pada saat kita mengaktifkan jendela dokumen windows, secara otomatis pada bagian status bar akan muncul indicator <body>. Gambar 2.9. Tag Selector 2.4.11. Property Inspector Property Inspector digunakan untuk melihat dan mengubah berbagai property objek dan teks yang dipilih. Setiap objek maupun teks mempunyai property yang berbeda-beda. Misalnya, untuk teks yang terpilih maka property inspector akan menampilkan property teks seperti yang tampak pada gambar. Pada bagian ini property terdapat beberapa pengaturan format untuk jenis font, ukuran font, perataan, dan lain

20 sebagainya. Sedangkan property image akan menampilkan pengaturan ukuran image, nama image, dan sebagainya, seperti terlihat pada gambar 2.10. Gambar 2.10 Property Inspector 2.4.12. Jendela Library Library digunakan sebagai pustaka atau kumpulan objek gambar, animasi maupun suara siap pakai. Pemakai dapat mengambil objek yang siap pakai ini atau menyimpan hasil animasi yang dibuat kedalam library ini sebagai pustaka. Pada pemakai tingkat lanjut, library sangat membantu terutama dalam membuat item animasi yang berulang. Gambar 2.11 Jendela Library

21 2.4.13. Jendela Code Action Script Code Action Script merupakan bahasa pemrograman atau Scripting di Dreamweaver MX 2004. Dengan Action Script anda dapat lebih bebas berkreasi dengan apa yang kita inginkan. Dan jendela Code Action Script dapat disebut panel action. Panel Acion digunakan untuk membuat dan mengedit action atau perintah yang ditujukan pada objek frame. Gambar 2.12. Jendela Code Action Script 2.5. Keluar Dari Macromedia Dreamweaver MX 2004 Untuk keluar dari Macromedia Dreamweaver MX 2004 maka prosedur yang dapat dilakukan adalah sebagai berikut: 1. Klik menu file, atau tekan tombol Alt ditambah F. 2. Arahkan ke sub menu Exit, lalu klik. 2.6. Struktur Dasar Navigasi Penjajakan termasuk struktur penting dalam pembuatan suatu website dan gambarannya harus sudah ada pada tahap perencanaan. Peta penjajakan merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen website dengan memberikan kemudahan menganalisa keinteraktifan seluruh objek dalam website dengan memberikan kemudahanmenganalisa keinteraktifan terhadap pengguna.[1]

22 Peta penjajakan merupakan beberapa ciri khas yang dapat digolongkan menurut kebutuhan akan obyek, kemudahan pemakai, keinteraktifitasannya dan kemudahan membuatnya yang berpengaruh terhadap waktu pembuatan suatu website. Struktur Navigasi adalah alur dari suatu program. Menentukan struktur navigasi merupakan suatu hal yang sebaiknya dilakukan sebelum membuat suatu aplikasi website. Ada empat macam bentuk dasar dari struktur navigasi yang biasa digunakan dalam proses pembuatan aplikasi website yaitu: 1. Linier Linier (suatu alur) merupakan struktur yang hanya mempunyai satu rangkaian cerita yang terurut. Struktur ini menampilkan satu demi satu tampilan layer secara berurut menurut autrannya. Tampilan yang dapat ditampilkan pada struktur ini adalah suatu halaman sebelumnya atau satu halaman sebelumnya. Pada struktur penjajakan ini tidak diperkenankan adanya pencabangan. Biasanya struktur ini digunakan untuk membuat multimedia presentasi karana tidak terlalu menuntut kemampuan tetapi hanya memerlukan keindahan dan kemudahan menampilkan data sebagai informasi. [1] Gambar 2.13. Navigasi Linier 3. Hirarki Struktur Hirarki (bercabang) merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai master page (halaman utama ke satu), halaman utama ini akan mempunyai halaman pencabangan yang dikatakan slave page (halaman pendukung). [1] Jika salah satu halaman dipilih atau diaktifkan maka tampilan tersebut akan benama master pege (halaman utama ke dua), dan seterusnya. Pada pada struktur penjajakan ini tidak diperkenankan adanya tampilan linier.

23 Gambar 2.14. Navigasi Hirarki 3. Non Linier Struktur penjajakan non linier (tidak teratur) merupakan pengembangan dari struktur penjajakan linier. Pada struktur ini diperkenankan membuat penjajakan bercabang. Percabangan yang dibuat pada struktur non linier ini berbeda dengan percabangan pada struktur hierarchi, karena pada percabangan non linier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama tidak ada master page dan slave page. [1] Gambar 2.15. Navigasi Non Linier 4. Composite Struktur penjajakan Composite (campuran) merupakan gabungan dari ketiga struktur sebelumnya yaitu linier, non linier dan hierarchi. Struktur penjajakan ini juga bisa disebut struktur penjajakan babas. Jika suatu tampilan membutuhkan suatu

24 pencabangan, maka dapat dibuat pencangan dan bila pencabangan tersebut terdapat tampilan yang sama kedudukannya maka dapat dibuat struktur linier dalam percabangan tersebut. Struktur percabangan banyak digunakan dalam pembuatan website sebab struktur ini dapat memberikan keinteraksian yang lebih tinggi. Setiap struktur peta penjajakan seperti yang baru dibahas mempunyai fungsi dan tujuan tersendiri, tidak ada yang lebih baik atau lebih buruk. Penggunaan peta penjajakan bergantung kepada kebutuhan dan tujuan dari aplikasi webyang hendak dibuat. Semakin sulit pula pembuatan aplikasi web dari peta penjajakan tersebut. [1] Gambar 2.16. Navigasi Campuran