Join Laurie Burruss for an in-depth discussion in this video Wireframing the feature elements of a website, part of Web Site Planning and Wireframing: Hands-On Training.
- View Offline
We have identified all the main structural elements of the homepage and the…wireframe is looking very, very good. Now we will go on to identifying the…features and the main content areas and the specific way we are going to mark…up this homepage.…We would like this a to look a little different than the structural areas, so…we are going to go ahead and click on our tool again and draw a rectangle and…change some of the properties.…I am going to go ahead and type just gobbledygook for the moment, double-click…on that text, move the toolbar where you can see what I'm doing and I want to…make the text green and I want to make the font size 18 and I'll make that bold.…
Then I'll click off that and click on to the rectangle, click on the outline for…the rectangle and make that green as well.…So now we have a box that looks different and we want to retain or keep that as…a default. So I'll select the Rectangle, right-click on it and go ahead and Make…Current Properties Default. When I delete this and draw out another rectangle,…
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.
- Seeing, scanning, and reading a web page
- Understanding naming conventions
- Creating file structures
- Understanding page hierarchy
- Using Acrobat and Photoshop with wireframes
- Building a professional wireframe from scratch
- Identifying and using web standards in site design
- Usability Testing