Syllabus:
CGS 2820: Web Authoring-HTML 3 cr.
Sections #378xx Summer 2005 e-Learning
A.S. and A.A.S. Degree Credit, possible AA Degree credit*
SITE: on-Line
(Orientation Meeting will be held in BTECH 217 on Sat 5/21
DAY/TIME: TBA optional whiteboard Synchronous Sessions, live chat/email/threaded discussions online, and Saturday help sessions also to be determined or discussed through group email.
HCC Course Description:
Introduces the students to the
fundamentals of Web page authoring.
Students will learn how to use HTML to create web pages, generate HTML
links, add graphics, create image maps, tables, frames, and forms. Advanced techniques include new HTML tags,
virtual reality, audio, video, presentation of other non-standard data, and how
to use FTP to upload and download files.
Prerequisite: CGS 1555 or permission of instructor
Course Objectives (as submitted January 1998 in the Course Outline Model):
After completing this course, the student will be able to:
1.
understand and
use storyboarding.
2.
understand and
apply static and dynamic HTML tags.
3.
create client-side
image maps.
4.
create forms.
5.
create frames.
6.
understand and
apply style sheets.
7.
upload and
download files to and from a Web server using FTP.
8.
use plug-ins to
access non-standard data.
9.
create PDF files
(portable document format) and other non-standard formats.
10.
configure a browser to incorporate plug-ins.
11.
add audio to a web page.
12.
add video to a web page.
13.
understand and apply VRML tags
14.
integrate existing applets and basic
client-side scripts (JavaScript, Jscript)..
15.
compare the use of markup languages by
different browsers.
16.
be aware of the accessibility issues for the
disabled.
The district objectives were submitted with the Original course outline model. Since 1997-8 the objectives have been modified by various instructors on HCC campuses.
Required Textbook (One of
the following):
New
Perspectives on Creating Web Pages with HTML and Dynamic HTML, 2nd Edition
(In bookstore 2004-2005)
|
|
Patrick
Carey |
Description
With coverage of code updated to reflect HTML
4.01 standards, this text covers how to create Web pages using HTML and
in-depth Web site development instruction in the DHTML tutorials that focuses
on how to create animated text, image rollovers, menus,
expandable/collaspsible outlines, and drag and drop objects. This is the current edition. |
. . . . . . . . . . . . . . . . .. . . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Table of Contents
|
|
HTML Download Data
Files Chapters 1-9 |
Online
Companion to Text Download Data
Files Chapters 1-9
Alternate Text: First 10 chapters exactly the same as above
New Perspectives: Creating Web Pages with HTML and XML:
|
|
Patrick
Carey Description
A case-based, problem-solving
approach to learning how to use HTML to program with JavaScript and Cascading
Style Sheets and learning how to use XML with coverage of DTDs, namespaces,
and schemas. |
|
|
Student Downloads
Download
Student Files
Student
Online Companion
Student
Online Companion for HTML, Dynamic HTML, and XML
Table of Contents
HTML
Tutorial 1:
Developing a Basic Web Page
Tutorial 2: Adding Hypertext Links to a Web Page
Tutorial 3: Designing a Web Page
Tutorial 4: Designing a Web Page with Tables
Tutorial 5: Using Frames in a Web Site
Tutorial 6: Creating Web Page Forms
Tutorial 7: Working with Cascading Style Sheets
Tutorial 8: Programming with JavaScript
Tutorial 9: Working with JavaScript Objects and Events
Tutorial 10: Creating a Multimedia Web Page
XML
Tutorial 1: Creating an XML Document
Tutorial 2: Binding XML Data with Internet Explorer
Tutorial 3: Creating a Valid XML Document
Tutorial 4: Working with Namespaces and Schemas
HTML
Appendix A: HTML Color Names
Appendix B: HTML Character Entities
Appendix C: Putting a Document on the World Wide Web
Appendix D: HTML Tags and Attributes
Appendix E: Working with XHTML
Appendix F: Cascading Style Sheets
Appendix G: JavaScript Objects, Properties, Methods, and Event Handlers
Appendix H: JavaScript Operators, Syntactical Elements, and Keywords
Appendix I: Creating Cookies with JavaScript
XML
Appendix A:
Installing and Working with XML Spy
Features
- HTML Integrates new coverage of XHTML
throughout Tutorials 3-10, and in an 8-page appendix on XHTML.
- Includes extra documentation, graphics, and
software on the HTML Companion CD in the back of the book.
- In the XML Tutorials, students will learn how
to create documents, bind XML with Internet Explorer, and work with
namespaces and schema.
- Students learn how to validate a single
document, combined from the contents of several XML files.
- Includes a 120-day evaluation copy of XML Spy
4.3, a leading XML editor.
Optional chapters covering XML will not be required in
this course. Students with advanced HTML skills may substitute assignments with
XML chapters for the first three chapters of the course if these chapters were
completed in CGS 1555.
Old textbook from
2003-2004 may be used in place of the above as Chapters 1-10 are the same as
the two above textbooks:
|
|
Patrick Carey
|
|
|
|
DescriptionWith coverage of code
updated to reflect HTML 4.01 standards, this text covers how to create Web
pages using HTML and in-depth Web site development instruction in the DHTML
tutorials that focuses on how to create animated text, image rollovers,
menus, expandable/collaspsible outlines, and drag and drop objects.
Table of Contents
Features
|
|
Software required: : Notepad or Homesite
HTML Text Editor Software: If the student currently uses a
WYSIWYG editor to generate web pages, please refrain from using Front Page,
Dreamweaver, or similar editor during the course. The
instructor’s text editor of choice is the HTML Editor: HomeSite 5.5. A 30 day free trial may downloaded from:
http://www.macromedia.com/software/homesite/download/update/
Students may also use notepad to type all code from scratch and not use and HTML editor.
Download HTML Text Editor HomeSite 5.5 for 30 days:
http://www.macromedia.com/software/homesite/trial/
Homesite 5.5
sells for $99 retail. Homesite+
is packaged with Dreamweaver Mx,
which sells for $299 retail, but $92 academic. Educationally you can
purchase Dreamweaver MX 2004 (with HomeSite 5.5+) for $92
through an education vendor. CGS 2822 Web Site
Creation focuses on Dreamweaver to develop the sites once HTML coding is
understood. The purpose of using
HomeSite first in CGS 2820 is for the student to become familiar with HTML/XHTML
code. The purpose of CGS 2822 is to
concentrate on building web sites and to study web design.
Cell Phone:
813 - 361- 4379
Instructor: John T. Taylor
Office
Online Only
Office Phone: none
Cell Phone: 813 - 361- 4379 Students in CGS 2820 may use the the local
cell phone number to contact the instructor anytime M-F 7 am to 11pm and also
during weekends (Home:
Virtual Office
Hours for John Taylor:
For
current hours Summer 2005: http://www.hccfl.edu/faculty/john_taylor/office/office.html
E-MAIL :
Each student is expected to
have an E-mail address. Upon request a free email is available from Brandon
C.S. department in BTECH 203 with a hccbrandon.net
E-Mail assignment links (all
assignments must be posted on the web) to:
Subjects of emails must describe briefly the assignments being submitted. Please begin each email subject with 80e: to represent CGS 2820 e-learning class
Sample subject: 80e: first email
Getting
Started (Your ISP and Email):
Sometimes the hardest part of the course for some of the students is to gain access to the Internet at home and to post their assignments on the Internet. Students must have access to the Internet to complete the course. Free access is available at the public libraries and all HCC computer labs. However, e-Learning’s purpose is to allow the student to complete his/her work from a distance, which the majority of the time is from the student’s home and/or work. Most of the class members already have an Internet Service Provider (ISP) at their home. High speed ISPs are highly suggested. Your ISP will also provide you with free ad free web space.
If you do not have
access to the Internet, it is suggested that you do not contract for an ISP
that requires longer than a one-year agreement. Purchasing an ISP contract is
like buying a cell phone contract. Be careful. There are great deals out there.
For example: 695online.com is a new ISP out of
When you are shopping for an ISP, you need to find information such as:
- The monthly base fee and whether it is unlimited access or a specific number of hours it provides.
- The hourly rate for time used over the monthly base amount.
- Whether the telephone access number is local or long distance.
- Which specific Internet services are included.
- What software is included.
- What user-support services are available.
- Can you access the ISP when traveling.
Directions to set up your modem through My Computer and Dial-Up Networking can be access through HELP. You need several things to setup the ISP: a local dial-up phone number, your log-on user name, your log-on user pass word, your incoming email server address and your outgoing email server address.
After being on the Internet, students may want to have a faster connection. These services start at $34.95 and up. Dialup access via phone is limited to 53 kbs at the very best connection. Cable and DSL are at least twice as fast. This is the reason the instructor recommends no long term contracts so that faster options are available at a later time.
HCC does not have dialup access to the Internet. Also HCC does not assign student SMTP/POP3 regular E-Mail accounts like USF.
Therefore, each campus student should obtain an Internet
email access either through hccbrandon.net, Hotmail, MailExcite, or Yahoo or (all are free) or a private
provider. By the second week of the course the student must have an ISP and an
email address and web space.
Students receive the 50 points by emailing the instructor at all three of the above email addresses with a short message with a description of the student's past HTML experience, if any. Subject of the first email (day class) is: 80e: first email.
By the end of the second week, the instructor will send a
group email to all the students in the class. For 75 additional
points the student will add all the class members and the
instructor to their address book, setup a group mail in the address book, and
send a group email to everyone in the class and
Phone/Email Network:
http://www.hccfl.edu/faculty/john_taylor/cgs2820/summer05/80atdSum05.htm
links to John Taylor’s CGS 2820 e-Learning students
Completed work may be submitted to HCC’s
Student Server, if available, or to the student’s private ISP or web space
provided by the instructor at: brandonfla.com or hccbrandon.net
FTP
Requirement:
During
the course, the student will have to transfer many files (uploading
and downloading). The student will download an FTP program such as
WS_FTP (included on student CD). Your on-line Mastering the Internet Web Yoda
first course has the following Problem #6 which is worth 50 points for completion:
Web Yoda Mastering Internet Problem #6 - Download WS_FTP
|
|
|
|
1. |
Visit the WebYoda
FTP site ftp://ftp.webyoda.com/pub/ |
|
2. |
Click on the directory pub. |
|
3. |
Then click on the file ws_ftple.exe to download the
software. |
|
4. |
Download it to your c:\temp directory. |
|
5. |
Make a note at Problem #6 in your homepage.htm of where to
find WS_FTP on the Internet (the
URL). |
|
6. |
Save your file, view your class project in the browser,
and hit the reload/refresh button. |
|
7. |
Other instructor led activities may be added. |
Free Web Hosting
The student may acquire either through his/her ISP web space or one of
the free sites:
www.brandonfla.com (See John Taylor or Bob Harrell) (ad free)
www.hccbrandon.net (John Taylor’s site) or
the following "free" hosts have
annoying popup ads:
www.free.prohosting.com www.spree.com
www.geocities.com
www.bravenet.com
www.tripod.com
www.fortunecity.com
www.angelfire.com
The
student will make directories at the web site and upload their homepage, Web
Yoda course projects, and images used. Obtaining the web site and
uploading the first file is worth 25 points, making this section worth 75 points total.
File Formats:
Windows as well as other Microsoft Programs allow the user to save files in a ridiculous fashion, which causes many problems on the web. What happens when a students opens a word processor or other application and types the first letter, is that Microsoft in their great wisdom creates a temporary name for the file which includes the first words typed or the title at the top of the page. This includes the NO! NO! spaces between words and super long file names. When the student saves the file, the student is to overwrite the program’s attempt to create these long file names with spaces and other non-letter/number symbols. It is best to keep the file name to eight letters before the period and the extension.
When working with unsaved files, many programs such as
HomeSite will make a back-up save, which includes a tilde: ~hs_80sylS01.html . The tilde ~
will truncate extra long files. The
~tilde in URL’s have a different meaning such as: http://www.brandonfla.com/~jtaylor/
. Please do not use more than eight letters or numbers in a file name with no
other symbols (except the underscore if you just have to have a space in the
name). The instructor will forgive pushing it to 10 or 14 characters, but no
more.
Next: Do NOT use Uppercase letters, except as noted above to replace a space between two words. For every file the instructor has to view, which violates the rule of the class, 50 points will be deducted.
Attendance:
Students
not attending the mandatory orientation class meeting (unless prior
arrangement is made with the instructor) are subject to “WNA” final grades for
"No Show". No show rolls will
be submitted on Tuesday May 24 before the instructor leaves the Brandon Campus.
The final class meeting is tentative and may be scheduled
Saturday July 10 at
Access to Student
Emails/ Web Site Menu:
http://www.hccfl.edu/faculty/john_taylor/cgs2820/80email.html
the file name begins with
80atd followed by the term: Sum05 for Summer 2005
Synchronous Attendance:
Also to provide recorded video lessons, the instructor will be making a set of lessons using
Camtasia. Some
students will volunteer to be students during these sessions. The instructor
will notify the group of the recording sessions via group email.
Special Dates:
|
Drop and Add:
Regular Classes |
May 16-20 |
|
Drop and Add
Weekend/DL classes |
May 21 |
|
Memorial Day |
May 30 |
|
Mandatory
Orientation |
May 21 |
|
Makeup
Orientation 7:30am-10:30am |
June 4 (by
appt only) |
|
July 4
Holiday |
July 4 |
|
|
|
|
Possible Help
Sessions-see email |
6/4, 6/21, |
|
CLAST Exam
Registration |
|
|
CLAST |
June 4 |
|
Withdrawal Date |
June 27 |
|
Credit By
Exam (2) |
|
|
Final Exam
Week |
July 3-July 10 |
|
Last Day to
Remove “I” |
|
Request for accommodations:
If, to participate in this course, you
require accommodations due to physical or learning impairment, you must contact
the Office of services to Students with Disabilities. The office is located in
BACA 210c. You may also reach the office by telephone at (813) 253-7914.
Academic Software Purchases:
As students of HCC you may purchase software,
fully licensed, called Academic Versions for your home use at reduced prices,
which are generally lower then local stores and online pricing deals. For
example, HomeSite cost $99 when purchased from the Vendor: Macromedia. There are
often $25 or $30 rebate coupons for Office Depot, Comp
On-Line Tutorial Quizzes and
Exams:
After the first week, students will complete on-line quizzes and exams. The quizzes are open book/notes, but must be completed individually without assistance from peers at home. These quizzes (up to 10 total) will be the exercises that should be completed prior to attempting weekly online tests via WebCT. (please note many of these quizzes were based on previous editions of the text and help references are often very inaccurate-and a few questions outdated and not in current book) 15-60 points of the total grade (one point for each correct answer) will be earned for the completion of these weekly quizzes. The quiz menu page may be found at:
http://www.hccfl.edu/faculty/john_taylor/cgs2820/80testmenu.html
After completion of the quiz, the student will attempt a timed on-line exam through WebCT. The WebCT exams will be 25 randomly selected questions worth 2 points each. The student will have only 40 minutes to complete the test. The student will be allowed two retests to improve the grade, except the last retest will be the score, which counts toward the final grade. webCT Access:
The instructor will prepare
the chapter quizzes from the required textbook: New Perspectives on Creating
Web Pages with HTML and DHTML – Comprehensive. Student volunteers are needed for new input of
text The chapter quizzes will be
worth up to 55 points each, 50 points short answer and an additional 5 points
for an essay question when on the quiz.. (Not every quiz has an essay question)
The on-line chapter quizzes allow the student to check the test before
submitting it. Currently, these pretest quizzes are based on the previous
two editions of this text, so hints may be off a page or two.
CGS 2820 students should access Test
Zero from their home to test their ISP:
1. Enter your name and email address,
2. Enter the answer to #1 as choice a,
3. Scroll down to the "All
Done Check the Test" button and click to see if your ISP's browser
pops up the window and grades the test with a score of 1 out of 50.
4. Finally click the submit
button and see if the test submits.
http://www.hccfl.edu/faculty/john_taylor/cgs2820/80tu0q50nt.html
The student must check the quiz at least once before submitting it. (A submitted quiz without being scored will be accepted, but will be scored at 35 points of 50 if all questions are answered) After checking it, the student has an option to change the answer to the correct answer before submitting it. From time to time, especially during Beta Testing a new quiz, a wrong answer will be programmed in the test checker. If the student strongly disagrees with the computer’s answer, the student should challenge the answer by describing why the computer’s answer is wrong in the “I discovered that…” section of the test. Be careful with the fill-in-the-blank as the word(s) must match exactly.
When you have completed the quiz, press the ALL DONE-CHECK TEST button at the bottom of the test to check the test! Then you may go back and change the incorrect answers before you SUBMIT the test. You may check the answers as many times as you need until you achieve a perfect grade. Sometimes the pop-up box does not appear when you click on the button after checking the test the first time. If this happens, minimize the test and the answer box will be behind the browser. Close the box and maximize the test to continue the test. After answer all the questions successfully, submit the quiz.
Also, sometimes the quiz checker
doesn’t work or indicates a JavaScript error. If the test will not grade, print
out a hard copy, submit the test using the alternate submit button. After receiving
your test back from the instructor, Grade your short answers from the email and
submit the graded quiz to the instructor via a separate email. The instructor charges at least 15 points for
quizzes not checked, making the maximum score 35 out of 50. Also the instructor
charges 15 points for a student who fails to place their name on the test or
another 15 points if they fail to place their correct email address at the top
of the test.
If you have problems submitting the quiz, go back to the "All Done Check Test" button and bring back the popup screen. That screen has a menubar. You may use the menu to printout the results for your files. You may use the edit menu to copy the answer popup to clipboard, then paste the contents into an email. Make certain you put 55e: Tutorial XX Quiz-Alternate Submission as the subject of the email (change the XX to the Chapter number).
WEEKLY Evaluations
Assignments:
Each week the student may be required to submit
a weekly evaluation/task. The
assignment may include problems and activities from the book, activities
assigned by the instructor, or Web Yoda Exercises from the on-Line course
materials. Each assignment is designed to take no more than three to six hours
per week to prepare outside of class. 50-75-100 points of the final grade
will be determined for each task completed up to 1200 points. For example: for Tutorial 10, the student will
script using MASH 4.52 a Microsoft Agent into their personal home page and
create a button to trigger the agent’s dialog.
Web Yoda does not cover Audio, Video, or Animation in the two XHTML
courses, but HCC’s course objectives require that students use audio and video
on web pages.
All assignments are to be posted to your web
site and the instructor is to be sent
the URL when complete.
OPTION 1: WEEKLY Evaluations
Assignments from the Textbook:
Beginners
Using Only Textbook Tutorial 1 (Developing a Basic Web Page):
Complete the web pages at
end of chapter 1-review assignments. Follow the directions while going through
the chapter and create Mr. Dube's Chemistry Class Page--see pages 1.34-1.35.
Then do the Review assignments:
1. Bottom page 1.36--with
directions on Pages 1.37-1.38
2. Do Case 1:
ChildLink, INC p 1.39-1.41
3. Case 2: Mathematics
department, Coastal university p 1.41-1.42
4. Do Case 3: Frostbite
Freeze p1.42-1.45
5. Do Case 4: Create your
own Resume p 1.45 for your About Me Web Site. My
resumes:
Old: http://www.hccbrandon.net/aboutme/resume.htm
New: http://www.hccbrandon.net/vita2005.htm
Beginners
Using Only Textbook Tutorial 2 (Adding Hypertext Links to a Web Page):
1. Work through the chapter on updating Mr. Dube’s
home page including the review assignment on p 2.32.
2. Do Case problems 1,2,3 pages 2.34-2.39
3. Do case problem #4 except continue except name the
page: aboutme.html for your home page of the about me web site. Place links on
the page to: Resume, Favorites, Photo Album. On the resume page completed in
Chapter 1 add links to the home page. My home page in my About Me Web Site
which has many additional links: http://www.hccbrandon.net/aboutme/index.html
4. Creat your favorite Links page for your web site
using either and ordered or undered list of links in at least three categories:
1. Sports/Recreational/Leasure; 2. E-Commerce; 3. Educational
Beginners
Using Only Textbook Tutorial 3 (Designing a Web Page):
1. Build the
2. Complete review
assignment p 3.49
3. Complete Case Problems
1,2,3,4 and post to your web site
4. Complete you photo album
page for your About Me Web Site. Collect photos of you family, friends, etc. Use BTECH 203 if you do
not have access to a scanner and make electronic images for your photo album to
be posted on the Internet. These could be just a family event or a series of
collections of photos of you and your family from birth to present. Use your trail
version of paint shop pro or any other graphics program to make thumbnails of
your photos. Place all these photos on you photo page. Then make each image
clickable to another web page which has the focus of that picture and some text
to give information about the photo. Make a return link to the photo page on
each of the picture pages. Some of my samples:
About Me Thumbnails: http://www.hccbrandon.net/aboutme/photo.htm
Red Hat
Convention: http://www.brandonfla.com/~jtaylor/redhat/redhat.html
Sample
thumbnail: http://www.hccbrandon.net/photos/michellebath/michbath.html
Beginners Using Only Textbook Tutorial 4 (Designing
a Web Page with Tables):
1. Build the Table web page(s) in Tutorial 4 pages
4.01-4.54:
2. Complete the Review assignment: page 4.54-4.55:
Cougar Sightings
3. Complete Case Problems: 1,2,3,4 on pages 4.57-4.63
4. Complete the American Flag assignment (see course
calendar)
5. Complete the Complex Turbo Hal Table (see course
calendar)
Beginners Using Only Textbook Tutorial 5 (Using
Frames in a Web Site):
1. Build the Frame web page(s) in Tutorial 5 pages
5.01-5:37:
2. Complete Review assignment and Do case Problems 1-4 p5.37-5.45
Beginners Using Only Textbook Tutorial 6 (Creating
Web Page Forms):
1. Build the Form web page(s) in Tutorial 6 pages
6.01-6.49:Lan Gear
2. Complete Review assignments p 6.49 and Case
Problems 1-4 p6:50-6.59
Beginners Using Only Textbook Tutorial 7 (Working with
Cascading Style Sheets):
1. Build the Form web page(s) in Tutorial 7 pages
7.01-7.59:Maxwell Scientific and Review Assignment p5.59
2. Do Case Problems 1-4 p 7.59-7.68
Beginners
Using Only Textbook Tutorial 10 (Creating a Multimedia web Page).
1.
TBA text
2.
Add Microsoft Agens to Web Page
Beginners Using Only Textbook Tutorial 8 (Programming with
JavaScript):
1.
TBA text
Beginners Using Only Textbook Tutorial 9 (Working with
JavaScript Objects and Events):
1.
Tba Text
OPTION 2: Web Yoda
Exercises/Homework Completion:
Students have the option to complete all Web Yoda Exercises and homework for both Beginning XHTML, Advanced XHTML, and Cascading Style Sheets by the end of the course and post the results on their web site or post under the instructor’s temporary web site for students. Each posting set will be worth 450 total points. However, students have the option to use their creativity to substitute web pages for most of the web yoda task assignments below as long as they accomplish the same objective(s) for each Problem and Bonus Exercise below:
Beginning XHTML Assignments
Lesson
#1: Basic HTML Tags
Problem #1 Text Allignment
Problem #2 Horizonal Rules
Problem #3 Preformatted Text
Bonus #1 Pyramid of Horizonal Rules
Bonus #2 Saturday's To Do List
Lesson #2:
Font Tags
Problem #4 Font Sizing
Problem #5 Subscript/Superscript/Special Characters
Problem #6 Bold Font Colors
Bonus #3 Font Colors and Sizing
Bonus #4 Colored Smilley
Lesson #3 List Tags
Problem #7 Unordered Lists
Problem #8 Ordered Lists
Problem #9 Definition Lists
Problem #10 Nested Lists
Bonus #5 List of Font Variations
Bonus
#6 HTML Tag Definitions
Application
Assignment 1: Current Vita
Lesson #4 Linking Tags
Problem #11 Linking to Local Files
Problem #12 Linking to URLs
Problem #13 Linking using mailto:
Problem #14 Linking within a File
Lesson #5 HTML Graphics
Problem #15 Body Tag Colors
Problem #16 Background Texture
Problem #17 Display Images
Problem #18 Graphic Links
Problem #19 Graphic Bullets
Bonus #7 Nine ball Deluxe
Bonus
#8 Crazy "8"
Application Assignment 2:
About Me Photo Album Page Red Hat-Branson ExtremeAir
Application Assignment 3:
Favorites Web Page or Interests
About XHTML
Validation
Writing code that looks
like XHTML and writing code that will validate as true XHTML are two very
different things. Thus far you have completed exercises that work correctly in
your browser and appear to be XHTML, but to be truly correct, your code needs
to validated.
There are two steps to validating XHTML code. First we will look at coding
requirements of XHTML that if not followed will make your code fail validation,
then we will learn where to test your code for validation errors.
XHTML
Common Errors
The list below contains the most common XHTML coding errors. Remember that most of these errors will not keep your pages from displaying correctly in your browser, but will keep them from validating.
|
1. |
All pages
must start with the DOCTYPE declaration. |
|
2. |
All tags must
be lower case. |
|
3. |
All
attributes must be lower case. |
|
4. |
All tags must
be closed. |
|
5. |
All
attribute's values must be in quotes. |
|
6. |
Tags that
don't have a closing tag use a "/" at the end. Examples include
<br /> and <hr />. |
|
7. |
Nested tags
must not overlap. |
|
8. |
All
<img> tags must have an "alt" attribute |
You can validate your pages as well by either adding the same button to your page(s) using the following code:
<a href="http://validator.w3.org/check/referer"> <img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" /></a> |
Or by visiting validator.w3.org
then entering the URL of your page(s). In either case, your page(s) will need
to be uploaded to the Internet so the validator can find them.
You can place this image on your
application homework pages (lower left corner) with a link to http://validator.w3.org/ so that the
instructor may check your validation.
Advanced XHTML Assignments
Lesson #1: Table Tags
Problem #1 Table of Felix
Problem #2 Multiplication table
Problem #3 Office Hours
Problem #4 Life in a Bug Jar
Problem #5 Student Report Card
Bonus #1 The American Flag
Bonus #2 Checkers Anyone?
Bonus #3 June calendar
Lesson #2: Form Tags
Problem #6 Favorites Survey
Problem #7 $9.99 Shirt Company
Problem #8 ACME Insurance Company
Bonus #4 Course Evaluation Form
Problem #9 Cars R Us
Problem #10 Trivia Question Form
Bonus #5 Dream Finder Network
Bonus #6 POP Quiz
Lesson #3 Graphic Tags
Problem #11 Transparacy and Animation
Problem #12 Internet Mail Logon
Problem #13 Snake Anatomy
Bonus #7 Security Login
Lesson #4 Frame Tags
Problem #14 Bonus Selector
Cascading Style Sheets
Lesson#1 Basic CSS
Problem #1: Basic CSS Syntax
Lesson #2 Background Colors and Images
Problem #2 Rainbow Background
Problem #3 Miniture Chess I
Bonus #1: Verticle Rainbow Background
Lesson #3 Texts and Fonts
Problem #4: vascading Style Sheets Sale
Problem #5 Hurricane Andrew
Lesson #4 Paddings, Border and Margins
Problem #6: Online Discount Coupon
Problem #7: Christmas Specials
Bonus #2: Red Dashed Sale
Lesson #5 Lists and Forms
Problem #8: Ultimate Purple Picture Gallery
Problem #9: Quisp Cereals Kids Club
Lesson #6: Float Position and Layers
Problem #10 Albet Einstein Biography1
Problem #11 Miniture Chess II
Problem #12 Pink Flowers Logo
Lesson #7 Classes, ID, and Style Sheets
Problem #12: Embedded Class Styles
Problem #13: Embedded ID Styles
Lesson #8 CSS Special Effects
Problem #14 Albert Einstein Biography II
Problem #15 Clearance Sale
Problem #16 Bonus Menu Bars
Some Alternative and Required Assignments beyond Web Yoda
Tutorial 1: data card, Resume, etc (using text-ie Mary Taylor/Mr Dubb's Chem
class) for About Me Web Site
Tutorial 1: Adding Images to Web Pages-Photo pages or pages for About Me web site
Tutorial 1 (Conversion of Word doc to HTML)-sample essay to be published to About Me
Tutorial 1: Using Lists-List of Links for Favorite’s page for About Me Web Site
Tutorial 1: Using the Pre Tag
Tutorial 1: publish an Excel, Access, Power Point document to HTML
Tutorial 2: Adding Links to pages (absolute, relative (two kinds), inline (possibly with lists)
Tutorial 2: Adding email link to web page
Tutorial 2: Adding internal hyperlinks
Tutorial 2: Design your Layout of Links for a Home Page
Tutorial 3: Creating an Animated Gif using Animation Shop 3 in Paint Shop Pro 7
Tutorial 3: Creating an Image Map
Tutorial 3: E-photo, scan image, image links
Tutorial 3: Use graphic program to create thumbnails for you photo album page
Tutorial 3: Design your Web Site with either free graphics or graphics developed from Paint Shop Pro or PhotoShop
Tutorial 7: use style attribute in one tag
Tutorial 7: use style tag in head of document
Tutorial 7: use style tag for web site-reference external css page
Tutorial 7: redesign your home pages using CSS and rollover links eliminate tables for design
Tutorial 4: Invisible Table to Position Text and Image on Page
Tutorial 4: Using Table Header tags
Tutorial 4: Using colors in Table (Felix Cat)
Tutorial 4: American Flag (Colors, Col Span, and Row Span, hspace)
Tutorial 4: Time Chart, Store Schedule, or Office Hours Table
Tutorial 4: Nested table-Picture Frame
Tutorial 5: Frame Page
Tutorial 6: Guest Book, Shopping cart, Crossword Puzzle, or survey form
Tutorial 10: use bgsound tag in one document
Tutorial 10: play streaming video on Web Page
Tutorial 8/9: Cut and Paste Existing JavaScripts into HTML Document
Tutorial 8/9: Integrate one Java Applet on a web page
Tutorial
Personal Web Site and/or
Final Course Project :
The student will prepare a personal About Me Web Site demonstrating the use
of text, images, links, and lists. During the term, the student will author
basic pages for this web site, which
may include Biographical sketch, photo albums pages, favorite web sites page
and/or Major Interest page. These pages may have been completed in CGS 1555 in
a previous term, if so the instructor will sign an alternative site to develop.
The student may prepare a web site for the student's employer or a special organization. Another option for the initial web site is for the student to act as a beginner intern for a Brandon Campus faculty member to post the syllabus, assignments, and possibly a series of practice tests. Or the computer science department web site The student will earn 500 points for the About Me web site.
The successful installation of these pages
on the Internet and their updates is worth 50
points of the final grade as described in the FTP section above.
Tables,
Frames, and/or Forms Special Projects
Possible Fall 2004 Assignments
(Option: Student may contract with the instructor to do any of the below
projects to substitute for Web Yoda assignments beyond what will be required as
announced):
1. The student will prepare an on-Line quiz using the
Instructor’s Testing Template for 200 points.
2. The
student may be required to prepare an on-Line vocabulary quiz with Image
swapping using a template created by the instructor for an additional 200
points.
3. The student will prepare a complex table
assignment for 200 points, which will be either a Turbo HAL maze or a Crossword
puzzle.
4. The student may be required to use a
template supplied by the instructor to prepare an evaluation, survey, guest
book, or shopping cart form for 200 points.
Microsoft Agents:
http://www.hccfl.edu/faculty/john_taylor/magicgms/agentstbcon.html
links to
the TBCON Menu Page for the Microsoft Agents page with links to all the
informational pages on agents.
Also the old web site on John Taylor’s Administrative
page is:
http://www.hcc.cc.fl.us/faculty/john_taylor/msagent.html
with
instructions for the class CD:
http://www.hcc.cc.fl.us/faculty/john_taylor/msagents/msagent1.html
Students
will add an alternate page to the About me with an Agent and create another
page that has a dialog with two or more agents. The pages must have
instructions for the download of the plug in files. The JavaScript must be
edited to give the user a button to call the agent. The URL with the Code to
modify MASH will be supplied in the course calendar later in the term.
Final Exam:
The instructor
will administer a Final Exam on
May 7over the assigned tutorials from the text. The student may complete the
exam off campus under supervision or in the Brandon Campus testing center. The
test will be 60 questions via WebCT on May 7. This exam may be open book and
open notes, but must be completed individually on-line in 100 minutes or in the
testing center with a two hour (120
minute) time limit. This exam will be worth 200 points with four point(s) earned for each correct answer.
As
an alternative the student may complete On-Line Web Yoda Associate Webmaster
Certification Exam (60 questions-60 minutes). One exam voucher is included free
with the $100 WAW Package, but additional attempts on the exam may
purchased for $35 (9$ or 10 if
On-Line
Security Check:
During the exams or the final exam, on-line security
checks may occur. Students will fill out a data form at the orientation
session. Students will have to show the instructor photo identification of
themselves when submitting these forms at the end of the orientation plus have
an electronic photo taken. When a
security check occurs, the student will have 30 seconds to respond with the
correct answer or the test will be voided
Grade Review:
Sample portfolio grading sheet summaries are available for previous terms on the instructor’s web site. The current term summary page will be distributed by the instructor via an email attachment about two weeks before the end of a regular term. This form must be completed by the student for the last tentative class, Saturday December 11 and reviewed by the instructor before a passing grade may be issued at the end of the semester. (The final class meeting is only tentative. The tentative grade summary is as follows:
______(200) Email
______(100) FTP
______(500) About Me or Special Project web Site
______(000) Faculty Internship Web Site (Employer’s web Site)(TBA)
______(000) Final Course Project(TBA)
______(400) On-Line Quizzes
______(400) WebCT Exams
______(200) Final Exam or WAW Certification Exam
______(000) Preparation of On-Line Quiz (MC, T/F, and FitB)
______(000) Preparation of Vocabulary On-Line Quiz
______(000) Preparation of On-line survey form
______(000) Preparation of On-Line Crossword
Puzzle or Turbo HAL Maze
______(200) Integration Microsoft Agent script into a web page(s)
______(500) Weekly Tasks: Web Yoda Exercises and bonus homework posting-Beg XHTML
______(500) Weekly Tasks: Web Yoda Exercises and bonus homework posting-Adv XHTML
______(500) Weekly Tasks :Web Yoda Exercises and bonus homework posting-CSS
______(~3000) Total
Grading Scale:
A = 90% or more (~2700 points)
B = 80-89 % (~2400 points)
C = 65-79 % (~1950 points)
Under 54% is not acceptable behavior and may result in a D or F final grade.
On-Line Grade Calculator:
The student may monitor his/her grade by entering the points on the sample grade review sheet or by putting total in the on-line grade calculator. If the student has met the minimum criteria of an assignment submitted, then maximum points may be entered (except for quizzes). You may access the on-line grade calculator at the following URL:
http://www.hcc.cc.fl.us/faculty/john_taylor/cgs2820/80grdcal.html
Instructor’s Right to Change or Modify Grading Procedures:
The instructor reserves the
right to modify or change the grading progress as the course proceeds. Additional course assignments may be
added. Some may be modified or
deleted. The instructor will NOT add major examinations as a
modification, except the right to add a final exam open or closed book. The course has to flexible, each student’s
circumstance will be different according to their access to the Internet. The instructor is requesting time commitment
of at least two hours per week and up to
The instructor reserves the right to reassign work to students if the instructor senses the work submitted is not the work of the student. (No questions asked-The instructor will just tell the student to resubmit the work to earn the weekly grade , quiz or assignment).
Instructor Requested
Information:
On the first day of class,
the student will fill out a 4x6 (or 3x5) file card to give to the instructor at
the end of class.
The instructor has provided a
sample below with his personal data and his block scheduled time.
Data Card (4x6 file
card): Front Side (Personal
Data)
-------------------------------------------------------------------------------------------------------------------------
Name: John Taylor CGS 2820
Address:
Telephone: (813) 361-4379 (Jax 904-992-2052)
E-MAIL : jttaylor80e@hccbrandon.net jtaylor@hccfl.edu
Employment:
No work phone (yes) Full time
chemistry faculty(first)
Major: Instructional Technologies Minor: Chemical education
Long Term Goal: Educational Software
Developer; certified webmaster
Web hosting company
Prerequisite: CGS 1555 (CGS 1000/1100
also suggested)
Computer Skills: Win95 yes; WP: Word;
Languages: JavaScript
-------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------
Virtual Office Hours
|
|||
|
Time |
Monday* ** |
Wednesday* ** |
Saturday/Sunday*** |
|
|
Office On-Line |
Office On-Line |
Office On-Line Or Scheduled help sessions at Brandon Campus |
|
Except * Tuesday or Thursday when notified
by Group Email |
|||
-------------------------------------------------------------------------------------------------------------------------
Data Card (4x6 file
card): Back Side
(Scheduled Time Blocks)
Taylor
|
Time |
Monday |
Tuesday |
Wednesday |
Thursday |
Friday |
Saturday |
|
|
office |
|
office |
|
|
HCC |
|
|
|
|
|
|||
|
|
|
|
office by |
|||
|
|
|
|
||||
|
|
|
|
||||
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
The instructor is available for additional office hours by appointment. Appointments must be made at least two days in advance, except for extreme emergencies. Office hours are subject to change. The official office hour schedule will be posted in BTECH 217. The official office hour schedule may be posted in BTECH 217.
HCC Program Codes:
A.S. Internet Services Technology CCC Internet Services Technology
Option 1- Web Designer Option
1: Web Development Specialist-Designer
Option 2: Web Developer Option
2: Web Development Specialist-Developer
Option 3: E-Commerce Support Option
3: E-Commerce Support
The instructor has provided a sample above with his personal
data and his block scheduled time. The completion of this card is required
during orientation.
Request for accommodations:
If, to participate in this course, you
require accommodations due to physical or learning impairment, you must contact
the Office of services to Students with Disabilities. The office is located in
BACA 210c. You may also reach the office by telephone at (813) 253-7914.
Other Optional
Course Materials:
What is
the WAW Certification?
The WebYoda Associate Webmaster (WAW) certification is for anyone who wants to improve his/her HTML and XHTML skills without making a major commitment. This certification is the prerequisite to the WCW, and provides the skills needed to acquire an entry-level Webmaster position for maintaining existing static Web sites or building simple Web sites from scratch. Students at HCC who have completed CGS 1555 or complete the Mastering the Internet course below, may take the WAW exam in place of the CGS 2820 final exam.
Completing the four Webmaster Certification courses listed below and passing an online exam may be used to complete the CGS 2820 course:
- Mastering the Internet plus
- Beginning XHTML 5. HomeSite 5.0 (Developing Tool)
- Advanced XHTML plus
- Cascading Styles Sheets 6. WAW Exam Certificate
Exam
The WebYoda Associate Webmaster (WAW) package includes registration keys and serial numbers for the four (4) AWP courses, one prepaid WAW exam voucher, plus HomeSite 5.0 Tool Package (Cost $100.00). This WAW package will be for two courses: CGS 1555 and CGS 2820.
Four Course diskette
materials are needed for CGS 2820, which
may be purchased separately rather than the above WAW package from
Web Yoda for $40.00 each, Beginning
XHTML, Advanced XHTML, C.C.S. and
HomeSite 5.0 or from the bookstore for $53.35:
sample
diskettes
The Web Yoda
on-line materials may be accessed:
http://www.webmastercertification.com
Lifetime purchase:
Students may purchase directly from Web Yoda all 8 certification
course packs for $100 which also includes the two exams (WAW and WCW). For $165
complete access to all Web Yoda Courses for your lifetime and includes software
upgrades such as: Flash 4.0 vs Flash 5.0 vs Flash MX.
Information for direct purchase from Web Yoda:
|
Address: |
WebYoda, Inc. |
|
Phone: |
1-850-524-9632 |
|
Toll Free: |
1-877-Web-Yoda |
|
Fax: |
1-850-656-1499 |
|
Email: |
Student
Web Yoda Courseware Access
When you purchase the disk above after your orientation to CGS 2820, the student will discover that the disk is a blank disk with the Web Yoda Label. The label has two registration keys.
One is described below, then on-line
there will be a prompt for the second required registration number, which is
for HCC students only. All HCC
students must choose in Step 9: John
Taylor as the instructor, despite who is actually teaching the HCC course
on the
|
Registering Your Student
Resource Disk |
|
|
1. |
Read the following steps before
proceeding. |
|
2. |
|
|
3. |
New students must first "Become A Member." |
|
4. |
Next, login to your Student Account. |
|
5. |
Choose " |
|
6. |
Find the listing for this course. |
|
7. |
Choose the "Register" button next to this
course. |
|
8. |
Enter the registration key listed on the front of your
student resource disk and click "Submit." |
|
9. |
Choose your instructor and click "Continue." |
|
10. |
Student and course registration complete. |
The Beginning XHTML disk covers Tutorials 1-3 in the text and Advanced XHTML disk covers Tutorials 4-6 and CSS covers Tutorial 7):
The Web Yoda Courses Equate to portions of HCC Courses
|
FSU/Web Yoda
Course |
HCC Course |
Cost |
Mastering the Internet (WAW)
|
CGS 1555: Introduction to the
Internet
|
$40.00 |
|
Beginning XHTML
(WAW) |
CGS 2820: HTML Authoring and CGS 1555 |
$40.00 |
|
Advanced XHTML (WAW) |
CGS 2820: HTML Authoring |
$40.00 |
|
C.S.S. (WAW) |
CGS 2820: HTML Authoring |
$40.00 |
|
HomeSite 5.0 |
CGS 1555, CGS 2820, and/or COP 2822 |
$40.00 |
|
E-Business (WCW) |
CGS 2069: E-Commerce |
$40.00 |
|
E-Marketing (WCW) |
CGS 2069 E-Commerce |
$40.00 |
|
Web Design and Graphics (WCW) |
CGS 2822: Web Site Creation or |
$40.00 |
|
|
COP 2823: Graphic Design for Multimedia |
|
|
Paint Shop Pro 7 |
CGS 2822 |
$40.00 |
|
Java Survival Skills (WCW) |
COP 2822: Scripting for the Web: JavaScript |
$40.00 |
|
Flash |
CGS 2876: Audio, Video, and Animation |
$40.00 |
|
Cold Fusion |
CGS 2545 Introduction to Web Database or |
$40.00 |
Students are not allowed to purchase the disks from the HCC Brandon Bookstore until Drop and Add has been completed and the e-learning course orientation. If you drop or withdraw from the course, you may NOT be refunded the cost of the disk courseware NOR may you sell the disk to another student, once the disk has been registered to you. The disk is good for life. The on-line courseware changes from month to month, term to term. When you register the disk with Web Yoda, that course will become available to you online under your member number for a lifetime. You do not need to purchase the second disk until Tutorial 4 is assigned. You may sell any of the unused portions of the AWP set.
Initialize Class Project/Download Files
To download the course files to the blank disk, go to the
courseware click on Class Index,
then Introduction and then choose Initialize
Class Project:
And follow the directions
(You have two Options: Locally or Via the Web):
|
Initialize your class
project LOCALLY in BTECH 217: |
|
1. Do not choose "Save to
Disk" in Netscape or IExplorer. |
|
2. Insert your Student Resource disk in Drive A:. |
|
3. If Netscape asks what to do, choose "Open
It." |
|
4. If IExplorer asks what to do, choose "Run this
program." |
|
5. Press: Initialize your
class project Locally! |
|
6. Done! |
or
|
Initialize your class
project via the Web at home: |
|
|
1. |
You are about to download the program
"initdisk.exe" that will put the student resource files onto a
disk. These files will be used throughout the course, as well as for creating
your homework assignment. |
|
2. |
initdisk.exe will not access any files on your machine
or alter your machine in any way. It is only used to generate your student
resource disk. |
|
3. |
When you download the file, you will get a dialogue box
telling you the location of where the file is being downloaded. It is
important to note where the file is downloaded to for the following steps. |
|
4. |
Download
the initdisk.exe setup program to your machine. |
|
5. |
If you are in a classroom training, insert your Student
Resource disk in Drive A:. If you are taking this class online, insert a
blank, formatted, 3.5" HD high density diskette into your Drive A:. |
|
6. |
Open your Windows or NT Explorer and locate the
initdisk.exe file you just downloaded. Or select Run from your Start menu and
run the initdisk.exe file from its current location. |
|
7. |
Follow the on screen instructions in the initdisk.exe
program to initialize your student resource disk. |
|
8. |
Done! |