Steve's PC Tutorials

Adobe DreamWeaver Tutorials

This tutorial site has been created partially with HTML code editing and design features of Adobe Dreamweaver. Pretty much everything you see on this site, you'll be able to do if you work through the Dreamweaver exercises (The Photoshop tutorials would certainly help too). Dreamweaver and Photoshop are two of the most commonly used tools for the modern website creator.

Adobe DreamWeaver CC2021 Tutorials New! (click to show / hide)

1. Introduction (526kb)
2. HTML (514kb)
3. Basic Page Editing (1011kb)
4. Creating A Template (701kb)
5. More Page Editing (735kb)
6. CSS - Cascading Style Sheets (800kb)
7. Responsive Design (286kb)
• Completed Francie's Flower Pot Website (after Exercise 7)
• Exercise files to use in Exercise 3 to 7 - flowerpots.zip (4.7Mb)
8. Extra Challenge (1.4Mb)
• Completed Nuklear Family Website
• Exercise files to use in the Extra Challenge Nuklear.zip(25.7Mb)

Adobe DreamWeaver CC2017 Exercises (click to show / hide)

1. Overview (433kb)
2. HTML (459kb)
3. Basic Page Editing (1.1Mb)
4. Creating A Template (1.4Mb)
5. More Page Editing (778kb)
6. Using Styles in Websites (518kb)
• View completed Francie's Flowerpot website (how it should look after exercise 6)
7. Extra Techniques (2.1Mb) A more challenging website for more advanced students
• View completed Nuklear Family website (how it should look after exercise 7)

Adobe DreamWeaver CS6 Exercises (click to show / hide)

1. Overview (602kb)
2. HTML (485kb)
3. Basic Page Editing (1Mb)
4. Creating A Template (1Mb)
5. More Page Editing (758kb)
6. Using Styles in Websites (532kb)
• View completed Francie's Flowerpot website (how it should look after exercise 6)
7. Advanced Techniques (1.9Mb) A more challenging website for more advanced students
• View completed Nuklear Family website (how it should look after exercise 7)

Adobe DreamWeaver MX Exercises (click to show / hide)

1. Overview (612kb)
2. HTML (250kb)
3. Basic Page Editing (1.2Mb)
4. Creating A Template (511kb)
5. More Page Editing (474kb)
6. Using Styles in Websites (524kb)
• View completed Francie's Flowerpot website (how it should look after exercise 6)
• Download completed Francie's Flowerpot website - flowerpots.exe (250kb)
7. Frames (264k)
8. DHTML menus (824k)
• View completed games directory site (how it should look after exercise 8)
9. Challenge (1.7Mb) A more challenging website for more advanced students
• View completed Nuklear Family website (how it should look after exercise 9)

Exercise files for older DreamWeaver Tutorials (click to show / hide)

Files for CC2017 Tutorials.

• flowerpots.zip (138kb) Files for exercises 1 to 6
• nuklear.zip (1Mb) Files for exercise 7

Files for MX and CS6 Tutorials

• dreamweaver_intro.html (7kb) For Exercise 2
• francies_images.exe (185k) Image files for use in Exercises 3-6
• frames.exe for use in MX Frames exercise
• dhtml.exe for use in MX DHTML exercise
• NuklearFamily.exe (1.1Mb) files for use in final exercise