Training Course
Dreamweaver II

If you love the ease and flexibility of designing sites with Dreamweaver and are ready to tackle more sophisticated projects, Dreamweaver II is your ideal next step.

Some powerful features lie just below the surface in Dreamweaver, including precision layouts through Cascading Style Sheets, templates and asset management, and even the ability to create high-end interactive features without wading through reams of code. Each hands-on lesson and exercise combines upper-level Dreamweaver technology with visual Web design know-how.

In this rigorous 6-lesson course, you'll take your existing knowledge of Dreamweaver to the next level, putting your skills a cut above the rest. Roll up your sleeves and get ready for an intensive and fun study of Dreamweaver!

Course Developer/Instructor:
Piper Nilsson is a graphic designer and information architect ... get bio

Contributing Editor:
Tara MacKay is a Web designer who has designed award-winning sites ... get bio

Develop and submit for feedback six multi-page Web sites demonstrating specific Dreamweaver technologies.

Use Dreamweaver and Cascading Style Sheets (CSS) to present creative and effective type and content area formatting.

Employ CSS to create advanced fixed, liquid, elastic, and hybrid layouts.

Use absolute positioning in CSS to develop precision Web layouts.

Develop image effects, pop-up windows, and interactive navigation designs using Dreamweaver Behaviors and the Spry framework for Ajax.

Design consistent, large-scale Web sites using template files, editable template regions, and library items.

Use form field inputs and visual design guidelines to create the front-end of interactive forms.

Search for and apply back-end scripting to process interactive forms.

Employ preferences, collaborative technologies, and project reports to aid workflow and accuracy of development.

Combine Dreamweaver technology, site planning techniques, and visual design rules to develop attractive, creative, and effective Web sites.

Outline:

LESSON 1 Advanced CSS Formatting Thought you knew CSS? In Lesson One, you'll refresh your memory on the basics of CSS text formatting, then take these skills a big step further into advanced CSS presentation and workflow applications. Designer typography tips are explored, and you'll use CSS to make data, lists, nav bars, and other content look great. You'll test out what you've learned in the exercise where you'll design a complete travel Web site with only CSS formatting.

LESSON 2 CSS Web Site Design Lesson Two takes what you know about CSS layouts to the next level, exploring fixed, liquid, elastic, and hybrid page designs using floats and container divs. You'll also learn how to create precision layouts with absolute positioning and some tricks on extending your CSS-based design. You'll try out these advanced layout techniques by creating a video gamer's Web site in the exercise.

LESSON 3 Behaviors and DHTML JavaScript, DHTML, and Ajax can be messy to code by hand but they add so much functionality to a Web page. In Lesson Three you'll learn to create many special features without touching a stitch of code using the Behaviors panel and Dreamweaver CS3's new Spry framework for Ajax. This lesson will have you creating complex image swaps, pop-up windows, and interactive navigational menus in no time. You'll also learn to create animations using DHTML and CSS, and explore the Adobe Exchange to find additional behaviors and code written by other developers. In the exercise for this lesson, you'll add lots of interactivity to a Web site using several key behaviors.

LESSON 5 Form Page Design It's every Web designer's dream to create a site in which the user can take an active role in the visit—whether it's submitting an email address, taking a test, or supplying feedback. Lesson Five shows you how to make it happen with Dreamweaver's powerful form design tools and features that get the form running on your server. CS3 users will also tackle some nifty form validation features using Spry/Ajax. This lesson concludes with an exercise on creating a subscription form with user results get sent to your email address.

LESSON 6 Workflow and Project Management Web designers these days must wear many hats to get the job done. You guessed it, Dreamweaver can help with that too. In Lesson Six, you'll explore preferences that can streamline your workflow and help you use code more efficiently. You'll also learn easy ways to access your files and frequently used code "Snippets" while you work. This lesson finishes up with a look at Dreamweaver's collaboration tools, like check-in/check-out and Contribute, that make group work go more smoothly. In the final exercise, you'll put everything you've learned to the test by designing a complete Web site.

Tuition: $803 US