HTML - Level 3

CS-50.11C, section 8412, Summer 2010

presented by Muiz Brinkerhoff

email is the BEST way to contact me - classes@insideSkills.com

Please Complete Each of the Preliminary Steps ASAP

Welcome to HTML-3 (sometimes known as CSS Boot Camp)

Here you are in the 3rd of the Creating Web Pages with XHTML & CSS classes (CS-50.11C, aka HTML-3, aka CSS) which focuses completely on CSS. Obviously the introductory CSS presented in the first two classes didn't scare you off. If you're at all committed to learning CSS well enough to be able to work with it regularly and efficienty, this course will set you firmly on your journey to mastery.

This Start Here page presents the information and details about the variety of things you need to know and the Preliminary Steps you need to accomplish, by Wednesday and Friday Midnight, in order to get started on this course, and to complete the assignments for Lessons 1 and 2, by BEFORE midnite, Mon 21 Jun 2010.

Don't Skim - Read Each Section Carefully

Please read every section carefully and completely, and take care of the Preliminary Steps immediately, rather than waiting until later in the week to come back to them. None of your assignments from each Lesson can be submitted until these Preliminary Steps are completed.

Once you've completed the Preliminary Steps, you're prepared and ready to begin the actual course work without having to pause or backtrack, plus if you take care of them before the posted deadline, you'll earn full points for them.

Reviewing and Going Beyond

In this 3rd course, you'll revisit everything you learned about CSS in HTML-1 and HTML-2, to reinforce your learnings and experience, and you'll also go farther, learning about more complex CSS descendant selectors (also known as contextual selectors since they style elements only when those elements appear in a particular context), for example: First-Child, First-Line, Adjacent Sibling, and so on.

You'll also review and go farther with Multi-column Page Layouts, styling Tables and Forms, and finally some rather fancy <ul> ist-based Navigation Menus, both horizontal and vertical, with CSS controlled rollovers, with drop-down, and pop-out, 2nd- and 3rd-level menu choices.

Class Project: Converting an Old-Style Page

In addition to working through the assignments connected with each lesson, your ongoing, evolving Class Project will be to convert a certain old-style HTML 4.0 page (which uses extensive javaScript code to create image based, rollover navigation buttons, and a series of nested tables that produce the multi-column page layout) to a "current style" valid XTHML page, that has no javaScript rollover code, no image graphics nav buttons, no table code, and all appearance and layout of the mutli-columns and the nav menus controlled from the external CSS style sheet.

back to top

Instructor's email and
Required Subject Line Prefix for ALL Messages

Because I regularly receive a lot of email, and because only a portion of it is College and Class related, I require a particular type of Subject line for each and every email that you send to me as a student registered in a class that I'm teaching.

Email: classes@insideskills.com
SUBJECT LINE: MUST always begin with CS-50.11C, and MUST always be followed by a descriptive phrase that indicates what the email is about.

I receive from 50 to 75 emails, almost every day, and furing a semester, I scan through the list of new message Subject lines looking for those messages which have Subjects beginning with the Course Number Prefix of the classes I'm teaching, so that I can identify class related emails and respond to them in a timely fashion.

Class related email is almost always responded to within 24 hours. However, in order to do this, I must be able to identify new mail as class related.

When I'm busy, non-class related emails may sit in my Inbox for several days, or even a week, before I have the time to get back to them, which is why it is crucial for you to follow the policy about the Subject Line prefix for ALL emails sent to me.

If your message Subject line is missing the Required Prefix (CS-50.11C), as far as I'm concerned it is NOT class related, and doesn't need to be read or responded to right away.

back to top

How Does an Online Class Work?

The course content is the same as if you were in a traditional face-to-face class that meets in a classroom, in a building, on the Santa Rosa, or the Petaluma campus.

The main differences from a traditional class are:

• You never physically enter a classroom with other students and the instructor.
  • All communication with the instructor and other students is online
  • AND I can be available by phone, and in unusual cases in person, if necessary.
