manual penggunaan perisian macromedia dreamweaver 8.pptx
TRANSCRIPT
![Page 1: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/1.jpg)
Manual Penggunaan Perisian Macromedia
Dreamweaver 8
Disediakan oleh:Siti Noridayu Binti Sulaiman
(205099)
![Page 2: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/2.jpg)
Buka Perisian Macromedia Dreamweaver 8 di komputer anda:
Klik Perisian Macromedia
Dreamweaver 8
![Page 3: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/3.jpg)
Pilih “HTML”
Klik “HTML”
![Page 4: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/4.jpg)
Selepas memilih “HTML”, di skrin anda akan terpapar seperti gambar di
bawah:
![Page 5: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/5.jpg)
Klik insert, dan pilih “table”
![Page 6: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/6.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/7.jpg)
Table akan terpapar di skrin anda:
![Page 8: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/8.jpg)
Untuk memasukkan banner, klik ‘insert’ dan pilih ‘image’:
Klik ‘image’
![Page 9: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/9.jpg)
Pilih gambar yang ingin dimasukkan dan tekan ‘ok’:
Klik ok
![Page 10: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/10.jpg)
![Page 11: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/11.jpg)
Masukkan widget:
Klik code untuk
memasukkan kod widget
![Page 12: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/12.jpg)
Copy embed code yang diberikan
seperti di atas
![Page 13: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/13.jpg)
Paste embed code di tempat
yang telah dipilih
![Page 14: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/14.jpg)
Widget akan muncul di
dalam table
![Page 15: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/15.jpg)
Masukkan layer:1. Klik ‘insert’
2. Pilih ‘layout objects’
3. Pilih ‘layer’
![Page 16: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/16.jpg)
Layer
![Page 17: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/17.jpg)
Masukkan nota:
Masukkan nota
Pilih jenis font, style
font dan size font di sini
![Page 18: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/18.jpg)
Anchor:
Highlight kawasan
yang ingin diletakkan ‘anchor’
![Page 19: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/19.jpg)
Klik ‘anchor’
Klik ‘anchor’
![Page 20: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/20.jpg)
Namakan ‘anchor’
Klik ‘ok’
![Page 21: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/21.jpg)
Simbol anchor
![Page 22: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/22.jpg)
Alih anchor ke tempat yang
ingin di tujukan
![Page 23: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/23.jpg)
1. Highlight tulisan
yang ingin di link ke
anchor
2. Klik ‘hyperlink’
![Page 24: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/24.jpg)
1. Pilih link ke anchor yang telah
dinamakan #top tadi
Klik ‘ok’
![Page 25: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/25.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/26.jpg)
Pergi ke page yang hendak di link:Copy address page
yang hendak di link kan
![Page 27: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/27.jpg)
Paste address tadi di link di bawah dan
tekan ‘enter’
![Page 28: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/28.jpg)
Cara untuk memasukkan flash button:
1. Klik ‘insert’
2. Pilih media
3. Pilih ‘flash button’
![Page 29: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/29.jpg)
Pilih jenis flash button yang
hendak digunakan
![Page 30: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/30.jpg)
Pilih jenis font yang hendak
digunakan
![Page 31: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/31.jpg)
Pilih warna backgroun
button yang ingin
digunakan
![Page 32: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/32.jpg)
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](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/33.jpg)
1. Pilih fail yang ingin di
‘link’ kan
2. Klik ‘ok’
![Page 34: Manual Penggunaan Perisian Macromedia Dreamweaver 8.pptx](https://reader036.vdocuments.pub/reader036/viewer/2022081503/56d6bf521a28ab301695c4dc/html5/thumbnails/34.jpg)
Klik ‘ok’