Building Web Sites with Adobe Dreamweaver

 5 Reviews Add a review

Published March 2011

Build a small attractive website with Dreamweaver!

This introductory course is designed for beginners who need a web site or who need to fix up and improve an existing site.

By the time you complete all the lessons in this course, you will have a small, attractive web site and all the skills needed to maintain, update and modify it. You will never need to hire a web designer again, nor struggle with locating a suitable design template and spending hours modifying it to meet your needs.

What you'll learn

  • How to create websites in any style, color scheme, or layout desired using Adobe Dreameweaver
Meet your instructor
Jim Gonzalez

Jim has been teaching Design and Digital Communication classes for over 15 years. Over the years, he has taught thousands of students from all over the world how to design, build, promote, and maintain web sites.

Lesson 1: Getting Started
Free Welcome to the course! 6:29
Free Exercise #1 - Prepare your Dreamweaver Site 6:17
Free Web Design Princples - Elements of a well designed page. 7:36
Free Elements of Well Designed Web Pages
Website Planning Tools
Exercise #2 - Building your first page 6:18
Optional Exercise - Use a tracing image to layout your Dreamweaver pages. 4:52
Design Principles: Choosing Site Colors 5:50
Exercise #3 - Applying Colors and Sub-elements to Your Page. 7:07
Lesson # 1 Summary
Lesson 2: Formatting Tiltes & Headings
How Search Engines Find Your Web Pages 5:07
How Search Engines Work 3:35
Optional Exercise - Discovering Your Keywords 9:29
Exercise #4 - Adding Doc Titles & File Names 5:56
Exercise #5 - Adding Site Titles & Page Headings 6:11
Supplemental Reading - Introduction to SEO
Supplemental Reading - How Search Engines Work
Lesson Summary
Lesson 3: Adding & Formatting Text
Exercise #6 - Adding Text Content 6:42
Introduction to CSS - Styling Text using the Properties Inspector 4:08
Supplemental Exercise:Creating Style Classes 6:14
Exercise #7 - Formatting Layout with CSS 10:52
Supplemental Reading: Introduction to CSS
Lesson 3 Summary
Lesson 4: Creating a Second Page
Exercise #8 - Creating & Linking to External Style Sheet 7:31
Exercise #9 - Laying Out Page 2 6:33
Design Principles: Attractive & Effective Page Layouts 7:50
Exercise 10 - Formatting Page 2 7:00
Sample Page Layouts
Lesson # 4 Summary
Lesson 5: Ask James - Live Recording
Live / Recorded Q&A with James
Lesson 6: Formatting Text Content
Design Principles: Text Composition 3:32
Design Principles: Text Formatting Tricks 4:22
Exercise 11: Adding CSS Style Classes 7:04
Exercise #12 - Styling your Body Text 8:30
Challenge: Style Page 2 Using CSS Styles
Lesson # 6 Summary
Lesson 7: Adding Graphics
Design Principles: Where to Use Graphics on a Web Page 7:14
Design Principles: How to Use Graphics on a Web Page 4:01
GIF Files & Image Transparency 5:44
JPEG & PNG File Formats 6:50
Supplemental Exercise: Optimizing Web Graphics 7:41
About the Graphics Supplied with the Course 4:53
Sample Page Graphics
Exercise 13: Adding Background Images 6:41
Exercise 14: Adding Foreground Images & Borders 7:22
Lesson #7 Summary
Lesson 8: Adding Links
How Browsers Locate Website Files 6:06
How Relative Links Work 6:28
Exercise 15: Linking the Main Menu 7:23
Exercise 16: Adding Footer Text Navigation 4:24
5. Watch a Video: Exercise 17: Styling your Menus with CSS 5:40
Supplemental Exercise: Customizing Link Colors with Compound Selectors 2:50
Lesson #8 Summary
Lesson 9: Publishing & Maintaining Your Website
Exercise 18: Building Out Your Website 6:31
Moving, Renaming, & Deleting Site Files 4:40
Checking Links & Fixing Problems 3:33
Finding a Host Provider for Your Website 4:53
Exercise 19: Connecting Dreamweaver to Your Host Server 3:38
Supplemental Exercise: Finding a Domain Name 5:59
Exercise 20: Transferring Files to Your Host Server 3:54
Conclusion & Where to learn more 3:41
Lesson #9 Summary

Leave a Review