This is an old site that will be taken down soon. Go to https://learnweb.skilling.us for the current site.

Final project: A skeleton

Here's how you'll make your final project website.

  • Ideas: Done
  • Structure: list the pages and how they relate Next
  • Prototype: build a rough model of the site
  • Make it: make the final version

Time for the second step. Here's the idea I chose.

Final project: Idea

Pupperware

A small business that brings doggos to your event. Pages:

  • Home
  • What we do - what the company does
  • Packages - what people buy, with the prices
  • Doggos - meet some of our doggos
  • About - address, things like that
  • Contact

OK, let's flesh it out. We have a start on the page list, but let's expand it.

A "top page" has an entry in the main menu. A "subpage" is linked from a top page.

Final project: Structure

By Squee Moffat and Suzie Chen

Our project will be a website for Pupperware, a small company that brings doggos to your event. Here are the pages.

Top page: HOME

What the company does, slideshow of doggos at events, like parties.

Top page: SERVICES

More deets than on home page. Service area, service time (8am - 9pm?), what we bring, cleaning up.

Top page: PACKAGES

What people buy. Maybe three packages. Small (two doggos, two hoomans), medium (four doggos, three hoomans), large (eight doggos, three hoomans). With prices. Link to deets of each package. Booking button.

Subpage: Small

Deets of the small package. Booking button.

Subpage: Medium

Deets of the medium package. Booking button.

Subpage: Large

Deets of the large package. Booking button.

Subpage: Booking

Fake booking page, with a fake form to fill in.

Top page: DOGGOS

Meet our doggos. Profiles of a few. Pictures. Cute and happy!

Top page: ABOUT

Deets on the company. Where it is, facilities, like that.

Top page: WORK FOR US

Job openings, how to apply.

Top page: CONTACT

A contact form.

Subpage: Terms

Legal stuff, what we are not liable for. Linked from the packages and booking pages.

Exercise

Exercise

Final project structure

List the pages that will be on the website for your final project idea. At least ten pages.

You can change your mind about the pages later. That's common, as you work on the project.

Up next

Next, you'll learn the basics of HTML and its sister language CSS. You'll use what you know to make a prototype of the final project.