Website merupakan media informasi yang berkembang pesat pada
saat ini. Dengan website , semua orang dapat menampilkan, mengakses, mengolah
informasi yang dapat dinikmati oleh seluruh pengguna internet dari sebuah
website.
Untuk menarik perhatian pengunjung , sebuah website harus
mempunyai beberapa kriteria, antara lain desain/tampilan website itu sendiri.
Salah satu program aplikasi yang digunakan untuk memudahkan pembuatan website
dan desain web adalah Adobe Dreamweaver CS4.
MENGENAL ADOBE DREAMWEAVER CS4
Adobe dreamweaver CS4 merupakan salah satu program aplikasi
yang digunakan untuk membangun sebuah website , baik secara grafis maupun
dengan menuliskan kode sumber secara langsung.
Adobe dreamweaver CS4 memudahkan pengembang website untuk
mengelola halaman – halaman website dan asetnya, baik gambar (image), animasi
flash, video, suara dan lain sebagainya. Selain itu , Adobe dreamweaver CS4
juga menyediakan fasilitas untuk melakukan pemprograman scripting, baik ASP
(Active Server Page), JSP (Java Server Page), PHP (PHP Hypertext Preprocessor),
JavaScript (js), Cold Fusion, CSS (Cascading Style Sheet), XML (Extensible
Markup Language) dan lainnya.
START PAGE
Start page adalah kotak dialog yang ditampilkan pertama kali
bersamaan dengan jendela utama aplikasi Adobe dreamweaver CS4 saat dijalankan.
Fungsi dari Start Page ini adalah menampilkan menu pilihan yang ada di Adobe
dreamweaver CS4, dimana user berhak memilih menu mana yang akan dipakai atau di
jalankan.
Start Page menampilkan 4 pilihan menu dan sebuah checkbox
untuk menonaktifkan kotak dialog start
page. Menu yang ditampilkan adalah Open a recent Document, Create New, Top Features
(video), dan Help Online seperti pada gambar dibawah ini.
Keterangan:
1.
Open a
Recent Document
Menu ini menampilkan daftar nama dokumen yang pernah dibuka
dengan Adobe dreamweaver CS4. Anda dapat membuka dokumen tersebut dengan cara
memilih nama dokumen yang ada. Dan anda dapat membuka dokumen yang belum pernah
dibuka dengan cara memilih menu open.
2.
Create
New
Menu ini untuk membuat dokumen web baru. anda dapat membuka
beberapa tipe yang disediakan oleh Adobe dreamweaver CS4. Antara lain:
·
HTML
Hypertext
Markup Language (HTML) adalah sebuah bahasa dasar yang digunakan untuk merancang
halaman web statis.
·
ColdFusion
ColdFusion
adalah bahasa scripting yang digunakan untuk pemprograman web server.
ColdFusion digunakan pada Adobe ColdFusion, BlueDragon dan lainnya.
·
PHP
Php
Hypertext Prepocessor (PHP) merupakan bahasa pemprograman Scripting web
server-side. Dengan pemprograman server-side, sebuah website akan lebih
dinamis. PHP biasanya terpasang pada
file HTML yang disimpan dengan ekstensi *.php
·
ASP
VBScript
ASP
VBScript merupakan bahasa Scripting web server-side turunan dari Visual Basic.
ASP disimpan dengan ekstensi *.asp atau *.vbs.
·
XSLT
(Entire Page)
Adalah
bahasa pemprograman yang mempunyai sintaks dasar sebagaimana XML. XSLT
digunakan untuk mengubah dokumen XML menjadi HTML atau format lainnya.
·
CSS
Cascading
Style Sheet (CSS) adalah bahasa style yang digunakan untuk mendesain halaman
web yang bertujuan memisahkan isi (content) web dengan desain web.
·
JavaScript
JavaScript
merupakan bahasa scripting turunan dari pemprograman java. JavaScript digunakan
untuk pemprograman web client-side.
·
XML
Extensible
Markup Language (XML) adalah bahasa yang mirip dengan HTML, tetapi penggunaanya
tidak terbatas pada pemprograman web saja.
·
Dreamweaver
site
Menu
ini digunakan untuk membuat proyek website (site) baru dengan Adobe Dreamweaver
CS4.
·
More
Menu
ini digunakan untuk menampilkan type Document dan template dokumen web secara
lebih lengkap.
3.
Top
Features (Video)
Merupakan menu pilihan link yang berupa rekaman video
penggunaan fasilitas yang disediakan dreamweaver secara online. Menu link
rekaman video yang disediakan, antara lain: Related File, Live View, Code Nvigator, Dataset Wizart, Web Widgets,
JavaScript Support dan sebagainya.
4.
Help
Online
Merupakan menu pilihan untuk menapilkan bantuan tentang cara
penggunaan, fitur – fitur terbaru Adobe Dreamweaver CS4 dan lainya secara
online.
5.
Don’t
Show Again
Kotak dialog Start
Page akan selalu ditampilkan bersamaan dengan jendela utama Adobe
Dreamweaver CS4 saat aplikasi ini dijalankan. Agar kotak dialog Start Page tidak ditampilkan lagi, centang
checkbox Don’t Show Again.
PERANGKAT TAMBAHAN
Selain Adobe Dreamweaver CS4, Anda juga membutuhkan sebuah
browser yang berfungsi menampilkan hasil desain halaman web. Sementara itu,
untuk membuat website yang dinamis anda membutuhkan sebuah database (misalnya
MySql), sebuah server web (missal Apache) dan sebuah phpAdmin untuk melakukan
pengolahan dengan php.
SERVER
Server web dibutuhkan untuk melakukan pemprograman yang
membutuhkan teknologi server-side
seperti, PHP, ColdFusion, ASP dan JSP. Pleh karena itu, server web merupakan
perangkat yang penting untuk melakukan uji coba pemprograman server-side yang
anda buat. Dengan demikian, anda tidak perlu melakukan upload data ke sebuah
hosting hanya untuk mengetahui hasil pemprograman untuk sisi server.
Pemprograman server-side biasanya digunakan untuk mengakses
database yang terdapat pada server hosting, sehingga pengembangan dengan mudah
mengelola content website dengan mudah tanpa mengubah halaman – halaman web.
Salah satu teknologi
aplikasi server web yang lengkap yang dapat anda gunakan adalah aplikasi
AppServ yang merupakan kumpulan aplikasi pembangunan website. Pada paket
AppServ versi 2.5.8 tedapat aplikasi – aplikasi berikut:
·
Server web Apache versi 2.2.4.
·
Bahasa Script PHP versi 5.2.1.
·
phpMyAdmin Database Manager versi 2.9.2.
·
Database MySQL versi 5.0.27.
Browser
Browser adalah aplikasi yang digunakan untuk menampilkan
file-file website, baik html, php, mht dan lain sebagainya. Anda tidak akan
dapat menampilkan hasil dari desain anda apabila anda tidak mempunyai browser
bawaan Windows, Mozilla FireFox, Opera, Safari ,Chrome dan lain – lain.
Referensi
Agustina s, Maria (ed). 2011 ShourtCourse Mendesain Website Dinamis dan Menarik dengan Adobe
Dreamweaver CS4
Yogyakarta : Penerbit ANDI
