Scribd
Upload
3 views1 page

HTML 1

The document outlines advanced HTML and CSS activities aimed at preparing a multi-page website. It includes instructions for creating a project folder with essential files, linking pages with a navigation bar, and ensuring consistent headers and footers across the site. Additionally, it provides guidance on customizing content for the home, about, and contact pages.

Uploaded by

ODINAR ARCH
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
3 views1 page

HTML 1

The document outlines advanced HTML and CSS activities aimed at preparing a multi-page website. It includes instructions for creating a project folder with essential files, linking pages with a navigation bar, and ensuring consistent headers and footers across the site. Additionally, it provides guidance on customizing content for the home, about, and contact pages.

Uploaded by

ODINAR ARCH
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Advanced HTML & CSS Activities for Website Preparation

These activities will challenge your understanding of HTML and CSS by incorporating layouts,
animations, forms, and responsiveness.

Activity 1: Building Your Multi-Page Website

1. Create a folder for your project and include the following files:

o [Link] (Home Page)

o [Link] (About Us Page)

o [Link] (Contact Page)

o [Link] (CSS Stylesheet)

2. Link all pages using a navigation bar with <nav> and <a> elements. Ensure the navigation links
work correctly between the three pages.

3. Each page must have a consistent header (you can include a logo, title, or page-specific
heading) and a footer (which could have contact information or social media links) using the
<header> and <footer> tags.

4. Customize the content inside the pages according to your chosen theme. For example:

o On [Link], provide an introduction to your topic (e.g., personal portfolio, company,


blog, etc.).

o On [Link], describe what your website or project is about (e.g., mission, team,
history).

o On [Link], provide a contact form or other ways for visitors to get in touch with
you (e.g., email, phone, or social media).

You might also like