http://think.ingcreative.com/3523-exam3-thurs/

Here are your basic lists of tasks to prepare for the Final Exam:
Part 1: HTML

Begin with these files.
Unzip, open, and rename the folder to: yourlastname-exam3-part1
Open and edit the index-begin.html file. “Save as” and rename the file to: yourlastname-index.html
Consult this screenshot.
Create the HTML code to get the same results, including:

necessary tags and elements including: html, head, [...]

If you run into the need to tweak things to work right in Internet Explorer, one of the best and recommended methods is to use the IE conditional comment filter, which you insert into the head of the document.
To import a specific stylesheet for IE 7:
<!–[if IE 7]
<style type=”text/css”>
@import (“css/ie7.css”);
</style>
–>
To import a specific stylesheet for [...]

Due in class Thursday, April 23.
This design should incorporate the elements from Design 2 and the work we have done since then. Thus, the list of requirements now includes:

Design 3 Proposal and/or Mockup: Due Thursday, April 16
Submit either of the following:

A proposal for accomplishing a completion and perfection of a prior design. Steps must include: validate HTML and CSS, optimize for Internet Explorer 7 (which we will work together to do Thursday and Tuesday the 16th and 21st), having a fully functional form, [...]

Add a Favicon to your Website — About.com
Learn what a favicon is and the basic steps of how to do it.
Generate Your Favicon Online
A great, easy-to-use online favicon generator. Create it, download it, then upload it to your site.
Once it’s uploaded, display it by placing this link in the head of your HTML document:

<link rel=”shortcut [...]

CSS 3 Selectors That Work Right Now
Includes quick, easy examples of attribute selectors.
What is a CSS Attribute Selector? — About.com
Another basic overview of attribute selectors.
Cascading Style Sheets 2 Attribute Selectors — About.com
A list of the CSS2 attributes that work now, before CSS3 works. :)
CSS Selectors — About.com
A cool reference for all things CSS Selectors.
Cool use [...]

Incorporate these new skills to modify and upgrade your design 2. Bring the folder of your files with you to class on Thursday.

Using a special body class and stylesheet code, configure your site so that at least one page has a layout different than the other pages (such as one column instead of two).
Style all [...]

As I re-tool my plans to work around these case studies … no new assignment for Tuesday. Rather I hope to have something lined up to get your started on Tuesday that you can complete for homework for Thursday.
So come to class Tuesday ready to get a fresh start on tackling a few new tricks!
See [...]

We will use these files:
budd-cs1-begin.zip
From here, we will follow the steps in Budd, pages 188-216.
We will get rolling in class.
Your homework assignment for Tuesday will follow shortly.
Here is the complete version of the site, for you to compare.

To integrate this contact form into your own website, complete these steps. (We will do this together today in class.)

Due at the first of class Tuesday, March 31.
Use:

YOUR files from your Design Project #2
These files from this Web-Template1.ZIP I’ve provided.

Using your files from YOUR Design Project #2:

Copy and rename your folder of files: Yourlastname-Site-with-Form
Create an appropriately-named HTML file for each page your website should have (at least 4 pages, not more than 6). Typically [...]

In class today, we will begin with these files:
Forms-Day2.ZIP
Today we will:

Turn this into a multi-page website, with pages interlinked.
Highlight the current page using Body id’s, nav classes, and CSS (following Budd page 90).
Get you started doing the same thing with your design #2: implementing a form with styling and turning your design #2 into an [...]

Using these files — which are the same as the files we worked together on in class –

ZIP folder with our BASE HTML and CSS
Collison’s forms code snippets

Take Collison’s dictionary-list form code, insert it into the content area of contact.html (which we created together in class), and style it much like he suggests in Collison [...]

Today we will be working with forms.
Here is a ZIP folder with our BASE HTML and CSS.
Here is a ZIP folder with Collison’s forms code snippets.
Watch for the homework assignment for March 26, using these files.

Due Thursday, March 12
Requirements and instructions inside. (Click more, below.)

