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