• You take personal responsibility for:
  • reading the assigned material from the textbook(s)
    • these materials need to be ACTUALLY read, carefully and completely, rather than just being glanced at, or skimmed
  • TAKING NOTES as you read the materials, writing down the important points and highlights, new CSS properties and values, new approaches, or upgrades to the evolving Class Projecct Page, and why the changes are being made, and so on
  • ACTUALLY reproducing all of the XTHML & CSS code presented in each chapter of the text
    • reproducing the XHTML and CSS code examples demonstrated in each chapter, by typing them into your code editor, and then viewing the page in a browser, rather than simply looking at the code, is a VERY effective strategy for helping you learn, and it will DEFINITELY make it easier for you to complete your assignments.
  • REGULARLY reading and responding to any class email (ie at least 3 times a week)
  • knowing when assignments are due
    • deadlines are clearly displayed on the Assignments Calendar page,
    • as well as at the top of each Lesson and Assignments page
  • completing the assignments, and submitting them on time, in the correct manner
    • assignments are always "turned in" online
    • submissions are ALWAYS by posting a reply to a "My Assignment is Ready for Grading" topic in the class Discussion Forum, and very often accompanied by uploading a page or pages to your web account, or making changes to pages previously uploaded
    • if you don't post the reply in the Forum, your assignment has not been officially submitted, and I won't go looking for it
  • checking the online gradebook to make sure that your assignment scores have been recorded correctly
• You're in charge of your work schedule each week, HOWEVER
  • This course is NOT self-paced
  • Assignments are due EACH week by the published deadline
  • If you miss the deadline, points are usually deducted
  • Without prior approval assignments more than 1 week late are NOT accepted
  • You need to budget your time so that you can keep moving forward in sync with the Assignments Calendar

The similarities with a traditional class are...

• There is homework, due at a specific time each week.
• Grades are based on how well you complete the assignments

back to top

Preliminary Step 1. Check-In

Deadline for completing this PRELIMINARY step is

BEFORE midnite, Wed 16 Jun 2010
Late Submission = Being Dropped as a No Show!

A crucial part of beginning an online course is "checking in". In a traditional classroom you simply respond verbally when the teacher calls roll. Online it's a little more complex. To check in to this course you must fill out an online form.

If you have not yet checked in to this class section, please use the link below to fill out and submit the official Check In form:

https://online.santarosa.edu/cgi-bin/autocate/student/checkin.cgi?11456

Check In Requests MUST Be Approved By Instructor

Please NOTE: I MUST approve your Check In before your username and password will work. When I approve it, the system will generate an automated confirmation email which is sent out to you immediately. Once you receive this confirmation email, you will know that your Check In is complete.

I normally approve Check In requests every morning, and if I happen to be at the computer later in the day, I will approve them as they come in, but please give me 48 hours to approve your check in.

If You Don't Receive Your Confirmation

DO NOT WAIT for a whole week for your confirmation email, assuming that it may take a long time to get to you. It should arrive withing minutes of submitting your Check In.

First check your Junk/Spam/Graymail email box. Sometimes certain email systems automatically direct the confirmation messages to Junk/Graymail, rather than to your Inbox.

If AFTER 48 HOURS, you still haven't received your confirmation, please contact me immediately, via email, to let me know WHEN you submitted the Check In.

If you do nothing, when you haven't received your confirmation, you may not really be Checked In, and if that's the case, you WILL be dropped as a No Show.

So stay alert and watch for the confirmation email.

Why Should I Bother with Checking In at All?

Use this link to read more about the Check In on the FAQ page.

Write Down Your CATE Username and Password in a Safe Place

Make CERTAIN that you WRITE DOWN your CATE username and password which you create during Check In, and indicate that it is for accessing the CATE online Exams, and Gradebook. Once you get used to using it, and once you can keep it separate from your Class Discussion Forum username and password, and the username and password for SFTP access to your web account at student (see below), you can destroy the written copy.

Each semester in the HTML and CSS courses, there is at least one student, and sometimes a handful, who about halfway through the course will post a comment in the forum very similar to the one below:

I wish I had taken Muiz' advice right at the beginning of the course, about writing down the 3 sets of usernames and passwords. When I first read the suggestion, I thought "Why should I do that? I'm an intelligent person. I can easily remember a couple of usernames and passwords!" I naively thought that his advice didn't apply to me, that I wouldn't need any help in remembering them, and where each set was used, but I was wrong!!! I wasted a whole lot of time being unable to login to one area or another, because I kept using the wrong pair, in the wrong place.

BE AWARE: Checking In is one of your assignments due BEFORE midnite, Wed 16 Jun 2010. Why not complete this step right now, and then come back to this page to continue reading? You can use the Check In URL link above or this Check In link here.

back to top

Preliminary Steps 2. and 3.
Register for the Discussion Forum
(Wait for My Approval)
and Post a Confirmation Reply

Deadline for completing this PRELIMINARY step is

BEFORE midnite, Fri 18 Jun 2010
Late Submission = 50% Credit

Already Have a Forum Username?

If you just went through either HTML-1, or HTML-2, with me, in the Spring, you can use the Forum account which you created for that class.

Login now to confirm that you remember the username and password, or send me an email indicating that you've forgotten the username, or to request that I reset your password.

