C.1.16 Web Page Structure Notes

Key Components of Web Page Structure

Header

1. Logo: Represents the brand or identity of the website.
2. Navigation Bar: Provides links to other sections of the website.
3. Search Bar: Allows users to search for content within the site.

Main Content

1. Text: The primary information presented to the user.
2. Images: Visual elements that complement the text.
3. Videos: Multimedia content to enhance user engagement.
4. Forms: Interactive elements for user input (e.g., contact forms, login forms).

Sidebar

1. Additional Navigation: Links to related content or categories.
2. Advertisements: Promotional content.
3. Widgets: Small applications like weather updates or social media feeds.

Footer

1. Contact Information: Email addresses, phone numbers, or physical addresses.
2. Social Media Links: Icons linking to social media profiles.
3. Legal Information: Privacy policies, terms of service, and copyright notices.

Types of Web Page Structures

Static Web Pages

1. Definition: Fixed content that does not change unless manually updated.
2. Advantages:
   1. Simple to create and maintain.
   2. Fast loading times.
3. Disadvantages:
   1. Limited interactivity.
   2. Not suitable for dynamic content.

Dynamic Web Pages

1. Definition: Content is generated in real-time based on user interactions or data from a database.
2. Advantages:
   1. Highly interactive and personalized.
   2. Can handle large amounts of data.
3. Disadvantages:
   1. More complex to develop.
   2. Requires server-side processing.

Single Page Applications (SPAs)

1. Definition: Loads a single HTML page and dynamically updates content without refreshing the page.
2. Advantages:
   1. Smooth user experience.
   2. Faster navigation between sections.
3. Disadvantages: