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:

1. A website with 6- 8 separate web pages. By the way, those pages don't 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.

2. 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.

3. The site must be responsive and based on the Bootstrap Framework. The previous lesson should be very useful but BE AWARE that it is acceptable, and probably even a good idea, to 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 2018,
a. has several promising looking templates.
b. W3layouts also has many nice free themes
c. Bootstrap Stage ( ) also has several templates that may be a bit dated. 

4. Demonstrate use of web fonts 1 You don’t have to use web fonts for ALL of your text but use at least one to show that you know how.

5. Original pictures on each page, sized for the web. REALLY BIG pictures 2 are not acceptable.

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

7. Consistent navigation across all pages.

8. A banner of some sort that describes the website.

9. An embedded google form for submitting comments. 

10. Make it look as good as you can.

11. Whatever you do, don't forget to title your pages. Pages that show up as "untitled" are not acceptable.

Next: Module 2: WordPress

Print Friendly, PDF & Email

  1. or google fonts which is the same thing

  2. big in file size that is