Due Week 4 And Worth 40 Points: Deliverable Four Web Pages

Due Week 4 And Worth 40 Pointsdeliverable Four 4 Web Pages The Hom

Due Week 4 and worth 40 points Deliverable: Four (4) Web pages (the home page and three image pages) and four (4) Cascading Style Sheets (.css) (one for each page). Complete the weekly lab based on the following: Write the code for each lab assignment. The code is to be submitted in a single compressed folder (zip file) to the online course shell. The file must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the file, it should be saved as Lab_#_Last name_First initial.htm. For example, if your name is Mary Smith the file for Lab 1 should be saved as Lab_1_Smith_M.htm. Any and all written answers must be entered into the online course shell with the submission of the attached lab assignment. Follow the directions below to complete Lab Assignment 5: Create a home page with navigation bar to the three (3) pages with images listed below and a Cascading Style Sheet (.css) for bisque color and Arial text. Create a “single image” page with a Cascading Style Sheet (.css) for background image, bisque color, and Arial text. Create a “top line image” page with Cascading Style Sheet (.css) for background image, bisque color, and Arial text. Create a “left side image” page with Cascading Style Sheet (.css) for background image, bisque color, and centered Arial text.

Paper For Above instruction

Due Week 4 And Worth 40 Pointsdeliverable Four 4 Web Pages The Hom

Design and Development of Web Pages with CSS Styling

Introduction

The assignment involves creating four interconnected web pages, each demonstrating specific layout and styling techniques using HTML and CSS. The pages include a homepage featuring a navigation bar, and three distinct image pages, each employing different CSS styles to highlight background images, color schemes, and text alignment. Proper file organization, naming conventions, and submission protocols are essential components of this task, ensuring a cohesive presentation and functionality.

Creating the Web Pages

The project includes:

  • A homepage with a navigation bar linking to three image pages.
  • A "single image" page styled with a background image, bisque color, and Arial font.
  • A "top line image" page styled similarly but emphasizing a top-aligned image space.
  • A "left side image" page with a background image, bisque color, and centered text aligned to the left side.
  • Four CSS stylesheets, one for each page, controlling visual presentation.

Implementation Details

Each web page uses a linked CSS file defining its specific styles. The homepage includes a navigation bar with links to other pages, styled with CSS for visual appeal. Image pages incorporate actual images stored within the project files, linked within the HTML. The CSS stylesheets set background images, background colors, font-family as Arial, and text alignment as required.

Submission Guidelines

The complete project folder, containing all HTML, CSS, images, and other necessary files, must be compressed into a ZIP archive named according to the specified convention (e.g., Lab_#_Lastname_FirstInitial.zip). All code must be properly commented for clarity, and written answers must be submitted through the course shell accordingly.

Conclusion

This project demonstrates proficiency in combining HTML and CSS to produce structured, styled web pages that are navigable and visually coherent. Adhering to best practices in file naming, organization, and styling ensures a professional and functional web presentation.

References

  • Duckett, J. (2014). HTML and CSS: Design and Build Websites. John Wiley & Sons.
  • Verou, M., & Bailleul, P. (2018). CSS Secrets: Better Solutions to Everyday Web Design Problems. O'Reilly Media.
  • Freeman, E. (2011). Head First HTML with CSS & XHTML. O'Reilly Media.
  • Resig, J., & Borko, M. (2008). Pro JavaScript Techniques. Apress.
  • W3Schools. (2023). https://www.w3schools.com