Modul

HTML

A. Langkah-langkah membuat website dengan menggunakan HTML, yaitu dengan menggunakan NOTEPAD,MACROMEDIA DREAMWEAVER :
1. NOTEPAD
Cara membuat :
a. Buka START , PROGRAM, Pilih NOTEPAD
b. Dan seterusnya , buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.
c. Untuk melihat hasil sementar Klik F 12
d. Simpan dan beri nama index.html, aboutme.html, gallery.html, contact.html
2. MACROMEDIA DREAMWEAVER
a. Buka Start, Program, Pilih Macromnedia Dreamweaver
b. Pilih create new ,HTML3.
c. Buat Index.html dengan konsepd.
Dan seterusnya , buat Aboutme.html, Gallery.html, Contact.html sama seperti diatas namun isi sambutan berbeda.e. Untuk melihat hasil tampilan klik PREVIEW IN EKSPLORERf. Simpan hasil dengan nama index.html, aboutme.html, gallery.html, dan contact.html


BUTTON
Langkah-langkah membuat Button :
a. Klik Start pilih Macromedia Firework 8
b. Pilih Create New ,Firework FileKetik UkuranWidth : 150Height : 25
c. Pilih Rectangle Tool (U)Pilih background sesuai selera,warna garis tepi pada gambar sesuai selera
d. Pada Rectangle Roundneess pilih ukuran 90Pilih / klik Filters +, pilih Bewel and Emboss, pilih inner bevelPilih Smoth ukuran
e. Klik kanan pada button, pilih Convert to symbol
f. Beri tulisan dengan Text tool (T) misalnya : HOME, ABOUTME, GALERY, CONTACT Klik 2 kali ,Over,Copy Up Graphic
g. Ganti warna ,DoneWEB


MACROMEDIA FIREWORKS 8
Langkah-langkah menbuat Banner :
a. Klik START, PROGRAM, MACROMEDIA FIREWORK
b. Tulis ukurana. Width : 780b.Height : 580
c. Beri tulisan dengan TEXT TOOL (T)Beri bentuk-bentuk , warna, dll dengan menu SELECT, BITMAP,VECTOR
d. Untuk memberi Bingkai gunakan COMMANDS,CREATIVE, ADD PICTURE FRAME
e. Untuk memberi Bayangan di belakangnya gunakan FILTER, SHADOW AND GLOW,
f. Pilih salah satu jenis bayangan
1. DROP SHADOW,
2. GLOW,
3. INNER GLOW,
4. INNER SHADOW,
5. SOLID SHADOW.


BANNER
Langkah-langkah membuat Banner :
a. Buka START, PROGRAM, MACROMEDIA FIREWORKS 8
b. Cari gambar yang akan dijadikan banner ,2 atau lebih macam yang berbeda
c. Ukuran Banner 798 x 208
d. Untuk menyelaraskan klik COMMANDS,CREATIVE,FADE IMAGE,
e. Pilih bentuk yang diinginkan sesuai selera
f. Contoh Bentuk-bentuknya :
g. Simpan dengan nama file banner.jpg
h. Gantikan bg colour dengan banner tersebut dengan menuliskan