manual penggunaan perisian macromedia dreamweaver 8.pptx

34
Manual Penggunaan Perisian Macromedia Dreamweaver 8 Disediakan oleh: Siti Noridayu Binti Sulaiman (205099)

Upload: snoridayu1

Post on 14-Apr-2016

247 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Manual Penggunaan Perisian Macromedia

Dreamweaver 8

Disediakan oleh:Siti Noridayu Binti Sulaiman

(205099)

Page 2: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Buka Perisian Macromedia Dreamweaver 8 di komputer anda:

Klik Perisian Macromedia

Dreamweaver 8

Page 3: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pilih “HTML”

Klik “HTML”

Page 4: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Selepas memilih “HTML”, di skrin anda akan terpapar seperti gambar di

bawah:

Page 5: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Klik insert, dan pilih “table”

Page 6: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Masukkan row yang kita perlukan dan tetapkan lebar table yang kita perlukan dan selepas itu klik ‘ok’:

Tetapkan row Tetapkan

kelebaran table

Klik OK

Page 7: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Table akan terpapar di skrin anda:

Page 8: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Untuk memasukkan banner, klik ‘insert’ dan pilih ‘image’:

Klik ‘image’

Page 9: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pilih gambar yang ingin dimasukkan dan tekan ‘ok’:

Klik ok

Page 10: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx
Page 11: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Masukkan widget:

Klik code untuk

memasukkan kod widget

Page 12: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Copy embed code yang diberikan

seperti di atas

Page 13: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Paste embed code di tempat

yang telah dipilih

Page 14: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Widget akan muncul di

dalam table

Page 15: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Masukkan layer:1. Klik ‘insert’

2. Pilih ‘layout objects’

3. Pilih ‘layer’

Page 16: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Layer

Page 17: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Masukkan nota:

Masukkan nota

Pilih jenis font, style

font dan size font di sini

Page 18: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Anchor:

Highlight kawasan

yang ingin diletakkan ‘anchor’

Page 19: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Klik ‘anchor’

Klik ‘anchor’

Page 20: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Namakan ‘anchor’

Klik ‘ok’

Page 21: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Simbol anchor

Page 22: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Alih anchor ke tempat yang

ingin di tujukan

Page 23: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

1. Highlight tulisan

yang ingin di link ke

anchor

2. Klik ‘hyperlink’

Page 24: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

1. Pilih link ke anchor yang telah

dinamakan #top tadi

Klik ‘ok’

Page 25: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Masukkan link: absolute link (link ke luar page)

Klik di tempat yang hendak

di link kan

Page 26: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pergi ke page yang hendak di link:Copy address page

yang hendak di link kan

Page 27: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Paste address tadi di link di bawah dan

tekan ‘enter’

Page 28: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Cara untuk memasukkan flash button:

1. Klik ‘insert’

2. Pilih media

3. Pilih ‘flash button’

Page 29: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pilih jenis flash button yang

hendak digunakan

Page 30: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pilih jenis font yang hendak

digunakan

Page 31: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Pilih warna backgroun

button yang ingin

digunakan

Page 32: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Tambah link pada button: link dlm page (internal link)

Pilih fail yang ingin di ‘link’ kan dengan menekan

button ‘browse’

Page 33: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

1. Pilih fail yang ingin di

‘link’ kan

2. Klik ‘ok’

Page 34: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx

Klik ‘ok’