reading-notes

Class 5 Notes

Using Images In HTML. Read Common Image Types and Choosing Image Formats.

What is a real world use case for the alt attribute being used in a website?

A situation wherer there is slow internet connection and it will take a long time for an image to render. It can describe what the picture is in the mean time.

How can you improve accessibility of images in an HTML document?

Add text foor the images so the visually impaired can get an idea of what is on the screen.

Provide an example of when the figure element would be useful in an HTML document.

You should use a figure element if you are planning on putting any caption or wording around the image.

Describe the difference between a gif image and an svg image, pretend you are explaining to an elder in your community.

SVG is going to be a still image where gif is going to be animated almost like an old timey cartoon that animates as you flip through the pages.

What image type would you use to display a screenshot on your website and why?

PNG because it wont lose quality as you select it.

Learn CSS

Using Color in CSS. Styling HTML Text Elements

Describe the difference between foreground and background colors of an HTML element, pretend you are talking to someone with no technical knowledge.

the background color should be the main color asscoicated with your site. The examples in the reading used mountain dew as an example where you immediately think of green so this might be a great choice. For the foreground you can use a related color but its importnat that it has a contrast that make it readable for the user.

Your friend asks you to give his colorless blog website a touch up. How would you use color to give his blog some character?

If there is a specific kind of content associated with the site then I’d use that for the background. If not I can go to a palate wheel and find a palate that gives me background outline and text colors.

What should you consider when choosing fonts for an HTML document?

Well one main thing would be considering using web safe fonts. There are only some font that are usable on all computers. You can link other fonts to your html or css file but choosing a font that can be reaable on any screen is usually a better choice.

What do font-size, font-weight, and font-style do to HTML text elements?

Font size: basically how big the text is Font weight: How bold or not bold text is Font style: is whether text is in italics or not

Describe two ways you could add spacing around the characters displayed in an h1 element.

You can basically use 3 different attriubutes. Either line height attribute or the letter-spacing/word-spacing atribute.