Gallery with jQuery & Dreamweaver

Posted by: Ping

Please get the demo files in the shared folder, and preview the slideshow across browsers. Steps for creating a gallery with jQuery and Dreamweaver: Prepare your slideshow images in Photoshop (layer by layer) Prepare the blending, gradient and shadow effects in Fireworks (then “copy select” the properties to CSS file later) Create your layout in HTML5 […]

A-420: The Grading Criteria of Project-4

Posted by: Ping

Please find the attached peer evaluation form from your email. You are required to submit the form on May 7. Minimum requirement for different grade: Qualify on grade C: The site reaches at least 4 pages Qualify on grade B: The site reaches at least 8 pages Qualify on grade A: The site reaches at […]

A-420 Project-4: The 7 Day Vacation

Posted by: Ping

Project Description Design a complete website that acts as a travel guide to holiday destinations worldwide. Target Audience: The website is targeted at a broad audience with an age range from 25 to 55; what unites this group is an enthusiasm for traveling and discovering different destinations, and the desire to research and plan a […]

Student Works: A-420 Project-2

Posted by: Ping

Student Work: http://pxstudio.us/student-work/interactive/dwwk-css3/iframe/frameset.html Project Objective The goal of producing the web site is to learn about Adobe Dreamweaver CS6 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 […]

A-420 Project-3: Portfolio Site – SP’13

Posted by: Ping

Project Objective: Building an online portfolio site. “It doesn’t matter how many glowing references you have or how impressive your work history, no one’s going to be interested unless they can see what you can do. And a design portfolio website is the easiest and quickest way to showcase your work.” – Creative Blog A […]

Steps of Building Navigation Buttons

Posted by: Ping

Steps of Building Navigation Buttons – Option-A 1. Create a CSS3 rule for the navigation buttons: .nav_li <nav> <ul> <li class=”nav_li“>Home</li> <li class=”nav_li“>Navigation</li> <li class=”nav_li“>Layout</li> <li class=”nav_li“>Type</li> <li class=”nav_li“>Image</li> <li class=”nav_li“><Sitemap</li> </ul> </nav> 2. Set a button size: W: 125 / H: 25 3. Window > CSS Properties panel 4. Choose the Rounded Rectangle Tool […]

Student Works: A-420 Project 1C

Posted by: Ping

Brief: Create a “Solar Energy” mini site using HTML5 and CSS Project Requirements The mini site must include a home page (index), a navigation bar, and 5 linked pages Use required HTML5 tags and attributes Use HTML5 audio or video Place the html documents and dependent graphic files into the root folder Validate the HTML5 […]

Student Works: A-420 Project 1A & 1B

Posted by: Ping

Brief: Build the “VisComm.com” resource home page and the Fusion Type home page using the supplied text and artworks. Project Requirements: Project-1A & 1B: Design the VisComm HTML page & Fusion Type HTML page 1. Write HTML code and create a VisComm.com home page and Fusion Type home page 2. Use HTML5 tags and attributes […]