Download - Dreamweaver workshop one
![Page 1: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/1.jpg)
Dreamweaver Workshop Day 1
Conducted by: Lawrence Zhuang
![Page 2: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/2.jpg)
Book Referenced for this workshop and henceafter
● Adobe Dreamweaver CS4 Digital Classroom by Jeremy Osborn and Aquent Creative Team
![Page 3: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/3.jpg)
Overview of Today's Workshop
![Page 4: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/4.jpg)
What is Dreamweaver
● Web Design● WYSIWYG● Split view (Designer and HTML Coding)
![Page 5: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/5.jpg)
Getting Started
● Creating New Document● Toggling between Code, Split and Design
View● Creating a New Project Folder on your
Computer
![Page 6: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/6.jpg)
Breather (10 minutes)
● Run through the interface and toolbar of the software
● Ask questions?
![Page 7: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/7.jpg)
Demo
● Writing your first sentence on the dreamweaver
![Page 8: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/8.jpg)
Long Demo
● Advanced Word Structuring and Formating(underlining, centering, font size)
● Simple Analysis of html structure on the coding window(opening and closing)
● Making use and referencing the Code Window
● Enter and Shift-Enter
![Page 9: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/9.jpg)
Demo
● More analysis on the HTML structure on the coding window
![Page 10: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/10.jpg)
Demo
● Naming the title of your webpage● Saving convention of the file
![Page 11: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/11.jpg)
Demo
● Google a picture and save it to your project folder
● Inserting Image● Resizing and positioning of the image
![Page 12: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/12.jpg)
Demo
● Creating a weblink on your website
![Page 13: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/13.jpg)
Demo
● Previewing your website on the Web Browser
![Page 14: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/14.jpg)
In a nutshell
● With the useful Designer window, you can think of Dreamweaver like Mircosoft word that is slightly advanced...
![Page 15: Dreamweaver workshop one](https://reader038.vdocument.in/reader038/viewer/2022100602/558a8996d8b42a611e8b46c0/html5/thumbnails/15.jpg)
Exercise of the Day
● w3m.sourceforge.net● Recreate and reduplicate the above website● Try to be as close to the original content as
possible● Use any image you can found on google for
your header image● Be creative and have fun!