Project-2: Dreamweaver Workbook

Posted by: Ping

Art-420 | Project-2: Dreamweaver Workbook – Project Brief

Project Objective

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

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

Project Requirement

  • Create a splash page “index.html”, and create an animated graphic element or a CSS3 round corner for the title box.
  • Create a main navigation system, and CSS3 gradient buttons with shadows.
    if you prefer to use Dreamweaver’s spry menu bar for the main navigation, you need apply the round corner border property to the navigation buttons.
  • Create an animated header banner in Photoshop.
  • Create some graphic elements in Illustrator.
  • Create a sub-nav spry menu bar and a jump menu in Dreamweaver.
  • Insert an HTML5 Video and Flash Animations in Dreamweaver.
  • Create a home page, six body pages, and a series of sub-pages via Dreamweaver, with HTML5 and CSS for the project.
    (Please round corners for the header or footer section)
  • There are a total of twenty-eight pages for the entire website.

Project Demo: http://pxstudio.us/workshop/dwwk-css3/index.html
Project Inspiration:
http://pxstudio.us/student-work/interactive/dwwk-css3/iframe/frameset.html
Project Due Day: March 20, 2014
Date Range: Feb 11 – March 20 (4 Weeks, Excluding the Mid-term Break))