MAT165 Class Schedule:
Week One
THURSDAY, AUGUST 21st
Classwork:
- Review Syllabus/Attendance
- Introduction to Web Two -- the class expectations
- The History of the World Wide Web
- Review of basic HTML and CSS
Check out W3Schools
and HTML Dog - Blogging for class
- WordPress
- WordPress Support How to create your own Blog
Homework:
- Set up your blog and email me the url cfaulk@miracosta.edu
- Write your mini bio for Exercise 1 - bring to class next week
- Read DreamWeaver Classroom in a Book Ch 1-2
- Get the latest version of Firefox (recommended)
- Download the Web Developer Toolbar Extension for Firefox (recommended)
- CollegeSoftware.org (Special pricing on Adobe software for students)
Week Two
THURSDAY, AUGUST 28th
Classwork:
- HTML and CSS
- CSS Selectors, Properties, and Values
- Using Color
- Color Names
- Hex Codes (RGB)
- Color Schemer - Absolute and Relative Links
- Uploading to the school server via SFTP
Homework and Resources:
- Finish your page about you. Due on Thursday, September 4th.
- Review HTML and CSS
- My Website (MAT125 class)
- W3 Schools Tutorials - Find a Poem that is 5 to 25 lines long and bring to class next week
Week Three
THURSDAY, SEPTEMBER 4th
What's Due
- Exercise One is due at the beginning of class
- Bring your Poem that is 5 to 25 lines long
Classwork:
- Review a few examples of Exercise One
- File Content Management (work on the desktop while in class)
- Explore the DreamWeaver Interface
- Page Properties
- Formatting Text
- Using HTML for Structure and CSS for Formatting
- External style sheets
- Working with CSS
- Absolute and Relative Links
Homework:
- Write a short (one paragraph) bio of the author of the poem
- Write your reason for choosing this poem and your interpretation of its meaning
- Find images to use with your poem
- Read DreamWeaver Classroom in a Book, Chp 3-4 (recommended)
Week Four
THURSDAY, SEPTEMBER 11th
Classwork:
- Using Photoshop to create web graphics
- Optimize images for the Web
- Formats for Optimizing Web Graphics
- gif - use for graphics with solid blocks of color or photoshop animations (animated gifs)
- jpg - use for photos, smoother transition of colors, keeps more color information than a gif
- png - use for photos with transparencies or irregular shaped graphics - Working with images in DreamWeaver
- Images and text
- Image maps
- Images as buttons (hot links)
- Images as backgrounds
- Rollover Buttons
- Introduce Midterm Project • Client Information
Homework:
- Finish Exercise Two
- Start designing graphics for the Restaurant of your choice (3 to choose from)
- Read DreamWeaver Book Chp 9 (recommended)
Blog Topic for the Week: Finding Resources
Visit the Class Blog for information on this topic.
Possible points: 15
Week Five
THURSDAY, SEPTEMBER 18th
What's Due
- Exercise Two is due at the beginning of class
- Know the Restaurant you are using for Project One
Classwork:
- Working with Photoshop (see last weeks information)
- Choosing a Color Palette
- Working with Tables (tabular data - such as prices for restaurant items)
- Nesting Tables
- CSS Box Model
Homework:
- Choose a color palette, develop your restaurant theme
- Work on your restaurant logo/banner
- Read Chapters 5 & 8
- Read the Class Blog (Typography and Effective Web Design)
Week SIX
THURSDAY, SEPTEMBER 25th
Classwork:
- Working with the DreamWeaver Templates
- CSS Box Model
- Using CSS for Positioning
- Positioning Techniques: Static, Relative, Absolute, and Fixed
- Working with Float
- CSS Layouts vs Table Layouts
Homework:
- Design the master layout for your website
- Decide on fixed or elastic width pages
- How to break up your page: Banner • Navigation • Page Titles • Body Text • Footer Information - Read Chapter 6
Blog Topic for the Week: Typography and Effective Web Design
Visit the Class Blog for Links to this topic.
Possible points: 20
Week Seven
THURSDAY, OCTOBER 2nd
What's Due
- Project One Part One: Restaurant Logo Due
- Layout style chosen: Elastic or Fixed
Classwork:
- Using the DreamWeaver Templates
- Building a Page Using Floats
- Working with AP Divs
- Working With Tables
- CSS Rollovers with Lists
Homework:
- Work on Your Restaurant Template Layout
- Read the Class Blog for the Week
- Read Chapters 5/6 in the Book
Week Eight
THURSDAY, OCTOBER 9th
Classwork:
- CSS Rollovers with Lists
- CSS Image Replacement Techniques
- Creating your Page Template
- Working With Background Images
- Photoshop Slices
Homework:
- Finalize Your Page Template
- Write in Your Blog
- Find at least three images for Exercise Three
- Start thinking about what you want to do for your Final Project
Week Nine
THURSDAY, OCTOBER 16th
What's Due
- Your Template Page
- Photos for Exercise Three
Classwork:
- Using Photoshop to Create a Webpage
- Building Your Own Template Page
Homework:
- Work on Project One
- Think of your concept for Project Two
Week Ten
THURSDAY, OCTOBER 23rd
Work In Class Tonight:
Homework:
- Finalize Your Project One
- Write in Your Blog
- Work on Exercise Three
- Choose your Final Project, Create your Proposal
Week Eleven
THURSDAY, OCTOBER 30th
What's Due
- Project One Finalized Website is Due
- Proposal for Project Two
Classwork:
- Review a few Projects
- Working with Templates
- Exercise 3: Photoshop Interactive Interface
Homework:
- Finish Exercise 3
- Work on Project Two
Week Twelve
THURSDAY, NOVEMBER 6th
What's Due
- Exercise Three
- Layout for Project Two
Classwork:
- Review a few Projects
- Show/Hide AP Divs
- Spry Tools & Widgets
- Frames and IFrames
- Forcing a Scrollbar
- Work on Project Two
Homework:
- Work on Project Two
Week Thirteen
THURSDAY, NOVEMBER 13th
What's Due
- Progress on Project Two
Classwork:
- Review a few Projects
- Flash: Frames & Keyframes
- Flash: Timing and Frame Rate
- Flash: Slide Shows
Homework:
- Work on Project Two
- Write in your blog
Week Fourteen
THURSDAY, NOVEMBER 20th
Classwork:
- JQuery links
- Flash
Homework:
- Work on Project Two
- Work on Exercise Four
THANKSGIVING BREAK
NOVEMBER 27-30
Week Fifteen
THURSDAY, DECEMBER 4th
What's Due
- Exercise Four is Due
Classwork:
- Work on Project Two
Homework:
- Work on Project Two
- Work on your blog
FINAL
THURSDAY, DECEMBER 11th
- Final Project Due - Review All
*Schedule is tentative and can be changed on the discretion of teacher.