Wamp Server Adobe Dreamweaver

42

5. Wamp Server

WampServer merupakan sebuah program aplikasi pengembangan web, yang memungkinkan pengembang untuk membuat aplikasi web dengan menggunakan Apache, PHP dan database MySQL. WampServer dilengkapi dengan PHPMyAdmin yang memudahkan pengembang dalam mengelola database. WampServer memungkinkan pengembang web untuk menjadikan komputer miliknya menjadi sebuah server host. Dengan kegunaan ini, kita dapat membuat jaringan lokal sendiri dalam artian kita dapat membuat website secara offline untuk masa coba-coba di komputer sendiri. Jadi fungsi dari wamp server itu sendiri merupakan server website kita. WampServer dapat diinstal secara otomatis, dan penggunaannya sangat intuitif. Anda akan dapat menyetel server Anda tanpa harus menyentuh file pengaturan. Pengelolaan dan pengaturan server ini dapat dilakukan melalui trayicon menu yang terletak pada taskbar. Gambar 3. Tampilan trayicon menu WampServer Dikutip dari http:www.wampserver.comenpresentation.php, diakses pada tanggal 12 Februari 2011 43

6. Adobe Dreamweaver

Adobe Dreamweaver merupakan program penyunting halaman web keluaran Adobe Systems yang dulu dikenal sebagai Macromedia Dreamweaver keluaran Macromedia. Program ini banyak digunakan oleh pengembang web karena fitur-fiturnya yang menarik dan kemudahan penggunaannya. Berikut ini adalah tampilan halaman kerja dari Adobe Dreamweaver CS4: Gambar 4. Tampilan Layout Adobe Dreamweaver a. Insert Bar Insert bar merupakan tool yang digunakan untuk menyisipkan objek ke dalam dokumen web. Ada enam kelompok kategori yang digunakan untuk insert bar yaitu Common, Layout, Form, Text, HTML, dan Application yang masing-masing memiliki beberapa tool beserta kegunaannya. DOCUMENT WINDOW PROPERTIES BAR INSERT BAR MENU BAR PANEL GROUPS 44 b. Document Window Document window terdiri atas halaman kerja beserta fasilitasnya. Yang dimaksud dengan fasilitas adalah tool untuk mengatur halaman kerja atau sering disebut Document Toolbar, antara lain Coding tool dan Zoom Guide tool. Di samping Document Toolbar, tersedia fasilitas lain yaitu Tag Selection. c. Panel Groups Panel pada Dreamweaver merupakan suatu media yang berfungsi sebagai fasilisator. Kumpulan berbagai panel disebut Panel Groups, terletak pada sebelah kanan layar kerja. Panel-panel tersebut diantaranya CSS, Application, Tag Inspector, Files dan History yang masing-masing memiliki bagian dan fungsi. d. Properties Bar Properties bar merupakan area kerja untuk mengatur dalam mengelola properti-properti seperti pada text, image, maupun tabel dalam suatu dokumen web. Cara kerja Property Inspector hanya dengan memasukkan nilai-nilai parameter yang sudah disediakan. Secara umum Property Inspector terdiri dari Page Property, Table Property, Image Property, dan Form Property.

7. Adobe Photoshop