Perancangan Web Dengan Fireworks dan Dreamweaver MX

Buku ini berisi tata cara membangun website yang mulai dari tahap perancangan sampai dengan implementasi, materi yang dibahas mulai dari perancangan menggunkaan Dreamweaver MX 2004 serta perpaduan animasi dan desain gambar dengan Fireworks MX 2004 Buku ini hadir dikhususkan bagi !nda yang masih awam dengan desain web khususnya menggunakan program editor Dreamweaver MX 2004 Dan sebagai pelengkap dalam desain, penulis berusaha untuk menuntun para pembaca untuk dapat mencurahkan ide"ide desainya menggunakan aplikasi pengolah gambar Fireworks MX 2004 Dalam pembahasan inti, buku ini akan mencoba menuntun !nda untuk dapat membuat sebuah website pribadi dan kemudian dilan#utkan dengan langkah"langkah untuk mempublikasikanya dalam internet Dengan adanya study kasus tersebut, diharapkan setelah selesai membaca buku ini minimal !nda telah dapat membuat website pribadi dan telah mengetahui tata"cara upload web di internet

Daftar Isi Buku

Bagian 1 Menggunakan Dreamweaver MX
Bab 1 Area Kerja pada Dreamweaver MX 2004
$$ $2 $& $4 $( $+
%endahuluan Menginstal Dreamweaver Men#alankan 'ditor Dreamweaver Dukungan %rogram pada Dreamweaver )alaman *er#a Dreamweaver Memana#emen File

Perancangan Web dengan Fireworks dan Dreamweaver MX

$ + $ Membuka Direktori %rogram %ada *omputer ,okal $ + 2 Mengetes program yang dibuat pada Browser $*omponen Menu %ada .endela /nsert MX

$ - $ *omponen 0ommon $ - 2 *omponen ,ayout $ - & *omponen Form $1 $2

)alaman *er#a %roperti 3e4t

Bab 2 Pengaturan Halaman dan Content

2.1 %endahuluan

2 2 %engaturan )alaman 5tama 2 2 $ Membuat 3itle pada halaman web 2 2 2 Menentukan %ewarnaan )alaman dan 3e4t 2 2 & %engaturan Margin 2 2 4 %engaturan pada %roperti )yperlinks
2.3 0ontent 6 /si 2.3.1/si yang berkaitan dengan 3e4t 2.3.2Membuat Da7tar 2.3.3Melakukan pemilihan #enis %enomoran Da7tar 2.3.4Membuat 8ub Da7tar 2.4 *omponen 9ang berhubungan dengan 3e4t 2.5 Membuat Background halaman

Bab 3 H perl!n" dan #am$ar

& $ %endahuluan & 2 Mengenal )yperlink

Daftar Isi Buku

