+ All Categories
Home > Documents > Dreamweaver Tutorial

Dreamweaver Tutorial

Date post: 18-Jan-2016
Category:
Upload: xin-yi-lau
View: 17 times
Download: 0 times
Share this document with a friend
Description:
how to create a basic website on dreamweaver
Popular Tags:
47
Tutorial Adobe Dreamweaver Ling Ka Yin Lau Xin
Transcript
Page 1: Dreamweaver Tutorial

Tutorial Adobe Dreamweaver

Ling Ka YinLau Xin Yi

Page 2: Dreamweaver Tutorial

Tutorial

Bina website “Springs Park”

Page 3: Dreamweaver Tutorial

• 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
Page 5: Dreamweaver Tutorial
Page 6: Dreamweaver Tutorial
Page 7: Dreamweaver Tutorial
Page 8: Dreamweaver Tutorial
Page 9: Dreamweaver Tutorial
Page 10: Dreamweaver Tutorial
Page 11: Dreamweaver Tutorial
Page 12: Dreamweaver Tutorial
Page 13: Dreamweaver Tutorial
Page 14: Dreamweaver Tutorial
Page 15: Dreamweaver Tutorial
Page 16: Dreamweaver Tutorial
Page 17: Dreamweaver Tutorial
Page 18: Dreamweaver Tutorial
Page 19: Dreamweaver Tutorial

Mengedit maklumat website

• Klik pada ‘split’ untuk melihat code dan design mode selari.

• Edit pada code.

Page 20: Dreamweaver Tutorial
Page 21: Dreamweaver Tutorial
Page 22: Dreamweaver Tutorial
Page 23: Dreamweaver Tutorial
Page 24: Dreamweaver Tutorial

Buka Muka surat kedua

• Save dulu• Save as > keluar satu kotak > taip tajuk muka

surat kedua > save

Page 25: Dreamweaver Tutorial
Page 26: Dreamweaver Tutorial
Page 27: Dreamweaver Tutorial
Page 28: Dreamweaver Tutorial
Page 29: Dreamweaver Tutorial
Page 30: Dreamweaver Tutorial
Page 31: Dreamweaver Tutorial

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
Page 33: Dreamweaver Tutorial
Page 34: Dreamweaver Tutorial
Page 35: Dreamweaver Tutorial
Page 36: Dreamweaver Tutorial
Page 37: Dreamweaver Tutorial
Page 38: Dreamweaver Tutorial

Insert image

• Insert > Image > Select Image Source > OK• Image Tag Accessibility Attributes > Alternate

text (<empty>) > OK • Properties > tukar size mage

Page 39: Dreamweaver Tutorial
Page 40: Dreamweaver Tutorial
Page 41: Dreamweaver Tutorial
Page 42: Dreamweaver Tutorial
Page 43: Dreamweaver Tutorial
Page 44: Dreamweaver Tutorial
Page 45: Dreamweaver Tutorial
Page 46: Dreamweaver Tutorial
Page 47: Dreamweaver Tutorial

SEKIAN, TERIMA KASIH.


Recommended