Join Laurie Burruss for an in-depth discussion in this video Understanding the structural elements of a web page, part of Web Site Planning and Wireframing: Hands-On Training.
Let's go back to the web page now that we have a better visual image of that…and see if we can play a hide and seek game.…So we are back in the web page and we are looking and we are looking in the…Head tag and we are saying gosh, this seems familiar. A title. I remember…seeing a title and Laurie said that everything that we see in the browser would…be in the Body tag. Well, let me remind you, yeah, you did see that, but you…didn't see it in a browser window. You saw it in the top bar of the browser…window. It needs to be in the Head tag because the title is part of the browser…window, not part of the web page. It's information we are passing onto the…browser and then browser displays it up in the top of the window. So that's why…it's in the Head tag.…
The rest of the information, if you look back down here, doesn't really display…anywhere on the web page. If I look at it, it's a lot of gobbledy-gook for me…the first time, but I do see the word style sheet and we have talked about how…we are separating structure from presentation and that presentation is style…
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