Join Laurie Burruss for an in-depth discussion in this video Using the Web Developer toolbar to investigate images on a page, part of Web Site Planning and Wireframing: Hands-On Training.
- View Offline
The next dropdown menu that we will explore is Images. A powerful way to view…your web site. Let's click on the word Images, see the dropdown image, and the…first one that I would like to show you is Disable Images and we will choose…All Images. Wow! Now there is no images on the page. All we see is text. …You may ask why is this important? But with complicated web sites, or you are…looking at complicated web sites and layouts, turning off the images is a great way …to see the bare-bone structure of the web site, and to learn how it's structured.…
Let's click again on Images > Disable Images and toggle that back on. …Let's click on Images and look at the dropdown menu. You will see there is a section…with a lot of different attributes of images. We are going to look at these…attributes one by one, but it is possible to turn them all on at the same time,…it's a little confusing for the beginner web designer. Let's look at Display…Alt Attributes first. This is an image and this is its Alt tag. Alt tag means,…
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