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
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?
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.