Assignment 11 | WEB-110

During this assignment, I explored the essential differences between raster and vector images, audio, video, and multimedia integration on a webpage. I learned that raster images, composed of pixels, are ideal for detailed and complex imagery, while vector images, defined by paths, allow for scalable graphics without losing quality. By adding both raster and vector images to my webpage, I could see how each format's unique properties impact the display and functionality in different contexts. In addition, I experimented with embedding audio and video files using HTML5 `Audio` and `Video` tags. I included both `.mp3` and `.oga` audio formats and `.webm`, `.ogv`, and `.mp4` video formats, linking to publicly available media resources. I did have some trouble with the 'Video' tag working as expected but I was able to understand the purpose for the tag so I'm confident in using it in the future. This practice helped me understand the importance of supporting multiple file formats to ensure compatibility across various browsers. I also added an embedded YouTube video using an `iFrame`, allowing for multimedia content directly accessible on the page. This exercise demonstrated the benefits of incorporating multimedia for an enriched user experience, something I aim to integrate more in future projects. Overall, completing these activities has deepened my understanding of multimedia and graphic elements on the web. I now feel more confident in enhancing my future websites with responsive and compatible media content, which is essential for creating engaging and versatile online experiences.