Process Book Check

REMINDER: Process books will be picked up Thursday, February 23rd.


Creating a Website

This will be our first practice in preparing and creating a website. There are a few steps associated with doing this and as such we will be working through them here.

Step 1: Sketch and Plan: To start our site we need to research some websites we are competing with (or like) to get an idea of what is happening currently with websites. Be sure to choose updated sites, or a site that is updated regularly to stay on top of trends and features they are utilizing.

Due: During class Thursday, February 16th. Will have about an hour to work on them in class before we go through them.

Specification sheet (pdf)

Step 2: Comps: Once settled on a design (or 2) we need to create composites for the client to see and decide on. This will include both digital and printed comps. The digital comps, done correctly, give us our files ready to go when we begin developing and a digital view for the client. For the digital view we place each exported comp into html to view them on the various devices. The printed comps are used to provide the client with something to hold, follow along with during our presentation, take notes on and to take back with them to aid in their decision making. For our timeline we will begin with the digital comps and then move to the printed comps.

Due: During class Tuesday, February 21st we will complete the mobile and tablet comps of your website.

Due: During class Thursday, February 23rd we will complete the Desktop and theme comps.

Due: During class Tuesday, February 28th we will complete the print ready files in InDesign.

Specification sheet (pdf)

Home page – CSS and BootStrap

Now that we have gotten some HTML created we are going to take it to the next level. This will include adding CSS and BootStrap to our page. This means we need to have some design thought put into it and style it accordingly. By utilizing BootStrap we will need to be sure it is visible and functional at all sizes (mobile and desktop). We will work on this in class Tuesday, February 7rd to finish up on and get it uploaded by the end of class Thursday, February 9th.

Specification sheet (pdf)

Home page – HTML

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 Thursday, February 3rd to finish and have uploaded by Tuesday, February 7th.

Specification sheet (pdf) -Certificates

Starting Tuesday, January 31st you will be  working to complete certificates about the materials we will be going over. Each certificate is worth 30 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:

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

CSS Fundamentals with James Williamson Time: 2h 51m.
Complete before class Thursday, February 9th.

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

Dreamweaver CC Essential Training with James Williamson Time: 8h 7m
Complete before class Tuesday, February 28th.

Responsive Web Design in the Browser with Morten Reand-Hendriksen Time: 1h 51m
Complete before class Tuesday, 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:


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: Tuesday, January 31st

Specification sheet (pdf)

Web Research

In order to understand where we are and what we use to determine what web design is and encompasses we need to look at the current websites and evaluate what we see. We will be doing this in three parts.

Part 1: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based ONLY on their desktop versions. DO NOT look at their mobile version!

Due: Thursday, January 19th

Part 2: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based ONLY on their mobile versions. DO NOT look at their desktop version!

Due: Tuesday, January 24th

Part 3: Using your own criteria we will find 5 websites (2 like, 2 dislike and 1 extra) and evaluate them based on their desktop and mobile versions.

Due: Thursday, January 26th

Specification sheet (pdf)