• A
• B
• C
• D
• E
• F
• G
• H
• I
• J
• K
• L
• M
• N
• O
• P
• Q
• R
• S
• T
• U
• V
• W
• X
• Y
• Z

In Web Site Planning and Wireframing: Hands-On Training, Laurie Burruss, director of digital media at Pasadena City College, demonstrates the essentials of creating a web site with a polished, professional appearance and a compelling user experience. The goal of this hands–on course is to deconstruct a web site’s home page in order to identify its structural elements and feature set. Using Acrobat Pro and the web developer’s toolkit, Laurie shows how to capture a homepage and create, in another layer, its visual framework (wireframe). Exercise files and a downloadable PDF quiz accompany the course. Download the free support materials here from the Exercise Files tab.After learning the tools and techniques demonstrated in this course, viewers can continue on to the next course in this series: Creating a CSS Style Guide: Hands-On Training.

Course Web Site Planning and Wireframing: Hands-On Training Author Laurie Burruss SKU ISBN Release Date 2009-03-11 Duration 2.28 hrs / 29 tutorials Work files Yes Price $ 49.95 Retail price $ 99.95 Language Tags

Introduction Course overview 01:18 Using the exercise files 01:02 1. How the Internet Works How the internet works 05:15 How a user connects 06:44 2. Using Your Browser Choosing a browser 03:12 Installing the Web Developer toolbar and Firebug 05:24 3. Deconstructing a Web Page Deconstructing a web page with a browser 10:22 Reviewing the head and body of a web page 05:57 Understanding the structural elements of a web page 12:12 Using the Web Developer toolbar to reveal the CSS 06:36 Using the Web Developer toolbar to investigate images on a page 05:30 Using the Web Developer toolbar to outline a page 02:05 Using the Web Developer toolbar to resize the window 02:43 Using the important miscellaneous tools in the Web Developer toolbar 03:28 Using the Web Developer toolbar to validate a page 03:31 Exploring a website using Firebug 06:35

5. Designing for the Internet Reading the structural elements of a site 04:07 Reading the features of a site 09:08 Effective informational design 03:35 Effective architectural design 02:46 6. Wireframes Setting up a project 02:43 Capturing a website 02:39 Merging the screen captures in Photoshop 05:22 Bringing a website into Acrobat Pro 04:39 Wireframing the structural elements of a website 04:34 Wireframing the feature elements of a website 09:42 Conclusion A case study 04:57