Assignment Two: Create an advanced website with Bootstrap

This assignment comes at the end of Module 1.

Now that you have learned how to create web pages and link them together it is time to make your very own website. Please complete the following assignment by creating:

Multiple pages in one document are OK

 A website with 6- 8 separate web pages. By the way, those pages do not have to be in separate html files. These days, it is quite common for 'multi-page' websites to live in just one html file, with internal links that actually provide a similar, sometimes better, user experience than a true multi-page site that loads a new page every time a user clicks a link.

Link it to your homepage!

However you make your site, make sure that you link it up properly so that I can find it when I visit your website. One web page (or the top of a page) will serve as the website homepage.

Get a Template. You'll be glad that you did

The site must be responsive and based on the Bootstrap Framework. The previous lesson should be very useful but I recommend that you download some else's Bootstrap Template. There are lots of free and attractive Bootstrap Templates that are easy to find.  You are not required to download one, but doing so, is an easy way to produce a more attractive website. As of 2019, https://bootstrapmade.com and https://startbootstrap.com/ have free templates that look fairly promising.  With a bit of googling you should find other free options as well. 

Show me the fonts!

Demonstrate use of web fonts [footnote] or google fonts which is the same thing [/footnote] You don’t have to use web fonts for ALL of your text but use at least one to show that you know how. You may even want to dedicate a page of your website just to fonts.

Pictures

Original pictures on each, or most, pages, sized for the web. REALLY BIG pictures [footnote] big in file size that is [/footnote] are not acceptable.

Text

Explanatory text for each page but don't feel the need to write more than a couple of sentences for each page.

  • Navigation must work and be consistent
  • Each page should have header of some sort that describes the website.
  • An embedded google form for submitting comments. 
  • Make it look as good as you can.
  • Whatever you do, don't forget to title your pages. Pages that show up as "untitled" are not acceptable.
  • If your site comes with a built in form, make sure that it actually works or get rid of it! One of my pet peeves is the 'dead' form that leads to nowhere. Very unprofessional.

Print Friendly, PDF & Email