We'll be using a Class Discussion Forum for a variety of things:

—Asking Questions, and Requesting Help with Course Material:

It is a more efficient use of everyone's time to have ALL course related questions, which aren't asked during the weekly class and lab sessions, to be asked via posting a Topic in the Forum, and having the answer posted there too as a Reply, so that everyone can read both the question and the answer, and benefit by them, rather than having a series of individual emails sent to me, often with the same question or situation, which I then have to answer individually.

In order for this system to work well, everyone needs to look through the already asked and answered questions FIRST, to see if your question/situation has already been dealt with, BEFORE creating a new Topic.

—Turning In (Submitting) Assignments

You'll also be using the Forum to "turn in" your assignments EVERY week by posting weekly Replies to the appropriate Lesson Topic "My Assignments Are Ready For Grading".

This is the only way that I know your assignments are finished and ready to be scored. If you don't submit this required reply you have NOT submitted your assignment — even if you have uploaded pages or made the required changes to your site.

I will not go looking for your assignments if you don't post the submission reply.

Reply NOT posted in the Forum = Assignment NOT turned in.

—Sharing Resources, Tips, and Tricks

The final thing you can use the forum for is to share Tips, Tricks, and Resources. If you find a resource website, an article, a book, a software application, or any other resource or piece of information that you find useful or helpful for creating web pages, or understanding XHTML and CSS better, and want to share it with the rest of your classmates, you can create a Topic in the Resources sub-forum. You can also look through the postings in this area to see if anything posted by others might be useful to you.

Please make the Topic Subject descriptive, specific, and useful, so that one doesn't need to open the topic to see if what it is actually about.

back to top

Forum Registration is Required

The Forum is a private forum, open only to students taking my classes, therefore you must register a username and create a password to access it.

Somewhat like the Check In, I MUST approve your username before you'll be able to login. Once I approve it, you'll be sent an automated confirmation message, and then will be able to login.

Also like the Check Ins I'll approve Forum registration requests every morning, and at other times during the day, if I'm at the computer. Please give me 48 hours to approve your registration.

If You Don't Receive Your Confirmation

IF YOU HAVEN'T RECEIVED THE CONFIRMATION EMAIL AFTER 48 HOURS, please do 2 things: first, check your Junk Mail, Spam, GrayMail box to see if your email program put the activation message there rather than delivering it to your Inbox; and then, if it is NOT there, contact me immediately to let me know about it.

DON'T wait MORE THAN 48 HOURS, assuming that the "system might be busy", or that it might take some time for the email to arrive. You should receive the confirmation message within minutes of it being sent.

Forum Usernames Must Be First + Last Name:

In order to be able to identify who you are, and that you are actually a student registered in this class, as well as being able to know who has posted which topics and replies, so that we all can know who we're communicating with, the username you register MUST be your FULL NAME (first name, a space, and last name).

I won't approve other types of usernames.

Generally well known nicknames or shortened versions like Liz or Betty for Elizabeth, Mike for Michael, Nikki for Nicole or Nicolette, Bill for William, and so on, are fine as long as your surname is included too, HOWEVER RPG character names, screen names, avatar names, or any other type of username that isn't immediately connectable to your name as it appears on the roster are NOT ok, because I won't be able to tell which student the name belongs to. Also if you've registered for the class using one last name, and are currently using a different one, you MUST let me know, again because I have no way of knowing that the two names refer to the same student.

This is all very boring, and not at all creative, I know, but for the above reasons and because I have to give points for certain postings and don't want to have to consult a login names translation list, it needs to be this way to keep my job as simple and as easy as possible.

Write Down Your Forum Username and Password,
and Identify Where It is Used

Make CERTAIN that you WRITE DOWN the username and password pair that you create, and indicate that it is for the Class Discussion Forum, here at insideskills.com/classes. Once you get used to it, and can keep it separate in your mind from your CATE online Gradebook username and password, and from the username and password you use to upload files to your web account at student, you can destroy the written copy.

Post Your Confirmation Reply

Once you receive the email indicating that your Forum Registration has been approved by me -- the email Subject line will say "Account Activated" -- then post a reply to the HTML-3 Forum, Assignments for Credit sub-forum, Prelim Steps sub-forum, "I'm Logged In and Can Post" topic. See the Step by Step instructions below.

BE CAREFUL:

There are 2 forums active this summer, one for this HTML-3 class, and another for the HTML-1 class. Make certain that you enter the correct forum.

If you went through the a class with me during the Spring Semester, you should use the Forum username and password you used for that class, rather than trying to create another one.