Here are your files for preparing for Exam 2 — which will be this Tuesday, March 10:
Download the Zipped folder of EXAM2 PRACTICE FILES.
NOTE: Inside you will find two folders, one marked BEGINNING, for your practice, and one marked, COMPLETE, for you to consult as you review and prepare.
Essential accomplishments for the exam:

Wrap the [...]

What we did in class today

Begin from these files.
Focus first on creating the main content area, with the rounded corner box and drop shadows around it.
Slice the mockup, so that you have a top image, a middle repeating image, and a bottom image. BE SURE to slice them so that you include all of the [...]

Assignment: Scan and note the contents of Budd Chapter 4.
Because I forgot to post them, you DO NOT need to bring a written answer to questions. Just come to class, with some awareness of the things that are contained in that chapter.

Bring answers to these questions from Budd Chapter 3, on a sheet of paper, with your name date, and Budd Chapter 3 at the top.
In two-three sentences (average), answer:

When would a flexible rounded-corner be useful? What additional image slices does this require?
How do mountaintop corners work?
How does the Easy CSS Drop Shadows method work?
Why is [...]

For quiz credit: Come prepared to demonstrate your ability to quickly create a three-column layout, using the approach Budd recommends: floating divs left and right, in sets of two at a time. (This is what we practiced together in class last week.) You will begin from these files. (You may use them to practice with!) [...]

Due at the first of class.
Bring either:

Three different 3-column layouts, using the method we worked on in class Thursday, Feb. 12. Bring each layout in its own folder, and these grouped together in a folder named Yourlastname-Feb17. (Everyone needs to conquer and be comfortable with creating 3-column layouts!)
The results, as a PSD file, of your [...]

For as much as a B on Today’s homework:

Review Budd, Chapter 2, for basic concepts of positioning, floats, and clears
Study Budd, Chapter 7, pages 133-41.
Using methods from Budd, Chapter 7, pages 133-41, build a fixed-width, 3-column floated layout, with the design centered in the browser window. Use background colors and borders to demarcate the columns.
Submit [...]

Here are some great examples of recent design trends and tutorials for keeping your skills sharp.
Web Design Trends

Web Design Trends for 2009 — Smashing Magazine Roundup
Textures In Modern Web Design — Smashing Magazine Roundup
More Web Design Trends For 2009 — Smashing Magazine Roundup

Web Design Photoshop Tutorials

Easily Achieve the LetterPress Effect in Photoshop — Tutorial
Letterpress Effect: [...]

Begin with the files located in this online folder. (You can grab them individually, or download the single large ZIP folder.)
Due Tuesday, Feb. 3
Bring to class your HTML, CSS, and image files demonstrating your own efforts to complete Collison, Chapter 16, pages 347-359.
Submit these within a single folder named: “YourLastName-Collison-Ch16-Day1″
Due Thursday, Feb. 5
Bring to class [...]

Due Thursday, Jan. 29, at the beginning of class.

Begin with one of your designs from your Intro to Web Design Final Project.
Place everything in one folder named: Yourlastname Design 1
Create a word-processor document, to keep a numbered list of the specific changes you make to your code and image files. Include your name, the course [...]

This will help you prepare for Exam 1.
**UPDATED Thursday, Jan. 15, 4:43 p.m.**
Begin with these files. You may refer to this cheatsheet.

Title the page: [Firstname Lastname]’s Exam 1
Create an H1 heading in the header div, reading the same as the title.
Create two columns in the main content section, a 500px-wide main column [...]

Check out our new Web Design Resources Page, which I’ll be building throughout the semester. It includes code snippets and other resources.

Hand in on paper, typed or written in your own words, a brief summary of 10 key ideas (5 for each chapter) from Andy Budd, CSS Mastery, Chapters 1-2.
Be sure to include your name, course name, and date in the top left.
Alternate assignment: If you don’t yet have the Andy Budd book, summarize 10 key [...]