& & Menciptkan )yperlink & 4 )yperlink dengan )alaman web & ( Menggunakan 3ombol :ambar & + Menggunakan :ambar
3.% ;b#ek :ambar sebagai 3ombol

& 1 Membuat Demo :ambar

Bab 4 Penyajian Content dengan abe!

4$ 42
%engenalan %erancangan tabel

4 2 $ Membuat 3abel 4 2 2 Menambah .umlah *olom dan Baris 4 2 & Memblok 3abel 4 2 4 Menambahkan *olom atau Baris tertentu 4 2 ( %erataan 3abel 4 2 + *etebalan Border 4 2 - 8pacing dan %adding pada 3abel 4 2 1 Menggabungkan beberapa 0ell 4 2 2 Membagi 0ell 4 2 $0 Mengubah 5kuran 3abel 4&
Berkenaan dengan 0ontent 3abel

4 & $ %engaturan dan %erataan 0ontent dalam 0ell 4 & 2 Menentukan Background pada 0ell 3abel 4 & & Memasukan Background :ambar 44
d

"

Perancangan Web dengan Fireworks dan Dreamweaver MX

Bab 5 Perancangan dengan Bentuk #ay $ut

( $ %endahuluan
5.2 Desain menggunakan ,ayer 5.2.10ara Menggunakan ,ayer 5.2.2,ayer untuk 3e4t 5.2.3Meletakan :ambar didalam ,ayer 5.2.4Meletakan 3e4t diatas :ambar 5.2.5%enggunaan ,ayer diatas ,ayer 5.2.&Menentukan Background pada ,ayer

( & Desain dengan 3ampilan ,ayout ( & $ Membuat <ancangan dengan ,ayout ( & 2 Memasukan 0ontent kedalam ,ayout ( 4 Merancang *erangka =eb ( 4 $ Menggunakan Bantuan ,ayer ( 4 2 Menggunakan Bantuan ,ayout

Bab 6 Meran'ang (ormul!r

+ $ %engenalan
&.2 Membuat Formulir

+ 2 $ %erancangan !wal Form dengan tabel + 2 2 Menggunakan 3e4t Field + 2 & Menggunakan )iden Field + 2 4 Menggunakan 3e4t !rea + 2 ( Menggunakan 0heck Bo4 + 2 + Menggunakan <adio Button + 2 - Menggunakan Da7tar6 ,ist Menu + 2 1 Membuat Da7tar

Daftar Isi Buku

+ 2 2 Menggunakan File Field + 2 $0

3ombol

Menggunakan

Bab 7 Mem)ormat *alaman dengan C++

%.1 %endahuluan

- $ $ Mengenal 088 - $ 2 Bagian penting dalam 088 - 2 Mengakti7kan .endela 088 - & %engaturan pada 3e4t dengan 0lass - 4 %engaturan :lobal dengan 8elector 'lemen )M3, - ( 5pdate pada Document 088 - + Menggunakan )alaman 8tandar 088 - - Menggunakan 3emplate 088

Bagian 2 Menggunakan Fireworks MX

Bab 8 Mengenal (a,!l!ta, (!rewor", MX 2004
1 $ %endahuluan 1 2 Mengenal )alaman Fireworks MX 1 2 $ .endela 3ools 1 2 $ $ *omponen 8elect 1 2 $ 2 *omponen Bitmap 1 2 $ & *omponen >ector 1 2 $ 4 *omponen =eb 1 2 $ ( *omponen 0olors 1 2 $ + 0omponen >iews 1 2 2 .endela %roperties 1 2 & )alaman ker#a Fireworks

Perancangan Web dengan Fireworks dan Dreamweaver MX

1 & *omponen Bantu pada 0anvas 1 & $ Menggunakan 5kuran %enggaris 1 & 2 Menggunakan :rid

Bab 9 Men'!pta"an dan Meman!pula,! -$je" #am$ar

2 $ %endahuluan 2 2 Memanggil :ambar 2 2 $ Membuka :ambar 2 2 2 Mengimport :ambar 2 2 & Menge4port :ambar 2 & Mengolah :ambar dengan Bitmap 3ool 2 & $ Menggambil 8ebagian :ambar 2 & 2 Men#adikan hasil :ambar *abur 2 & & Memotong :ambar 2 & 4 Menggambar dengan ,asso 2 & ( Mengambil Bagian :ambar 8ecara *husus 2 4 Menciptakan :ambar 2 4 $ Menggambar ;b#ek 2 4 2 Membuat :amabar Meleleh 2 4 & Menggunakan 3e4t

Bab 10 Meran'ang .er$aga! Ma'am /om$ol dan Menu

$0 $ %endahuluan $0 2 Membuat 3ombol $0 2 $ Mengakti7kan '7ek 8tyle & Dimensi $0 2 2 Membuat 3ombol &d

Daftar Isi Buku

$0 2 & 3ombol dengan berbagai '7ek $0 2 4 Men#adikan 0anvas 8esuai dengan ;b#ek gambar
10.3 Membuat Menu %op"5p

Bab 11 An!ma,! 0e$ dan Peran'angan Head!ng

$$ $ %endahuluan $$ 2 Mengakti7kan .endela Frame $$ & Membuat Berbagai !nimasi $$ & $ !nimasi 3e4t Besar ke *ecil $$ & 2 Menyimpan )asil !nimasi $$ & & !nimasi Mesin *etik $$ & 4 !nimasi 3e4t Buka 3utup $$ 4 Merancang )eading

Bagian 2 Implementasi
Bab 12 Peran'agan 0e$ dan Per,!apan
$2 $ %endahuluan $2 2 Mempersiapkan Bentuk ,ay ;ut $2 2 $ Menu 8amping *iri $2 2 2 Menu Berbentuk , terbalik $2 2 & Menu Ber#a#ar $2 2 4 Menu bentuk 5 terbalik $2 2 ( Menyederhanakan Bentuk Menu

&

Perancangan Web dengan Fireworks dan Dreamweaver MX

Bab 13 +tud Ka,u, 11 Mem$uat 0e$ ,!te Pr!$ad!

$& $ %endahuluan $& 2 Menentukan ,ay;ut web $& & %ersiapan direktori $& 4 Membuat 3ombol $& ( Membuat )eading $& + %ersiapan )alaman
13.% /mplementasi pembuatan =eb

Bab 14 +tud "a,u, 21 Pu$l!"a,! 0e$ d! 2nternet

14.1 14.2 %endahuluan %ublikasi =eb %ada 8erver :eocities

$4 2 $ %enda7taran 5ser Baru $4 2 2 5pload 6 %engiriman File %ada 8erver

Bab 15 i's Mem'ercantik am'i!an Web

$( $ %endahuluan $( 2 Membuat 3ransisi )alaman $( & Berbagai >alidasi Form $( & $ %engecekan 8atu"8atu $( & 2 %engecekan 8eluruh kolom Form $( 4 Mempercantik 3ampilan Form dengan 088 $( 4 $ *omponen Form berwarna"warni $( 4 2 =arna 5nik pada 8croll Bar $( ( Berbagai bentuk !nimasi 0ursor

Daftar Isi Buku

$( ( $ %ointer bentuk 3e4t