Question One: Progressive Enhancement

Definition: Progressive enhancement is a web development strategy that emphasizes building a basic, functional version of a website or web application first, then adding advanced features and enhancements for users with more capable browsers or devices. This approach ensures that all users can access the core content and functionality, regardless of their browser capabilities.

Significance: The significance of progressive enhancement lies in its focus on accessibility and usability. By prioritizing essential content and features, developers can create websites that are functional across various platforms and devices. This approach also aligns with best practices for web standards, ensuring a more robust and flexible user experience. As web technologies evolve, progressive enhancement allows developers to introduce new features without compromising the experience for users on older devices or browsers.

Question Two: Absolute URLs vs. Relative URLs

Absolute URLs: An absolute URL provides the complete address to a resource on the web, including the protocol (e.g., http or https), domain name, and path to the resource.

Example:

– https://www.example.com/images/photo.jpg

When to Use:
Absolute URLs are appropriate when linking to resources hosted on different domains or when you want to ensure that links remain valid regardless of the current page’s location. They are also useful in emails and RSS feeds where the full context of the URL may not be clear.

Relative URLs: A relative URL provides a path to a resource relative to the current document’s location. It does not include the domain name.

Example:

– images/photo.jpg (if the file is in an “images” folder relative to the current page)

When to Use:
Relative URLs are ideal for linking to resources within the same website. They make it easier to move or copy sections of a website without breaking links, as they are dependent on the current context.

Question Three: HTML Code

Important Notes

body {
font-family: Arial, sans-serif;
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
background-color: #f9f9f9;
}
h1 {
color: #333;
}

Important Notes
1. Always back up your data.
2. Keep your software updated.
3. Use strong passwords for security.

Screenshot of Output Web Page

Output Screenshot

Question Four: Webpage for My Favorite Book

The Great Gatsby

body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
header {
background-color: #4CAF50;
color: white;
text-align: center;
padding: 10px 0;
}
section {
margin: 20px;
padding: 20px;
background-color: white;
border-radius: 5px;
}
footer {
text-align: center;
padding: 10px;
background-color: #4CAF50;
color: white;
position: absolute;
width: 100%;
bottom: 0;
}
img {
max-width: 100%;
height: auto;
}

The Great Gatsby

Summary

The Great Gatsby is a novel by American author F. Scott Fitzgerald, published in 1925. Set in the Jazz Age on Long Island, it tells the story of Jay Gatsby’s unrequited love for Daisy Buchanan and explores themes of decadence, idealism, resistance to change, social upheaval, and excess.
Purchase The Great Gatsby

Your Name | Student ID: 123456

Screenshot of Output Web Page

Output Screenshot

Notes

– Replace attachment_url_placeholder with the actual URL or path to your screenshots.
– Ensure that images are accessible and properly referenced in your code.
– Test your HTML files in a web browser to confirm they display correctly before submission.