Session 8
Monday, Nov 10th, 2008
Classroom Session
Objectives
- Define CSS Hacks and their use
- Write CSS Hacks that target specific browsers to ensure cross-browser compatibility
- Define vector based and pixel (raster) based digital design programs
- Identify the work panes, canvas, tools, and file menu in Fireworks and Photoshop
- Create, manipulate, and delete new documents using Fireworks and Photoshop
- Style a list to make it horizontal
- Style a table to enhance its readability
Agenda
- Reminders
- Homework reminder
- Final Project Review/Questions
- Nov 24th - Classroom Session - Project Work Night
- Continued Digital Design
- Photoshop
- Patterns
- Brushes
- Photoshop
- CSS Hacks
- Examples
- Classic CSS Solutions
- Making a horizontal navigation
- Styling a table
Homework
Item 1
Review the connecting Assignments.
Item 2
Create 5 multiple choice exam questions that could be asked of students regarding the content discussed in the session 1 presentation. Mark up the questions in HTML and be sure the HTML validates.
Due: September 22nd, 2008
Write your HTML like this
<div class="question">
<p>What type of animal is Mr. Brown's pet named Maggie?</p>
<ol>
<li>Cat</li>
<li class="c">Dog</li>
<li>Mouse</li>
<li>Fish</li>
</ol>
</div>
It will render like this
What type of animal is Mr. Brown's pet named Maggie?
- Cat
- Dog
- Mouse
- Fish
See the sample
How do you want it?
I only want the questions, not any extra markup (do not send me the entire website). Save the questions in a text file, using notepad, and email to me as an attachment ( jeffrey[dot]todd[dot]brown[at]gmail[dot]com )
Connecting Assignments
- There are no assignments that connect directly with tonights material. However, CSS Hacks, Digital Imaging, and styling a list and table are items that will enhance your knowledge and prepare you for the students questions.
Gimme, Gimme
- CSS Links
- Styling Lists
- CPD Archive (See top of page on right) - Thank you Tobias!