Web Design 1 Assignments (subject to change)

All assignments and your personal web page must be saved to your network folder in order to be graded.  Assignments should be put it your personal folder.  Your site should be put in the folder named mysite.  Files you need for your assignments are in the folder named student_files.

http://www.javascriptkit.com/script/cutindex22.shtml

May 3

Dharma Yoga Responsive HTML and CSS Website Tutorial

OBJECTIVE: Use HTML5 and CSS3 to build a responsive website

April 28

Insert a javascript game

April 21

Unit 5 Module 3 Lesson 1: Reflections

April 20

Unit 5 Module 2 Lesson 6: Building a Custom Video Player

April 19

Quiz on Unit 5 Module 1 Lesson 1: Client-side vs. Server-side Scripting

April 14

Unit 5 Module 2 Lesson 2: Javascript Errors and Debugging

Unit 5 Module 2: Building a JavaScript Clock Part 1

Unit 5 Module 2: Building a JavaScript Clock Part 2

Unit 5 Module 2: Lesson 5: Using Javascript to Hide and Show Content

April 11

Unit 5 Module 2 Lesson 1: Using JavaScript to Show an Alert

April 10

Unit 5 Module 1 Lesson 1: Client-side vs. Server-side Scripting

Mar 31

Unit 4 Module 5 Lesson 1: Reflections

Mar 22

Create a banner and background image for your personal site.

Mar 8

Unit 4 Module 4 Lesson 1: Selection Tools

Unit 4 Module 4 Lesson 2: Layer Effects and Blending Overview

Lesson 3: Background Images

Mar 2

Make at least three icons and a favicon for your website

Feb 22

Unit 4 Module 3 Lesson 1: Basic Shapes and Colors

Unit 4 Module 3 Lesson 2: Working With Layers

Unit 4 Module 3 Lesson 3: Optimizing GIF Images

 

Unit 4 Module 3 Lesson 4: Creating a Favicon

Feb 13

UNIT 4 Module 2 Lesson 1: Understanding Web Graphics

UNIT 4 Module 2 Lesson 2: Acquiring Images for Web Graphics

UNIT 4 Module 2 Lesson 3: Cropping and Resizing

UNIT 4 Module 2 Lesson 4: Adding Images to Your Web Page

Feb 3

UNIT 3 Module 7 Lesson 1: Reflections

UNIT 4 Module 1 Lesson 1: Introduction to Web Graphics

UNIT 4 Module 1 Lesson 2: Copyright Law and Graphics on the Web

Jan 25

UNIT 3 Module 6: Page Layout Techniques

Jan 25

DUE: UNIT 3 Module 5: The Role of ID and Class in CSS

Jan 12

UNIT 3 Module 5: The Role of ID and Class in CSS

Jan 10

UNIT 3 Module 4: The Box Model in CSS

OBJECTIVE: Identify the difference between margin, border, and padding in CSS. Add margins, borders, and paddings to HTML elements using CSS.

UNIT 3 Module 4: The Box Model in CSS

You must make the recommended changes to the Accessibility page

UNIT 3 Module 4: The Box Model in CSS

Jan 4

Modify your personal site

Jan 4

UNIT 3 Module 3 Lessons 1-2: Typography in CSS

Go to University of Washington Web Development

OBJECTIVE: identify whether font families and define the typography of your site by setting the properties in CSS.

In lesson 2

Dec 19

UNIT 3 MODULE 2 Lesson 1: Understanding Color in CSS

Go to University of Washington Web Development

UNIT 3 MODULE 2 Lesson 2: Applying Color in CSS Overview

Dec 14

UNIT 3 Module 1: Introduction to Cascading Style Sheets

Dec 12

Insert a video into a new page IN YOUR SITE.

Dec 9

UNIT 2 MODULE 7 Lesson 1: Reflections

Dec 8

UNIT 2 Module 6: HTML Video Lessons 1-2

Dec 6

UNIT 2 MODULE 5 Lesson 1: Creating a Data table

Dec 5

UNIT 2: MODULE 4: Lessons 1-3: Creating Links

Dec 1

UNIT 2: MODULE 3: Lesson 1: Lists

OBJECTIVE: you will be able to create a list using HTML

Nov 30

UNIT 2 MODULE 2 Lesson 3: Common Tags

OBJECTIVE: use some common tags for adding content to a web page

Nov 28

University of Washington Web Development

OBJECTIVE: Create a blank HTML page with all of the essential tags in place

Nov 21

Progress Report

Nov 10

Changes to your site and menu

OBJECTIVE: Create CSS styles to modify appearance of web pages

Nov 2

Create a 6th page and update all pages

Oct 18

Add four classes to your stylesheet

Oct 12

Create an external stylesheet

Oct 7

Create a pictures page with nine images in a table.

Sep 30

Create a fourth page

Objective: Create pages using html and CSS.

Sep 27

sampleCreate a new background

Objective: Use PhotoShop to create a basic background to be used on a web page.

Sep 26

Objective: Utilize an FTP application to connect to and upload files to a webserver

Sep 19

Create another page

Objective: Create pages using html and CSS.

Sep 16

Add a background image to your existing pages

Sep 14

Add an image to your index page

Objective: Create pages using html and CSS.

Sep 7

DUE: Index Page

Create a links page

Objective: Create pages using html and CSS.

Aug 30-Sep 6

Notes on code for your home page

Start your own site

Build your index page in Brackets

Objective: Create pages using html and CSS.

Aug 29

Intro/Requirements

Syllabus: Take home and return it signed

Build your index page in Brackets