Join Laurie Burruss for an in-depth discussion in this video Reading the structural elements of a site, part of Web Site Planning and Wireframing: Hands-On Training.
In this movie, we finally get to the good stuff, designing for the Internet. …We have looked at the technical limitations of the web. We have looked at how web…standards and best practices are an important issue to address in designing web…sites. And now, we get to bring our creative genius and our design skills to…how to create a great a web site. My theory is that are really only two pages…that you need to design. There is the homepage and everything else what we…call secondary pages. In this lesson, we are going to take some time to look at…the structural elements that need to be on a homepage.…
Taking a look up here at this info graphic. You can see at the top we need to…have some page title. A way of identifying in a browser that this is the homepage. …Typically, the next structural element would be a Header. This could be…graphics, it could be text, it could be a combination of both of those but…that's typically at the top of the page. Content is usually prominent but below…the header, then at the bottom, this structural element is called the footer…
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.