Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Adobe Dreamweaver CC
  • Discussion

  • Study Guides

  • Download Lecture Slides

  • Table of Contents

  • Related Books

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for Educator.com

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

The Difference Between Alternate Text & Title

  • There is a big difference between alternate text and the title attribute
  • The alt text is what is read to a user by a screen reader if they cannot see the image
  • The title text is a tooltip that pops up within a browser to provide additional information about an image
  • Dreamweaver CC now includes the title in the Properties panel when you select an image
  • Preview the specials page in the browser and hover over the images
    • There is nothing that pops up in the browser
  • We will add a title to each of these images and view them once again in the browser so you can see what the title adds to the image
    • Select the first image on the page
    • Type some title text in the title area in the properties panel for that image
    • Save and preview the page in the browser
    • If you hover your cursor on the image, you will see your title show up on the web page
    • This is a great way to add additional information about an image for the user
  • The alternate text for an image is read by a screen reader, the title is used as text for a popup area that shows when the user hovers on the image

The Difference Between Alternate Text & Title

Lecture Slides are screen-captured images of important points in the lecture. Students can download and print out these lecture slide images to do practice problems as well as take notes while watching the lecture.

  • Intro 0:00
  • Title Area in Properties 0:43
    • Preview in Browser
  • Title in Browser View 1:29
    • Preview
  • Quick Tag Editor 3:23
    • Title Versus Alternate Text