3513 Intro Web Design - F08

Final Presentation Days & Times

9:30 Section: Thursday, Dec. 11, 9:00 – 9:55 a.m.
11:00 Section: Tuesday, Dec. 9, 10:00 – 10:55 a.m.
Those who wish to re-take the mid-term exam may stay after class to do so. If you need to schedule a time later in the day, please e-mail me in advance.

Final Project Assignment

Final Project
There are three possible levels: C-level (to earn as much as a C-plus), B-level (to earn as much as a B-plus), and A-level (to earn as much as an A-plus).
Additionally, you may choose to re-take the mid-term exam as an opportunity for partially-improved exam credit.
C-Level Project: Create one (1) functioning web page, including the [...]

Assignment for Tuesday, Nov. 25

Your assignment for Tuesday, Nov. 25:
 

Complete the NETTUTS tutorial, “Build a Sleek Portfolio from Scratch,” down through THE END, or as much as is possible.
Bring at least one Photoshop mockup of a design that you could use for your final.

 
Turn in your folder with images, HTML and CSS files at the first of class.

Homework for Thursday, Nov. 20

Your assignment: to complete the NETTUTS tutorial, “Build a Sleek Portfolio from Scratch,” down through Step 9.
Turn in your folder with images, HTML and CSS files at the first of class.

Photoshop Homework for Tuesday, Nov. 18

Using Photoshop, complete the remainder of this tutorial from PSDTUTS:
Create a Sleek, High-End Web Design from Scratch

Photoshop Homework for Thursday, Nov. 13

Produce 6-10 photoshop files showing variations (in shape, color, gradients, etc.) on at least two or three of the following tutorial sections:

Creating a Simple Gradient, in the “Creating a Simple Gradient” in Creating Web 2.0 Effects
Create a Glossy Gradient, in the “Gradients” section in Web 2.0 Design Kit
Create Rounded Corners using Gaussian blur, in the [...]

Save on Adobe Software!

Oklahoma Wesleyan University students: take advantage of major savings on Adobe Creative Suite Software.

Assignment for Tuesday, Nov. 4 — ELECTION DAY

For Thursday, Nov. 4, complete pages 255-64, including:
Required

Liquid Positioned Two-Column Layout (255-59)
Liquid Positioned Three-Column Layout (259-64)

For each section, bring your folder containing the files showing your work to class.
EXTRA CREDIT

To really begin understanding what’s going on, you need to experiment and play around a bit. After following Collison’s steps, do another version where you mess [...]

Assignment for Thursday, October 30

For Thursday, October 30 complete pages 248-255, including:
Required

Liquid Float Left, Float Right (248-49)
Liquid Floated Three-Column Layout (250-55)

For each section, bring your folder containing the files showing your work to class.
EXTRA CREDIT

To really begin understanding what’s going on, you need to experiment and play around a bit. After following Collison’s steps, do another version where you [...]

Assignment for Tuesday, Oct. 28

For Tuesday, complete the remainder of Chapter 10, bringing your folder containing the files showing your work to class.
Since we covered up through page 220, this means you work through page 233.

Homework for Thursday, Oct. 23

It’s time to start requiring some photoshop skill-building.
For Thursday, October 23, pick one of the following options:
1. Turn in the photoshop file(s) and any optimized output images from at least one of the tutorials linked to the post, Style Your Site.
OR
2. Search to find and complete an equal or better tutorial of your choice, focused [...]

Mid-Term Exam Guide

Download your Guide for the Mid-Term Exam here. (It is a Word document.)
This exam has been moved to AFTER Fall Break: Tuesday, October 21.
Work along on the guide to the best of your ability. Much of it is from our prior Quiz. But of course there are three new chapters. Prior to those, there are [...]

Style Your Site

For those of you eager to start styling your websites with great Photoshop effects, here are three choice tutorials:

Create a Sleek, High-End Web Design from Scratch
A fantastic tutorial, with lots of carryover value. Design an entire site with elegance, simplicity, and beauty.
Web 2.0 Design Kit
How to create those little 2.0 touches: gradients, badges, and reflections.
Creating [...]

Chapter 7 Homework

Due Tuesday, Oct. 7, at the first of class.
Chapter 7 Homework
Bring the files demonstrating your attempt to complete the section, "Transforming a Navigation Bar with Links," from Collison, pages 139-44.
Place these files inside a folder named: yourlastname-ch07

Questions: Ch 6 Review, Ch 7 Part 1

Due Thursday, Oct. 2, at the first of class.
Chapter 6 Review & Chapter 7, Part 1

Ch. 6 Homework, Part 2

Due Tuesday, Sept. 30, at the first of class.
Same assignment as last week. Pick up where we left off in chapter 6, and spend two more hours, accomplishing as much as you can. (See the previous post for that assignment.) Bring your results to class with you. Do your best to save each accomplishment in [...]

Chapter 6 Homework Assignment

Due Thursday, Sept. 25, at the first of class.
Chapter 6 Homework Assignment
Okay, it’s time to do less writing and more coding. For this assignment:

Chapter 5, Part 2

Due Tuesday, Sept. 23, at the first of class.

Chapter 5, Part 1

Due Thursday, Sept. 18, at the first of class.

Quiz 2 Guide

Click here to download the guide as a Microsoft Word document.

Here is a PDF version.

Chapter 4 Reading Questions

Due Thursday, Sept. 11, at the first of class.

Chapter 3 Reading Questions

Due Tuesday, Sept. 9, at the first of class.
From your reading of Simon Collison, Beginning CSS Web Development, Chapter 3.

Reading Questions: Chapter 2

Due Thursday, Sept. 4, at the first of class.
From your reading of Simon Collison, Beginning CSS Web Development, Chapter 2.

Reading Notes: Introduction & Chapter 1

Due Tuesday, Sept. 2, at the first of class.
From your reading of Simon Collison, Beginning CSS Web Development.

Our online sandbox

http://okwustudents.net/introwebf08/

Preparation for Quiz #1: (X)HTML

For Quiz #1, to be taken at the first of the hour, Thursday, August 28:
Know the definitions for these terms:

tags
attributes
elements

Be able to sit down and code the following XHTML elements in class:

page title (in the head element)
paragraphs
emphasis (em and strong)
line breaks
headings
lists: unordered and ordered
links
images

To prepare, use the HTML Beginner Tutorial at HTML Dog.com.
For coding, download [...]