Dreamweaver Workbook - Project Definition

The goal of producing the web site is to learn about Adobe Dreamweaver and other related applications by directly working in the software and learning its working process. The final goal of the project is to create a resource reference for the tools, functionality and design potential for creating web pages with strong aesthetic design and functional values.

Adobe Dreamweaver is a premier website builder software, and has been the industry leader in web site development. Dreamweaver CS6 provides support for CSS Transitions, Web Fonts, Fluid Grid Layouts, jQuery Mobile Swatches, PhoneGap Build Panel, and HTML5 Audio/Video. Adobe Dreamweaver CC is the newest version. It provides support for CSS Designer, Enhanced Responsive Design, Mobile App Design, and Enhanced jQuery. Dreamweaver CC also provides an intuitive visual interface for website creation and editing. It offers up-to-date compatibility with web standards as well as first-class support for HTML5/CSS3 and jQuery.

Project Working Process

In the process of building the website, you will learn the following:

• To create web pages by using Adobe Dreamweaver
• To learn web site construction and management
• To learn CSS rules in the Dreamweaver environment
• To learn other related software (such as Fireworks, Photoshop, and Illustrator) that assist in building web pages
• To upload the Dreamweaver Workbook project to your personal web space

Project Requirements:

1. Create a splash page "index.html", and apply CSS3 round corner for the title box, or insert an animation
2. Create a main navigation system, and CSS3 gradient buttons with shadows
3. Create an animated header banner in Photoshop
4. Create some graphic elements in Illustrator
5. Create a sub-nav spry menu bar and a jump menu in Dreamweaver
6. Insert an HTML5 video and a Flash animation in Dreamweaver
7. Create a home page, five body pages, and a series of sub-pages via Dreamweaver, with HTML5 and CSS for the project