20 min read

Finishing the Tea Room Site

Link the style sheet on every page, organise the CSS, validate it, test everything and prepare the site for submission or upload.

The Finished Style Sheet

Open the finished example site and its style sheet . Notice how the CSS is organised into commented sections: base, header and navigation, home page, tables, gallery, forms, footer, small screens.

Final Checklist

Before you submit or upload
Before you submit or upload

Organising the Submission Folder

A clear submission folderText

1YourName_StudentID_Website/2├── index.html3├── menu.html4├── gallery.html5├── order.html6├── about.html7├── css/8│   └── style.css9└── images/10    ├── logo.svg11    ├── teas/12    ├── cakes/13    └── room/

Zip the whole folder (right-click \to Send to \to Compressed (zipped) folder). Before submitting, unzip it somewhere else and open index.html to check nothing is missing — this catches absolute paths and forgotten files.

Publishing a Site

To put a site on the internet you need a domain name and web hosting . You upload the folder to the host (through its control panel or an FTP program), and the site appears at your domain. Free options such as GitHub Pages or Netlify are popular for student portfolios.

Practice

A page has no styling while the others look right. What is the most likely cause?

More lessons in CSS · Next: Course Exam · Previous: Basic Responsive Design