Art-420/Web Design : DWWK Project Student Work | Spring 2014

Posted by: Ping

A-420 VisComm III | Project-2: Dreamweaver Workbook | Selected Student Work:
http://pxstudio.us/student-work/interactive/dwwk-css3/iframe/index.html

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.

Project Requirements

  • 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.
  • 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.
  • There are a total of twenty-eight pages for the entire website.

Art-420 Project-1C: Mini HTML Site (HTML5 & CSS3)
Selected student works:
http://pxstudio.us/student-work/interactive/p1c/iframe/index.html
Project Requirement

  • The mini site must include a home page (index), a navigation system, and five linked pages
  • Use required HTML5 tags and attributes
  • Place the html documents and dependent graphic files into the root folder
  • Validate the HTML5 documents and dependent external CSS file