Step by Step Instructions for Forum Registration

for registering for the Forum, and following up, can be found on the Preliminary Steps Instructions page -- Steps 2 and 3. Please take care of this step right now.

back to top

Preliminary Step 4.
(or Prelim 4 - 7. for NEW Accounts)
Verify and Confirm Access to
Your Web Account at student

Deadline for completing this PRELIMINARY step is

BEFORE midnite, Fri 18 Jun 2010
Late Submission = 50% Credit

Because this class has CS-50.11B (the HTML-2 Class) as a pre-requisite, the assumption is being made that you:

• have already created an account at the SRJC Student Web Server and Email Account system, called student (student.santarosa.edu);
• have previously used SSH to login and run the "sudo wwwme" step to prepare your account for web pages;
• and know your username and password so that you can login to your account with Secure FTP (SFTP) software in order to upload pages

I Do Have an Account, and Can Login

I suggest First that you test that you can still upload a page to your account, and Next that you use your browser to view the uploaded page, from your remote account, and NOT from your local disk -- ie make certain that the URL in the browser begins with http://student.santarosa.edu, and NOT with file:// ) -- in order to verify that the page is viewable from your account, and not just from your local disk on your computer.

If you CAN view the page you just uploaded, you can delete it, and then jump ahead to the Preliminary Steps page Prelim Step 7, where you can confirm your readiness by posting a reply in the Forum.

Then return here to the Start Here page, and continue reading.

I Don't Have an Account at student or Can't Login

If, for whatever reason, you don't have an account at student, or if you can't remember your username or password, or otherwise aren't able to upload pages with SFTP, you will need to create one and configure it for using web pages.

Step by Step Instructions for your student Account

Please follow the Step By Step Instructions on the Preliminary Steps Instructions page right away, so that you can get yourself up to speed ASAP. The process is a bit complex if you've never gone through it before.

Then come back here and continue.

Having Difficulty with Getting Your Account Configured?

Resource:

If you have difficulty with the various steps for creating and configuring a new account at student, you can refer to the appropriate sections of the resource DVD, "Lesson 1: Begin", sections "Request a Student Account" through "Use Fugu [mac]".

Still Stuck?

If you're still having difficulty, please contact me ASAP so that I can help you get beyond the difficulty. You cannot move forward with Lesson 1 and 2 UNTIL this step is completed. Don't delay, don't wait until later in the week. Get it sorted right away so that you aren't wasting time.

For Everyone

Write Down Your student Username and Password in a Safe Place

Once again, I recommend that you write down your student username and password and indicate that it is for accessing your student web account (at student.santarosa.edu) with SFTP.

Once you're comfortable using the 3 different sets of usernames and passwords: for the CATE Gradebook (online.santarosa.edu), for the Class Discussion Forum (insideskills.com/classes), and for SFTP access to your student account (student.santarosa.edu) — then you can destroy the written copy.

Each semester in the HTML and CSS courses, there is at least one student, and sometimes a handful, who about halfway through the course will post a comment in the forum very similar to the one below:

I wish I had taken Muiz' advice right at the beginning of the course, about writing down the 3 sets of usernames and passwords. When I first read the suggestion, I thought that it didn't apply to me, that I wouldn't need any help in remembering them, and where to use them, but I was wrong, and I wasted a whole lot of time being unable to login to one area or another, because I kept using the wrong set in the wrong place.

BE AWARE: Confirming your ability to access your web account, being able to upload web pages, AND being able to view them in a browser, is one of your assignments due by Friday of this first week (). Why not complete this step right now?

Re/Organizing Existing Files

If you have used, or are using, your student account for other classes, you need to MAKE CERTAIN that all of the files you upload for THIS class are in their own separate folder, inside of public_html/, called something appropriate like html3/ or css/. You CANNOT mix the files from different classes, or different projects in the same folder.

If your files from the other class have all been uploaded directly to the public_html/ folder, you can either create a separate folder for that class, and move all of the existing files into it, so that there is nothing directly inside of public_html/ except folders for your various classes and projects ... or simply create an html3/ or css/ folder (inside of public_html/) for this class and leave the other files in the root folder of public_html/ -- remembering to upload this classes's files into the html3/ folder.

40MB Storage Limit for student Accounts

If you don't need the existing files, from a previous class or classes, you can always delete them to free up the space. Accounts at student have a file storage limit of 40MB, so you probably won't be able to keep a lot of old, unused files there.

BE AWARE that if you exceed the 40MB storage limit, you will lose the ability to upload any more files. It will look like you have uploaded -- your SFTP program will probably not give you an error message -- but the file or files will not be there when you try to access them. The solution is to delete all of the files that you are not actively using.

