Join Laurie Burruss for an in-depth discussion in this video Using the Web Developer toolbar to validate a page, part of Web Site Planning and Wireframing: Hands-On Training.
So to look at the HTML code, we use the View Source dropdown toolbar. I want…you to see that it's very similar to the browser in that instead of Command+U…or Ctrl+U, it's Command+Shift+U or Ctrl +Shift+U. It's important to know that…it's slightly different using the Web Developer toolbar. As soon as we do that,…it opens down in our page. It looks exactly like what we would have seen in…the Firefox browser. I want you to know there is really no difference between them.…
It has the same different menu bar up at the top and to click back into our page,…we just would click here. To click out of this, we click on our Close box and…there we are.…The last tool that I'm going to show you is the Tools dropdown menu. You click…on this. At the top I want you to see that there is a number of features all…grouped together and these are called Validation links. These look at your web…site to make sure that it's correctly written CSS. That's it's correctly written…HTML, that you are meeting by the way compliance, that you are meeting the WAI…
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