Join Laurie Burruss for an in-depth discussion in this video Wireframing the structural elements of a website, part of Web Site Planning and Wireframing: Hands-On Training.
So now for the fun part. We're going to start by outlining the main structural…elements of this homepage. So we've got our header area done, and now we are…ready to do our content area. I'm going to scroll down to that area and I'm…going to click on my tool that has text and a rectangle, and don't get too…picky with this. Just try to guess- timate. These are not design or content…creation tools. You just have to play along and they don't snap, so you just do…your best job.…
And I'm going to go ahead and type Content Area, as soon as you draw the…rectangle the I-beam pops itself inside the rectangle. Click outside, then…click on the rectangle edge, and you can resize this just the way you want it…to be. And you can just keep testing a little bit to make sure that it matches…what you've got. Remember it's not precise, just do the best you can. Here,…that looks good.…Now I'm ready to do the footer. I'll scroll down to the bottom of the page,…click on the tool again, go ahead and get it pretty much covered by the…
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
Skill Level Beginner
1. How the Internet Works
2. Using Your Browser
Choosing a browser3m 12s
3. Deconstructing a Web Page
4. Learning the Ground Rules
5. Designing for the Internet
A case study4m 57s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.