Also, NEVER upload Photoshop format files (.psd), or any other graphic formats -- ONLY .gif, .jpg, and possibly .png, since browsers can't display the other formats. Those other files just take up storage space without being useful in any way.

back to top

This Completes The Preliminary Steps

If you've successfully completed the above Preliminary Steps, you're now ready to read the rest of the important information presented at this Start Here page, familiarizing yourself with the class website, the other info here, and then following the steps in the Where Next section at the bottom of this page.

back to top

Navigating Through the Class Website

Here is an overview of the layout of this site:

• Home - the top/introductory page for this class section website
• Start Here - the page you are on right now
• Syllabus - class policies & other very important info (Read it carefully and completely)
• Assignments - homework calendar, and links to assignment details for each lesson
• FAQ - Answers to, and more details about, frequently asked questions
• Resources - a recap of all of the Resource links, by lesson
• Grades - a link to the online gradebook (located at CATE online.santarosa.edu)
• Forum - a link to the Class Discussion Forum (located at InsideSkills.com/classes)
• Discounts - a page with links for discounted Educational Pricing on popular software
• Instructor - a link to the instructor's homepage here at InsideSkills.com/classes

There are navigation tabs at the top right of every page in this site, and also a set of text navigation links at the very bottom of every page.

You will find what is necessary to complete weekly assignments, and links to many terrific Web resources, in the weekly lessons and on the Resources page. Also included are links to samples of work done by previous students as well as work done by others out there in the world.

Take a Tour of the Website

One of the most important pages at this class website is the Start Here page (where you are right now), as this page contains crucial orientation information and preliminary steps that MUST be completed BEFORE you start on the Lesson 01 Assignments, but the other pages are important too.

Set aside 30 minutes or so, take care of the 4 Preliminary Steps listed above (Check In, Forum Registration, Forum Registration Confirmation Reply, Forum Confirmation of student Account Access), and then begin to explore this class website, looking at every page, so that you're very clear what is on each page, and where the various pieces of info or resources you'll need during the course are located.

Taking this time now will save double or even triple the amount later on, and avoid your floundering around the site trying to find a piece of info that you need.

Once again, I repeat, this Start Here page, the Syllabus page, and the Lesson 01 page contain vital information regarding preliminary start up steps, 3 assignments that are due mid-week, class policies, grading, and lab facilities, and the step by step instructions for your assignments, so please read them all, carefully and completely.

If You Encounter a Broken Link

Within the class website

If you come across a broken llnk on a page at THIS class website, please let me know about it immediately. Please ALWAYS provide the following 3 important details ...

• the name of the page in the class site where you found the link,
• the relative location on the page (top, bottom, near the middle, in section such-and-such, etc),
• AND the text of the link as you see it on the page.

With these 3 pieces of concrete info, I'll be able to go directly to bad link, and not waste time searching around for it. Believe me, I have not memorized the text and location of every link in this site.

On pages external to this class website

Since I have no control over the external pages that the Resource links point to, there is only so much that I can do if a link to an external site which was working, suddenly comes up broken.

What YOU can do, as soon as you discover that an external link is broken, is to do an internet search for the name of the site, title of the article and possibly the author's name, etc. You may be able to find the NEW location of the page. If you are successful in finding the new location of the page, please report BOTH the broken link (providing the same 3 important details as for an internal broken link) AND the NEW URL. That way I can simply adjust the broken link to point to the page's new location.

If you're unable to find a new location, report the situation to me. At times in the past I've been successful in finding the new location of the page, and once or twice I've contacted the author of the article and have been given the new location quickly enough for it to be of use during the lesson.

If a new location for an resource can't be found, then I'll remove the link and try and find a replacement.

back to top

The Class Week,
When Homework is Due,
How it is Submitted

Class Week

The Class Week runs from Tuesday 12 am (midnight) through the following Monday, 11:59:59 pm.

Because there is a lot of work to accomplish for each lesson, and because the summer version of this course moves at twice the pace of the spring and fall versions, I recommend getting started on each lesson early in the week, and to set aside 2 or even 3 separate work sessions, so that you have sufficient time to get all of the steps and tasks accomplished without attempting to rush through them, and so that there is time to ask for and receive help if you need it.

If you wait until the evening of the deadline day to begin working, you will almost certainly not be able to finish before the deadline, and your assignment will be late.

Assignment Deadlines

All assignments from any particular class week are generally due at the end of that class week, unless otherwise noted. Each assignment has a specific posted deadline, clearly displayed on the Assignments Calendar Page, and also on the Assignment Details page for that particular lesson.

