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:
RequiredLiquid 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 CREDITTo 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:
RequiredLiquid 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 CREDITTo 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
elementsBe 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
imagesTo prepare, use the HTML Beginner Tutorial at HTML Dog.com.
For coding, download [...]

