Project Overview
- Requirements: Creates a 5-page multipage website: one homepage, one original subpage, and three other students' subpages.
- Content: Ensures each original HTML document serves as its own webpage while maintaining the content integrity of each document as-is.
- Homepage: Establishes a new homepage (index.php) as an entry point featuring content excerpts that link to the subpages.
Technical Overview
- Technical: Uses PHP includes on every page to factor-out redundant code, placing the shared navigation menu include file(s) in a sub-folder named inc.
- Navigation: Implements a solution (PHP or JS) to fix the "current menu highlighter" to dynamically show the user what page they are on.
- Optimization: Restricts all files in the file system, including background and slideshow images, to be less than 300 KB.
- Validation: Validates all HTML and CSS files to guarantee cross-browser code compliance.
Design & Layout Overview
- Layout: Utilizes CSS Grid Layout to build a common, consistent multicolumn layout on all subpages.
- Responsive: Adapts fluidly to browser-widths ranging down to mobile-size (480px wide) up to large desktops (1200px wide) with zero element overlap.
- Slideshow: Integrates a jQuery-powered slideshow positioned above the main content that automatically rotates through at least four appropriately sized images.
- Typography: Constrains text layout on desktop displays so that no paragraph stretches more than about 700px wide.
SEO Optimization
- SEO: Optimizes every page using proper semantic HTML structure (H1, H2 outlines), unique TITLE tags, descriptive link text, and alt attributes for images.
- Sitemap: Includes a valid sitemap.xml file located directly in the website's root /project3 folder.