Assignment Submissions

Assignments are submitted for grading by posting a reply to the appropriate "My Assignment is Ready for Grading" topic, in the appropriate forum and sub-forum.

Submission replies must be posted before the assignment deadlines to receive full, on-time credit for the assignments. (see Syllabus and FAQ pages for more details on class policies connected to assignments and grades, and for accessing the Forum.)

Late submissions

Assignment submission replies that are posted to the Forum after the published deadlines are late, and are subject to a late penalty deduction equal to 20% of the total points available for the assignment.

In special circumstances a Deadline Extension which waives the late penalty, can be requested, and the extension MUST be requested and approved, BEFORE the published on-time deadline. Waiting until after the regular deadline has passed won't work.

Deadline Extensions to avoid the late penalty can be used ONLY twice during the course of the class.

ONLY 2 Assignments may be submitted late, during the course of the class, whether or not you request a Deadline Extension. After the 2 late submissions, any further late submission will receive No Credit. If your life and schedule are so busy that you have to submit more than 2 assignments late, you may be too busy to be taking the class at this point, and should consider dropping it, and re-taking it later when you have more time for it.

No Credit for Submissions More Than 1 Week Late

Without prior approval, assignments submitted more than 1 week late are not accepted for credit.

The fact that you can submit an assignment late doesn't mean that you should wait until the last minute to do your work. In fact, the students who do the best in this class start their assigments early in the week, and give themselves plenty of time to work on them without rushing.

So, I repeat: DON'T WAIT until the evening of the deadline to begin working on your assignments. You WILL NOT have enough time to finish them before the deadline.

Classmate Assignments and Web Pages are Visible to the Class

The URLs to everyone's assignment pages and Class Project Website will be posted in the Discussion Forum, where they can be viewed by everyone in the class, as well as any assignments that are posted there, as Replies to Topics. The purpose for this is to give everyone the added support of seeing how other students are approaching the assignments, and to be a source of ideas for things you might do with your own site.

back to top

Which Browser Should I Use
to View This Website and the Pages I Create?

For this CSS class, Firefox (verson 3) is the required browser to use for viewing your pages, until AFTER the Midterm Exam. You may also view your pages in other browsers before that point, such as Safari, Opera, Internet Explorer, and so on, BUT you MUST create your pages to look the way they should in Firefox, and you don't need to worry about differences that might crop up in other browers.

The reason behind this, is that not every browser renders a page exactly the same as other browsers, and that older versions of certain browsers, particularly IE (Internet Explorer) were very quirky and problematic in rendering the layout of pages correctly. In order to minimize the time spent fiddling around with CSS code while you're learning and gaining a good understanding of the CSS basics, and to let you concentrate on learning CSS according to the CSS Standard, and not get sidetracked into issues related to particular browsers and browser versions, for the first 5 lessons, just use Firefox.

Ultimately Cascading Style Sheets (CSS) will control all page layout and appearance. Differences in how CSS styles are rendered by the different browsers, and the different versions of a particular browser, can sometimes be quite extreme.

Over the years, Firefox has reliably been the most compliant in renderng the XHTML and CSS Standards, (as defined by W3C, The World Wide Web Consortium), and Miscrosoft Internet Explorer the least compliant and most quirky, over the most versions -- often requiring some arcane work-arounds and/or outright hacks to make it display complex page layouts and styles correctly. IE v7 and v8 comply with the Standards much more completely than prior versions, but there are still some problems.

Therefore, we use Firefox as the PRIMARY browser for all 3 of the HTML classes (A, B, and C).

After the MidTerm, you'll be comparing the appearance of your pages in several browsers, and will learn a variety of work arounds and hacks that will make older versions of IE display the CSS code more like the other browser do.

When you get to working with 2-column page layouts, and using the Float and Absolute properties, you may notice some extreme differences between IE and the other browsers.

This site was designed for best viewing in Firefox 3, at 1024x768 resolution.

back to top

What If I Can't Access the Class Materials?

It will be almost impossible for you to do your assignments if you can't see and read the Lesson materials and assignment instructions. Because this is a class about creating web pages, here's what we assume:

From Your End

You MUST have regular, ongoing access to a reliable computer and a reliable internet connection, and you need to check your email at least 3 times a week, if not every day.

