【實用生產應用app】Course for HTML and CSS 104 - Adding Images to Web Pages|最夯免費app-綠色工廠好玩App

Great websites need to be picture perfect. This HTML and CSS course teaches you everything about images and how you can optimize the visual experience when creating and publishing your web pages.Can you tell your JPEGs from your GIFs or PNGs? Well...it's not always clear which one is the best choice for your web page. In this 18-tutorial course, Beth and Eric give you the answers so you can see more clearly, and understand exactly what each image type has to offer, so you can make the right choices in your web design. You learn how to optimize your photos, logos and graphics so they look their best but also load fast! You also see firsthand how to convert and resize your images and examine what lossless and lossy formats are all about. There is also a super informative section on screen readers that shows you how to write descriptive tags for the images in your page to allow anyone, even those who may not be able to see your photos, to get a good idea as to what they're about. CSS also comes into play. Here you learn how to improve the impact your images by laying them out just right, using some simple yet very effective rules.So, fire up your favorite text editor and get ready to learn how to handle images on the web using HTML and CSS! And while you're here, make sure and watch or review the other courses in our comprehensive series.Table of contents:1. Introduction2. Review of the IMG Element3. Using the IMG Element4. Image Width & Height5. Image sizes with iPhoto6. Image sizes with Photoshop7. Big picture: Images and HTML8. The ALT attribute and accessibility9. Using Images as anchors10. Image Formats11. JPEG Quality Controls12. Creating PNG and GIF13. Creating Transparent Images14. CSS for Images15. Applying Borders and Padding16. Using Float17. Image width and height with CSS18. Wrap-up and One More Thing...