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.
- View Offline
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