If your monitor dies or your hard drive crashes (hopefully you will have at least one backup copy of the files you're using for the class, if not a 2nd backup copy); if your modem or service provider or wireless network is flakey or cranky or intermittently undependable; if you can only connect to the internet occasionally; or if you need to depend on someone else's schedule to be able to use their computer, you MUST have a back-up plan, or you may need to re-think your situation.

Regular and reliable access to a computer and the internet is required. In addition, having sufficient time to devote to the reading, study, practice, and assignments is also a requirement.

Not being able to access a computer or the internet, or not having enough time, are generally NOT valid excuses for submitting your assignments late.

In certain unusual circumstances I may make some allowances, but if your inability to participate regularly and complete your assignments on time persists for too long, I may recommend that you drop the class and re-take it at a time when your situation is different.

As an enrolled student, you have access to both the Santa Rosa and the Petaluma computer labs, and can use them any time they are open. (see the Computer Labs section of the Syllabus page)

It is your responsibility to check your email AND the Annoucements section of the class website Home page, regularly, and to complete your assignments by the due dates...if you are unable to do this from home or work, you MUST make time to come in to one of the campus Computer Labs and do your work there, or if you are taking the class from out of the area, or if the open times for the labs don't suit your schedule, you MUST arrange to visit an internet cafe or a public library, or some other location that povides access to computers and the internet.

From Our End

You will find everything you need to successfully complete the class in your textbook(s) and at this class Web site. The web server that hosts this website (hostmonster.com) is very stable and relatively fast, with excellent 24/7 technical support.

However... as with any web site there may be a time when the server goes down, or when there is some problem with the phone lines, or with intermediate severs on the net between you and this server that interferes with your ability to get to the class Web site.

Unfortunately, this can happen when it's least convenient for you, and although I will do my best to remedy the unlikely situation if it occurs, I strongly advise you to PLAN AHEAD, start working on your assignments EARLY, keep up with the pace of the course, and NEVER count on being able to complete all of your assignments on the last day of the deadline.

back to top

Being Clear About My Expectations
For You as a Student

Be aware that while I'm personally very easy going, and accommodating, have a great sense of humor, and laugh a lot -- at the same time, I come to teaching from a long-term background in the business world, and I have a very good idea of what future employers and clients will expect of you, when you work for them, in terms of the technical knowledge and skills, and the personal work habits needed to provide them with the products and services they're purchasing from you, by the deadlines they set.

I want to encourage and support you in learing HTML, XHTML, and CSS so that you can create great websites that are a credit to your reputation as a web designer.

College Course for Transferrable Credit

Combined with this desire is the very clear understanding that this is a college course, for transferable college credit, rather than a high school class or a personal enrichment seminar, so I have a responsibility to maintain firm boundaries around the class policies, to hold students to high standards of academic excellence, and to expect a certain level of rigor from them.

You Call Me Picky as if That's a Bad Thing

Some students have commented in the past, that I was 'picky', but when a single missing semi-colon, or a closing double quote, a misplaced hyphen, or using a lower case character when it should be UPPER case, can prevent a set of styles from being applied to every page in the site, then 'picky' becomes a very good and necessary thing, and a quality which you want to develop within yourself.

Learning the code syntax, and then getting your XHTML code to validate without any errors, and your CSS code to format the layout of your page, so that it looks the way it should look, is not easy, and cannot be done without your being willing to devote the appropriate amount of time each week, to reading, studying, and practice -- in other words some hard work and real effort, on your part.

Time Committment

In the regular, spring and fall versions of this course, which take 17 weeks, very similar to the work load for the HTML-1 and -2 courses, one can expect to spend 6 - 10 hours each week doing the reading, study, practice, and assignments.

Because the summer version is acclerated and compressed, you will cover the same material in only 8 weeks, which means making 12 - 20 hours each week available. In order to be successful, you will need to pace yourself, budget your time wisely, and start the work for each week EARLY. If you wait until the evening of the assignment deadlines to begin the work for that week, you almost certainly will NOT have enough time to complete your assignments, and there will also be no time to request help if you get stuck.

NOTE: I turn off my computer and am offline around 4pm on Mondays, for dinner and an ongoing Monday evening commitment, so any requests for deadline extensions or help will not be seen until the following day, well after the Monday midnight deadlines.

My recommendation is to do a reality/practicality check over the weekend -- if it looks AT ALL POSSIBLE that you might not be able to get everything finished by Monday midnight, go ahead and request a deadline extension, so there is time for me to see it and respond.

If it turns out you don't need it, you don't have to use it, but the very act of looking ahead is good practice for working with clients, and will also help you to get better at managing and budgeting your time.

Be kind to yourself -- Don't set yourself up for crashing and burning! Arrange your schedule so that you have 2 or 3 work sessions every week, so that you can do the reading and study, practice what you've learned, and work on your assignments, and still have time to wait for the responses to any requests for help.

back to top

Skimming and "Multi-Tasking" versus
Reading Carefully and Completely

If you want to be successful in this course, if you want to get full points on your assignments, and if you want to actually benefit from the information and other material presented in the textbook, resources, and here, you need to READ what has been selected and/or prepared for you -- actually READ it, slowly, carefully, and completely.

Take Notes

You ALSO NEED TO TAKE NOTES. I'm very surprised by the large numbers of students taking classes at SRJC who don't seem to believe that note taking during a lecture, or a demonstration, or when reading a text book or a course material selection, is a crucial part of their learning process.

Skimming Rather Than Reading Carefully and Completely

Skimming through a page or a reading selection, grabbing only a few words or phrases from each paragraph, just glancing at the section headings, diagrams, and sidenotes, etc, is NOT an appropriate learning strategy for the FIRST time through any written material.

Skimming is an appropriate activity when reviewing something that you have already read carefully in the past, or when searching for a particular passage in something you've read carefully before.

Multi-Tasking

"Multi-tasking" as I'm using the term, is attempting to read course material, the assignment instructions, or to work on assignments, while continually being distracted by texting, tweeting, answering email, surfing the web, updating your iPod, sharing music or videos with others, checking out and responding to the latest posts on your favorite Blog(s), talking on your phone, watching TV and/or YouTube, playing computer games, and/or having a conversation with someone, etc, etc, etc.

"Multi-tasking" is very often, really, only a defensive excuse for not paying full attention, in several areas simultaneously, and for poor performance in all of them, which is why I'm STRONGLY recommending that you resist it when working with the material for this course.

Digital Computers Designed for Multi-Taskings, Humans - Not

Computers, because of their digital processors can "pay" full attention to simultaneous tasks by using multiple processing chips connected in parallel, and even single processor computers can appear to do multiple tasks simultaneously, by breaking each task up into tiny steps, and by cycling sequentially through all the steps for all of the tasks, in many, tiny time "slices", an enormous number of times per second.

Human beings on the other hand can pay FULL attention to only ONE thing at a time, and when trying to "multi-task" like a digital processor, end up with divided and scattered attention which leads to very inefficient learning. Human learning occurs by spending time paying close attention to the same topic, and by repeating the experiences with that topic over and over, while again paying close attention.

Some human learning can occur using the digital time-slice method of multi-tasking, but it is not nearly as effective as single-tasking, and giving a topic your full and undivided attention.

If you regularly attempt to read and study by skimming and/or while "multi-tasking" you will be guaranteed to miss important details, and at times to completely misunderstand what is being presented, or what it is you are supposed to do on an assignment.

If you insist on approaching the course material, and the assignment instructions, in this haphazard and fractured manner, you will very likely NOT end up with a good grade in this (or any other) course.

back to top

Where Next?

Next you should:

1. Take a quick tour of the major pages of this website, if you haven't done so yet, so that you know where everything is located and what is on every page
2. Then go back to the Syllabus page and read ALL of the information there, CAREFULLY and COMPLETELY, so that you're very clear about the various class policies -- you are responsible for following them, so it's best to know what they are.
3. After that go to the Assignments Calendar page and look over the weekly topics, noting the deadline dates, and considering the deadlines you have in other courses you're taking, as well as in your work and family life, so that you can plan ahead to avoid getting jammed up.
4. Next, open the Lesson 1 page (from the Assignments navigation tab) and CAREFULLY and COMPLETELY read ALL of the information there, noting which chapters/pages from the textbook have been assigned, and going over all of the details of each assignment step, BEFORE you begin working on them.
   1. READ the textbook selections FIRST
   2. TAKE NOTES on the highlights and important points -- tags, properties, things to watch out for, etc -- that are presented in the textbook selection(s), as you'll need the info presented there for your Lesson 1 Assignments
   3. ACTUALLY work through each and every one of the Practice Exercises or Code Examples or , as they will help reinforce your learning
      1. recreate each XHTML and CSS coding example, for yourself, on your computer, just as presented in the chapter.
      2. this will help you learn XHTML & CSS, and
      3. it will also, immediately, reveal any gaps or holes in your understanding, so that you can focus in on reviewing what you thought you understood, in order to get clear about it, so you can make it work the way the textbook examples show.
   4. NEXT, read through the various assignment instructions and steps, carefully and completely, FIRST, before starting to do anything.
   5. Once you have a clear idea of the various things you need to do, go back and begin working on the sections one after the other.
5. After you finish the tasks for Lesson 1, move on to Lesson 2, which is ALSO due at the end of the first week. Complete all of the reading and tasks on the Lesson 2 Assignment Details page.

back to top