New Site ’18

With all the work we have done to this point, looking at websites, evaluating websites, working in some HTML, CSS and Bootstrap, designing a little in browser and getting familiar with the interface we now need to focus on steps to design a site. Remember the information we have gathered and talked about up to this point to use for this project.

Things to keep in mind: Size of your thumb on mobile, one action click for mobile versus the added hover on desktop. Content highlights, feel of the site that you want, color choices. What is important to showcase on the homepage. Where do you want them to navigate, and how. Any extras you want to include that add to the experience.

Step 1
This step will be to get us started. I need you to decide on a type of site you want to create that has at least 5 pages. What kind I do not care, but your research and sketches need to follow the purpose of that site.

Due: Friday, February 23rd

Specification sheet (pdf)


Information ’18

Please do not use Google Docs to turn anything in! It is a link to a document we both have access to and is therefore not set information. If you use Google docs regularly please select “File” then scroll to “Download as” and select a pdf. With the pdf upload that so I get a set file.

HTML Re-Work

Utilizing the page that you had worked on for today I want you to re-work it. Duplicate the file, re-name it and re-work the design. URL to the new page and old page must be uploaded to the class Google drive in a plain text file. You need to identify at least 5 things to change to turn in to the class Google drive as well.

Due: Wednesday, February 14th

Starting from scratch on one of your other pages linked in the site, work out, set up and design that page. Details and specifics in the pdf below.

Due: Monday, February 19th

Specification sheet (pdf) Certificates ’18

Starting Friday, February 2nd you will be  working to complete certificates about the materials we will be going over. Each certificate is worth 20 points. You will be working on these certificates on your own time and will need to be completed at certain times and dates listed with them.

Here are list of courses I expect you to complete the training for:

Dreamweaver CC Essential Training with David Powers Time: 8h 11m
Complete before class Monday, February 12th.

HTML5: Structure, Syntax and Semantics with James Williamson Time: 3h 34m.
Complete before class Friday, February 16th.

CSS Essential Training 1 with Christina Truong Time: 2h 36m.
Complete before class Monday, February 19th.

CSS Essential Training 2 with Christina Truong Time: 2h 21m.
Complete before class Wednesday, February 21st.

CSS Essential Training 3 with Christina Truong Time: 1h 30m.
Complete before class Friday, February 23rd.

Bootstrap 3 Essential Training with Ray Villalobos Time: 4h 55m
Complete before class Wednesday, February 28th.

Creating Responsive Web Design with Chris Converse Time: 3h 47m
Complete before class Friday, March 2nd.

On the dates the certificates are due, you will bring them to class or have them uploaded to the google drive before class to receive your credit. If you do NOT show me the certificate that day it is due at the beginning of class or have it uploaded before class NO credit will be awarded. Here is an example of the certificate:


Homepage ’18

To start us off with some coding we are looking to begin our personal website. This is to be one html page of your website showcasing your site. As this is step one only HTML is to be used. We will be looking to add other features and languages at a later date. We will work on this in class Monday, January 29th and look at them first thing Wednesday, January 31st.

Due by end of class: Monday, January 29th

Now that we have gotten some HTML created we are going to take it to the next level. This will include adding CSS to our page. We will work on this in class Wednesday, January 31st to finish up on and get it uploaded by the end of class Friday, February 2nd.

Due by end of class: Friday, February 2nd

With the structure of Bootstrap we will now work to get the page to be responsive in that structure. Follow the requirements discussed in class and in the specification sheet below for details.

Due: Wednesday, February 7th

For the last portion of this project we will jump to one of the other pages to start over and build out the page. Taking what we have done so far and a couple additions (see specification sheet below for details) we need to add design to the page. Up to now we have been focused on getting the code to function, now we need to put it all together and design, setup and code a page.

Due: Monday, February 12th

Specification sheet (pdf)

Web Rules ’18

What Makes A Good/Great Site?

With the web research we have just completed, and the discussion afterwards compile that information to determine a set of rules for you. In order to move forward we need to address the likes and dislikes associates with the websites we looked at. What features worked, what didn’t, what interfaces were easy to use, which weren’t, etc. Create a bulleted list of ten for each side, screenshots of examples showcasing five for each side and a summary explaining the reason for the listed.

Due: Friday, January 26th

Specification sheet (pdf)