Focus: IT/Enterprise Web Site Planning and Wireframing: Part 9 of 12 Merging the screen captures in Photoshop
By Laurie Burruss Inside of Photoshop we will open the two screen captures that we made, put them into one image layer and save it out as a PDF. So let's get going on this. Let's go up to the File menu, scroll down to Open, which would be Command+O or Ctrl+O, navigate out to our Desktop, and select Picture 1 and hold down your Shift key and select Picture 2, and click on Open. ...Read More »

Focus: IT/Enterprise Web Site Planning and Wireframing: Part 8 of 12 Capturing A Website
By Laurie Burruss 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). ...Read More »

Focus: Consumer Electronics Make a Yahoo Video Slideshow
In this Yahoo Video Slideshow tutorial, you will see how to make a Yahoo Video Slideshow with photos and music step by step using slideshow software called Video Slideshow Maker. ...Read More »

Focus: IT/Enterprise Web Site Planning and Wireframing: Part 7 of 12 Effective architectural design
By Laurie Burruss We've talked about how information being well designed and having a hierarchy is important. But what makes you want to stay at a well-designed homepage? For me designing a homepage is all about thinking 3D, not 2D. It actually is a house. ...Read More »

Focus: Graphics Designer Web Site Planning and Wireframing: Part 6 of 12 Effective informational design
By Laurie Burruss Continuing our discussion of Web design principles, we should take a look at information hierarchy. The way to think about it is WE SEE, THEN WE READ. Web designers often do 4 or 5 jobs. They design the graphic elements, they create the interface design, navigation design, interaction design and often are required to design the information. But it should be done on a hierarchical basis that makes sense from the most important to the least important, from the general to the specific. ...Read More »

Focus: Graphics Designer Web Site Planning and Wireframing: Part 5 of 12 The eight commandments of naming
By Laurie Burruss In this excerpt from Web Site Planning and Wireframing: Hands-On Training, Laurie Burruss, director of digital media at Pasadena City College, demonstrates the eight commandments of naming. These are the rules, these are the commandments. Never break them. ...Read More »

Focus: Graphics Designer Web Site Planning and Wireframing: Part 4 of 12 Exploring a website using Firebug
By Laurie Burruss Let's take a moment to look at Firebug, the other extension that we loaded in previous lessons. There are several ways that you can access Firebug. ...Read More »

Focus: Graphics Designer Web Site Planning and Wireframing: Part 3 of 12 Using the Web Developer toolbar to validate a page
By Laurie Burruss The last tool that I'm going to show you is the Tools dropdown menu. You click on this. At the top I want you to see that there is a number of features all grouped together and these are called Validation links. These look at your web site to make sure that it's correctly written CSS. That's it's correctly written HTML, ...Read More »

Focus: IT/Enterprise Web Site Planning and Wireframing: Part 2 of 12 Using the important miscellaneous tools in the Web Developer toolbar
By Laurie Burruss Let's take a look at the Miscellaneous dropdown toolbar. It's often overlooked, but it's one of my favorite toolbars, because it has some very sexy fun tools to use. Click on it, drag down, and what we are going to look at is Display Ruler. ...Read More »

Focus: Graphics Designer Web Site Planning and Wireframing: Part 1 of 12 Installing the Web Developer toolbar and Firebug
By Laurie Burruss One of the things that I like to do as a web designer/developer is to install two extensions that help save me time and are basically like having a full time person working for me. The first extension is the Web Developer toolbar and the second extension is Firebug. ...Read More »