Download - Dreamweaver Tutorial
![Page 1: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/1.jpg)
Tutorial Adobe Dreamweaver
Ling Ka YinLau Xin Yi
![Page 2: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/2.jpg)
Tutorial
Bina website “Springs Park”
![Page 3: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/3.jpg)
• Buka satu folder baru (Springs Park) pada komputer • Buka Dreamweaker > > new site• Tukar site name (Springs Park) dan local site folder
• File > New > keluar kotak new document• Pilih layout > create > satu website dibina• Save website • File > save as > tukar file name > save
![Page 4: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/4.jpg)
![Page 5: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/5.jpg)
![Page 6: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/6.jpg)
![Page 7: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/7.jpg)
![Page 8: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/8.jpg)
![Page 9: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/9.jpg)
![Page 10: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/10.jpg)
![Page 11: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/11.jpg)
![Page 12: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/12.jpg)
![Page 13: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/13.jpg)
![Page 14: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/14.jpg)
![Page 15: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/15.jpg)
![Page 16: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/16.jpg)
![Page 17: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/17.jpg)
![Page 18: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/18.jpg)
![Page 19: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/19.jpg)
Mengedit maklumat website
• Klik pada ‘split’ untuk melihat code dan design mode selari.
• Edit pada code.
![Page 20: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/20.jpg)
![Page 21: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/21.jpg)
![Page 22: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/22.jpg)
![Page 23: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/23.jpg)
![Page 24: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/24.jpg)
Buka Muka surat kedua
• Save dulu• Save as > keluar satu kotak > taip tajuk muka
surat kedua > save
![Page 25: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/25.jpg)
![Page 26: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/26.jpg)
![Page 27: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/27.jpg)
![Page 28: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/28.jpg)
![Page 29: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/29.jpg)
![Page 30: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/30.jpg)
![Page 31: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/31.jpg)
Insert Hyperlink
• Highlight link one • Insert > Hyperlink > keluar kotak Select File• Pilih html yang hendak hyperlink > OK • Keluar kotal Hyperlink > Text : Home > OK
![Page 32: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/32.jpg)
![Page 33: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/33.jpg)
![Page 34: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/34.jpg)
![Page 35: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/35.jpg)
![Page 36: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/36.jpg)
![Page 37: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/37.jpg)
![Page 38: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/38.jpg)
Insert image
• Insert > Image > Select Image Source > OK• Image Tag Accessibility Attributes > Alternate
text (<empty>) > OK • Properties > tukar size mage
![Page 39: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/39.jpg)
![Page 40: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/40.jpg)
![Page 41: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/41.jpg)
![Page 42: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/42.jpg)
![Page 43: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/43.jpg)
![Page 44: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/44.jpg)
![Page 45: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/45.jpg)
![Page 46: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/46.jpg)
![Page 47: Dreamweaver Tutorial](https://reader035.vdocument.in/reader035/viewer/2022062315/55cf92a9550346f57b98736c/html5/thumbnails/47.jpg)
SEKIAN, TERIMA KASIH.