INT 1010 Programming Assignment Is Programming ✓ Solved

INT 1010 HTML Programming Assignment HTML is programing

HTML is a programming language used to create web pages. As a part of INT 1010, it is important that all students have experience in developing code. Requirements: For this assignment, you are required to develop a 3-page website using Hypertext Markup Language (HTML). You need to choose what you will like to display on your website. The topic is up to you. Each page must contain the following: Title, Heading, paragraph, image, link, background color (other than white), and text color (other than black). In addition, the site must contain at least: 1 horizontal rule, 1 external link.

Tags These are the tags you need to complete the requirement above: <!DOCTYPE html> <html> <head> <title> <body> <h1 – h6> <p> <img src> <a href> <hr> <bgcolor>

Resources: You may choose to create a storyboard to help you with designing your site.

Paper For Above Instructions

Creating a website using HTML offers an engaging and practical way to learn coding while allowing for personal expression through web design. In this assignment, a three-page website will be developed, showcasing various elements specified in the project requirements. This site will serve not only as a demonstration of technical HTML skills but also as a platform to present a chosen topic creatively.

Page 1: Home

The first page will be the home page, providing an introduction to the project’s topic. The chosen theme for the website is “Seashells of the Coast.” This topic focuses on various seashells found along the coast, their types, habitat, and significance. The first page will include a vibrant background color of light blue, symbolizing the sea, and text in a contrasting color of dark navy to ensure readability. The title of the page will read “Welcome to the Seashells of the Coast,” encompassed in an <h1> tag. Below the heading, a brief introductory paragraph will describe the website's content.

An image of various seashells will be incorporated into the page, using the <img src> tag to provide a visual representation alongside the text content. An external link will lead users to a reputable marine biology website for further reading on marine life and conservation efforts related to seashell habitats. A horizontal rule will separate different sections, enhancing visual organization and appeal. The HTML code for this page will look like this:

<!DOCTYPE html>


<html>


<head>


<title>Welcome to the Seashells of the Coast</title>


</head>


<body bgcolor="lightblue">


<h1>Welcome to the Seashells of the Coast</h1>


<p>Discover the diverse world of seashells and their significance.</p>


<img src="seashells.jpg" alt="Variety of seashells">


<hr>


<a href="https://www.marinebiology.org" target="_blank">Learn more about marine life</a>


</body>


</html>

Page 2: Types of Seashells

The second page will delve deeper into the various types of seashells, categorized by shape and color. Each type will be featured with a short description outlining its unique characteristics and habitats. The background color for this page will be sandy beige, representing the beach's natural environment, with text in a rich brown for contrast.

The page will include at least three images of different seashells, described accurately using the <img src> tag, coupled with informative paragraphs for each image. There will also be links to further resources such as PDF guides and articles on seashell identification. The structure of this page can be encapsulated as follows:

<!DOCTYPE html>


<html>


<head>


<title>Types of Seashells</title>


</head>


<body bgcolor="sandybeige">


<h1>Types of Seashells</h1>


<p>Explore the fascinating shapes and colors of seashells.</p>


<img src="conch.jpg" alt="Conch Shell">


<p>The conch shell is notable for its spiral shape and vibrant color.</p>


<hr>


<a href="https://www.shellguide.com" target="_blank">Shell Identification Guide</a>


</body>


</html>

Page 3: Conservation and Importance

The final page will be dedicated to the conservation of seashell habitats and their ecological importance. This page will feature a fitting background color of green, invoking nature, with text in a darker green shade to maintain visibility. The title of the last page will read “Conservation of Seashells,” which signifies the role these shells play in their ecosystems.

This section will include compelling statistics on the decline of certain seashell populations due to pollution and climate change. Images illustrating both thriving and endangered habitats will be showcased. This page will also include an external link to an organization dedicated to marine conservation efforts. For instance, the HTML structure will look like this:

<!DOCTYPE html>


<html>


<head>


<title>Conservation of Seashells</title>


</head>


<body bgcolor="lightgreen">


<h1>Conservation of Seashells</h1>


<p>Understanding the importance of protecting seashell habitats.</p>


<img src="endangeredshells.jpg" alt="Endangered Seashells">


<p>Many species of seashells face extinction due to environmental changes.</p>


<hr>


<a href="https://www.seashellsconservation.org" target="_blank">Join the conservation efforts</a>


</body>


</html>

Conclusion

In conclusion, through the utilization of HTML, students can create informative websites that not only serve educational purposes but also advocate for issues such as marine conservation. This project facilitates a blend of creativity and technical skill, emphasizing the importance of proper coding practices and design principles. The final product will be a testament to the knowledge gained throughout the course, showcasing the ability to create functional and visually appealing web pages.

References

  • W3Schools. (2023). HTML Tutorial. Retrieved from https://www.w3schools.com/html/
  • MDN Web Docs. (2023). HTML Basics. Retrieved from https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics
  • HTML5 Tutorial. (2023). HTML5. Retrieved from https://www.html5tutorial.info/
  • World Wildlife Fund. (2023). Marine Conservation. Retrieved from https://www.worldwildlife.org/initiatives/marine-conservation
  • Ocean Conservancy. (2023). The Importance of Marine Life. Retrieved from https://oceanconservancy.org
  • National Geographic. (2023). Marine Resources. Retrieved from https://www.nationalgeographic.com/environment/oceans/
  • Sea Turtle Conservancy. (2023). Protecting Marine Habitats. Retrieved from https://conserveturtles.org
  • American Littoral Society. (2023). The Role of Shells in Marine Ecosystems. Retrieved from https://www.littoralsociety.org/
  • Marine Conservation Society. (2023). Shellfish and Their Conservation Needs. Retrieved from https://www.mcsuk.org
  • Shell Museum. (2023). The Shells and Their Ecological Importance. Retrieved from https://www.shellmuseum.org

Related Assignments