DASAR PERANCANGAN WEB

4 TAHAPAN PERANCANGAN WEB PADA UMUMNYA:

1. PERANCANGAN ISI (CONTENT DESIGN)

2. PERANCANGAN SITUS (SITE DESIGN)

3. PERANCANGAN HALAMAN (PAGE DESIGN)

4. PERANCANGAN TATA LETAK (LAYOUT DESIGN)

 Beberapa piranti lunak pengembangan web yang
umum digunakan

 Frontpage

 Adobe go live

 Macromedia dreamweaver, dsb

 Beberapa piranti lunak bantu lainnya

 Adobe photoshop (untuk membuat/meng-edit

Image/foto/gambar)

 Macromedia Flash (untuk membuat efek animasi

yang diperlukan).

 Semua piranti lunak tersebut berjalan pada platform

windows, menggunakan Microsoft Windows Xp.

 Perangkat keras sistem komputer yang di
perlukan

 Komputer dengan prosesor Pentium III atau yang

lebih tinggi.
 256 Mb Memory
 Monitor SVGA dengan resolusi 1024 x 768 pixels
 Keyboard
 Mouse
 Harddisk dengan kapasitas ruang kosong minimum
275 Megabyte
 Sistem operasi Windows XP atau Windows.Net
Server 2003.
 MENDEFINISIKAN LOKAL SITE

1. Dari root level, buat folder baru dan berinama SITES.

Contoh: C:\Sites (bila sudah ada folder Sites, langsung
ke langkah ke 2)
2. Buka sites (klik ganda pada folder sites) kemudian buat
folder baru, berinama sesuai dengan nama anda
masing-masing.
3. Buka folder yang baru saja anda buat(Folder nama anda)
kemudian buat 2 buah folder dengan nama docs dan
images (folder docs untuk menampung file dokumen
html dari website yang akan dibangun, folder images
untuk menampung file-file obyek image/gambar yang
akan dibuat)
 MENDEFINISIKAN LOKAL SITE

4. Klik pada menu

start>program>macromedia>macromedia
dreamweaver mx8 sebuah menu dokumen
pembuka akan muncul.
5. Pilih menu sites>manage site
6. Dalam kotak dialog manage sites, pilih new>sites
7. Tampilan menu dialog site definition, pada
pertanyaan What would you like to name your site?
Ketikkan Personal Homepage > kemudian pilih
Next.
 MENDEFINISIKAN LOKAL SITE

8. Pada pertanyaan Do you want to work with a server

technology such as coldfusion, ASP.net, ASP, JSP or
PHP?klik No> kemudian pilih Next.
9. Pada pertanyaan How do you want to work with your files
during development? Klik pada pilihan Edit Directly on
server using local network.
10. Isi kotak dialog dengan : C:\Sites\nama anda\(sesuai
dengan folder yang sebelumnya telah anda buat) pada pertanyaan
where are your files on the network? Kemudian klik Next.
11. Muncul tampilan menu Site definition (summary) kemudian klik
done. Setelah kembali muncul men u Manage Site> kemudian klik
done (anda telah selesai mendefimisikan lokal sites yang akan
digunakan sebagai dasar pembuatan Websites.
 LATIHAN 1 SOAL (DIKUMPULKAN)

1. SEBUTKAN 4 TAHAPANPERANCANGAN WEB!

2. APA YANG HARUS ANDA PERHATIKAN DALAM
MELAKUKAN PERANCANGAN WEB?
3. SEBUTKAN PIRANTI LUNAK YANG ANDA
KETAHUI YANG DAPAT DIGUNAKAN UNTUK
PERANCANGAN HALAMAN WEB?
4. SEBUTKAN Perangkat keras sistem komputer yang
di perlukan DALAM PERANCANGAN WEB PADA
UMUMNYA!