Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
In this course, author James Fritz shows how to create HTML-based websites with Muse—a toolset familiar to anyone who has used Adobe Photoshop, InDesign, or Illustrator. The course covers the design process from start to finish, from setting up web pages and populating them with graphics and text, to creating dynamic menus and adding special features such as widgets, slideshows, animations, embedded video, social media integration, and more. James also explains how to create an alternate layout for display on mobile devices, publish and update your site, and view analytics on web traffic.
For many years web designers have been adding alt text to images and other graphics. Alt text, or alternate text, is a brief text-based description of the subject captured in the photograph or illustration. This serves two main purposes. For people who have vision problems, screen readers can read back a description of what is in the image. The other reason is for search engine optimization, or SEO. Google and other search engines cannot index the meaning or content of images.
By providing alt text, it helps your document bubble to the top of search results. Let's go to this Home page, and on the Home page I only have one image. When I select this image, we're going to right-click on the image, or you can even go into the Assets panel and right-click and choose Edit Image Properties. Inside Image Properties there are two fields: Tooltip and Alternative Text. Tooltip is a little pop-up that happens when you mouse over an image.
It's also referred to as the title attribute inside HTML. We're going to enter the text The SAMOCA Art Museum. Alternate text is the description of the image. We're going to enter the text Museum exterior photograph. When you enter alternative text, it should be the description of the image. If it happens to be a photo of some text or a sign, it helps to actually type out the text that's in that photo, but most importantly, you want to be descriptive.
For example, painting isn't a very good descriptive text. On the other hand, Sheldon Crane Seaside, 1963 is very descriptive because that explains exactly what that particular painting is. The more information you add in the alternate content, the better the experience for accessibility and SEO. Now that we've set this up, let's click OK, and we're going to go to File > Preview Page in Browser. As I mouse over this and keep my mouse still, you can see we see the little tooltip that says The Samoca Art Museum.
But if we view the source--we're going to View > View Source. If you're in a different web browser it might be in a different location. But we can see directly in here the title says, The SAMOCA Art Museum and then alt="Museum Exterior Photograph." This alternate text information is added to the code when you either publish or preview your site in a web browser. Some best practices to keep in mind is to add alt text to all of your images, and remember, pictures of text, including logos, should also have the text written out inside the alt text.
Try to get in the habit of adding alt text to all of your images when you first add them to your layout. It may take an extra moment or two, but once it becomes a habit, you won't have to spend an eternity adding alt text to all of your images before you publish your site.
Find answers to the most frequently asked questions about Muse Essential Training.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.