Join Laurie Burruss for an in-depth discussion in this video Reviewing the head and body of a web page, part of Web Site Planning and Wireframing: Hands-On Training.
So now let's use the browser and the tools provided for us within the browser…to really look at this web page, dissect it and understand how it works and how…it is put together. When I look at a web page, one of the first things I do is…I like to look at the code. Now I know this is scary, but you got to take some…baby steps and just hang in here with me and let's do this. To find the code,…you up to the View menu and choose Page Source. You will see Command+U or…Ctrl+U next to it. Let's use the keyboard shortcuts to bring up the code.…
I'll close this window, go up to my keyboard and type Command+U.…There it comes. This is the actual HTML document. This is the code and what the…server and the browser see to understand how to display your page correctly. …It doesn't look anything like what we see in the browser and yet amazingly enough,…all the information that you need is right here in this page document. I want…to take your attention right to the top of this document. What I'm highlighting…
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