Syllabus:
CGS 2820: Web Authoring-HTML 3 cr.
Sections #23700 Summer 2004 e-Learning
A.S. and A.A.S. Degree Credit only*
SITE: on-Line (Orientation Meetings will be held in BTECH 217 on Sat 11:00 -1:45 pm. May 22)
DAY/TIME: TBA optional whiteboard Synchronous Sessions, live chat/email/threaded discussions online also to be determined
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
+ indicates A.S. and A.A.S. Degree Credit only
Course Objectives (as submitted January 1998 in the Course Outline Model):
After completing this course, the student will be able to:
- understand and use storyboarding.
- understand and apply static and dynamic HTML tags.
- create client-side image maps.
- create forms.
- create frames.
- understand and apply style sheets.
- upload and download files to and from a Web server using FTP.
- use plug-ins to access non-standard data.
- create PDF files (portable document format) and other non-standard formats.
- configure a browser to incorporate plug-ins.
- add audio to a web page.
- add video to a web page.
- understand and apply VRML tags
- integrate existing applets and basic client-side scripts (JavaScript, Jscript)..
- compare the use of markup languages by different browsers.
- 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 Textbooks:
New Perspectives on Creating Web Pages with HTML and Dynamic HTML, 2nd Edition
 |
Patrick Carey ISBN: 0-619-18719-0 © 2003 Publish date: April 21, 2003 1040 pages |
| This is the current edition. | |
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.
Table of Contents
- HTML
Tutorial 1 Creating a 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 Page
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 - DHTML
Tutorial 1 – Working with Dynamic Page Layout
Tutorial 2 – Working with Dynamic Content and Styles
Tutorial 3 – Working with Special Effects
Tutorial 4 –Working with the Event Model
Tutorial 5 – Working with Windows and Frames - Appendices
- 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
Features
- Updated coverage of code reflects HTML 4.01 standards and is compatible with Internet Explorer 6.0 and Netscape Navigator 6.0.
- New coverage of XHTML integrated throughout HTML Tutorials 3-10, and also in the 8-page appendix on XHTML reinforces learning.
- Includes coverage of creating dynamic text and images, positioning, and data binding
- Includes extra documentation, graphics, and software on the CD in the back of the
Optional chapters covering DHTML and two
chapters on JavaScript, which will not be required in this course. Students with
advanced HTML skills may
substitute assignments with DHTML chapters for the first three chapters of the
course.
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.0. Students using HomeSite 4.51 should go to downloads: http://www.macromedia.com/software/homesite/download/update/
and upgrade their Homesite 4.51 for free with HomeSite 4.52, which is compatible with Windows
2000. Students may also use notepad to type all code from
scratch and not use and HTML editor.
Download HTML Text Editor HomeSite 5.0 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 code. The purpose of CGS 2822 is to concentrate on
building web sites and to study web design.
Instructor: John T. Taylor
Office BACA 210e
Office Phone: 253-7824 to leave message until June 30, 2004
Cell Phone:
813-361-4379 (cell after 9pm M-F plus all weekends) to leave messages at instructor’s home
at designated times or extreme emergencies on weekends.
(Home:
Virtual Office Hours for John Taylor:
For on
campus
current hours Fall/Spring: http://www.hcc.cc.fl.us/faculty/john_taylor/office/office.html
E-MAIL :
jtaylor@hccfl.edu and jtaylor80e@hccbrandon.net
and jtaylorcgs2820@yahoo.com
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
Free
Emails may also be obtained from Hotmail [ http://www.hotmail.com ], MailExcite [ http://www.mailexcite.com ], Yahoo [ http://www.mail.yahoo.com , Bigfoot [ http://www.bigfoot.com
], or all other search engines and many web sites such as http://www.disney.com
. Road Runner, and AOL may be accessed from HCC’s classrooms
E-Mail assignments to:
jtaylorcgs2820@yahoo.com and jtaylor80e@hccbrandon.net
and jtaylor@hccfl.edu
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
Other Required 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. The HCC approach to obtaining the title of "WebYoda Associate Webmaster (WAW) is through completing CGS
1555 and CGS 2820 courses."
This Approach comprises successfully passing the four Webmaster Certification courses listed below and passing an online exam:
- 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:
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 14 plus course packs for $300 which also includes all future courses under development and for an extra $35 the two exams (AWP and CWP). This access is for your lifetime and includes software upgrades such as: Flash 4.0 vs Flash 5.0 vs Flash MX. If HCC becomes a WOW Academy, then the lifetime purchase is $165. $100 buys eight required courses and both certification exams.
Information for direct purchase from Web Yoda:
| Address: | WebYoda, Inc. 1859 Winery Way Tallahassee, FL 32311 |
| Phone: | 1-850-524-9632 |
| Toll Free: | 1-877-Web-Yoda |
| Fax: | 1-850-656-1499 |
| Email: | comments@webyoda.com |
Student Web Yoda Courseware Access
These Web Yoda
materials are designed for 12 hours of classroom/online training each, as well
as future reference via the Web. (HCC has 45 hours of instruction for the
three credit course.) The Web Yoda course content is continuously updated, and
registered students can access the courseware via the Internet to keep up to
date.
The HCC-Brandon
training center has provided your local access to these courses materials in
BTECH 217, BTECH 216, and BTECH 203a-plus
selected stations in the open lab: BTECH 203 at no
charge. If you purchase the disks for home use and after you have registered
these disks you may access the course tutorials via the Internet from anywhere
at: http://www.webmastercertification.com.
Once a month these
materials are updated (8th or 9th of the month). Web Yoda encourages you to visit
the site and reference these course materials.
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. 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. |
At the
The Web Yoda Classes at HCC
|
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 |
|
|
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 |
*New
course for 2001-2002. Will be offered Fall Term 2002 for the first time.
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 of 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! |
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. 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. Most of the class members already have an Internet Service Provider (ISP) at their home.
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 (up to $23/month). By the second week of the course the student must have an ISP and an email address.
Students receive the 50 points by emailing the instructor at jtaylorcgs2820@yahoo.com and mailto:jtaylor80e@hccbrandon.net with cc’s to jtaylor@hccfl.edu 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 1/2 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 Taylor’s four email addresses. During the course the students will send weekly group emails to all class members and the instructor for 25 points each. These group emails will include the URL’s of the student's assignment posting and the best web sites found during the weekly period (from bookmarks or favorite sites) subdivided into the following categories: Educational, Entertainment, Informational, on-line E-Commerce and links to completed HTML pages on his/her web site or URL of your current homework for show/tell/share.
Phone/Email Network:
http://www.hcc.cc.fl.us/faculty/john_taylor/cgs2820/summer04/80eatdSum04.html
links to John Taylor’s 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.
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. 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/. |
|
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.geocities.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.ju.edu/~mbessma/ . 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".
The final class meeting is tentative scheduled for Saturday June 26. This will be a "Dutch Treat Luncheon" (11:30 am-1:30 pm) at a site TBA in Brandon. Students making prior arrangements with the instructor to review the portfolio web site do not have to attend.
Students absent should consult the weekly group emails or the the course calendar at:
http://www.hccfl.edu/faculty/john_taylor/cgs2820/80calendarSum04.html
Access to Student Emails/ Web Site Menu:
http://www.hcc.cc.fl.us/faculty/john_taylor/cgs2820/
80email.html
the file name begins with 80atd followed by the term:Sum04 for Summer 2004.
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
May 17-22
Memorial Day Holiday
May 31
Credit By Exam (1)
June ?
CLAST Credit
June?
Withdrawl Date
June
Credit By Exam (2)
Final Exam Week
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 1/2 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 refernces are often very inaccurate) 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.hcc.cc.fl.us/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
Dynamic
HTML – Comprehensive. 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 not be accepted) 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 recieving 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.
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 1/2 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. Student selecting the Web Yoda/FSU Option will only have to complete 300 points beyond Web Yoda’s 900 points assignments below. 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.
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
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"
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.
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 |
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
Alternative Assignments to 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 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. 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. 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
Not Required
Summer 2004 (Option: Student may contract with the instructor to do any of the
below projects to substitute for Web Yoda assignments):
The student will prepare an on-Line quiz
using the Instructor’s Testing Template for 200 points. 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.
The student will prepare a complex table assignment for 200 points, which
will be either a Turbo HAL maze or a Crossword puzzle.
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.
Final Exam:
The instructor will
administer an on-line Final Exam over the assigned tutorials from
the text. The student may complete the exam off campus or in the Brandon Campus
testing center. The test will be 60 questions via WebCT. This exam may be open book and open notes,
but must be completed individually on-line in 60 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$10 if
WOW Academy). Passing the exam (80% or better) will constitute a 100% grade on
the Final.
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 June 26 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 web Site
______(000) Faculty Internship Web Site (Employer’s web Site)
______(000) Final Course Project
______(400) On-Line Quizzes
______(400) WebCT Exams
______(200) Final 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: 361-4379
(Jax 904-992-2052)
E-MAIL : jtaylor80e@hccbrandon.net jtaylor@hcc.cc.fl.us
Employment:
253-7824 (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
-------------------------------------------------------------------------------------------------------------------------
Data Card (4x6 file card): Back Side (Scheduled Time Blocks)
Sample Spring 2004 Data Personal Schedule (Back of Card)
| Time | Monday | Tuesday | Wednesday | Thursday | Friday |
|---|---|---|---|---|---|
| 8:30-9:30 | Virtual Office OnLine |
office BACA 210e 9:00-9:30 |
office BACA 210e 9:00-9:30 |
Virtual Office OnLine | |
| 9:30-10:45 | Virtual Office OnLine |
CGS 1555 BTech 217 |
Special e-Learning Sessions BTech 216 |
CGS 1555 BTech 217 |
Virtual Office OnLine |
| 10:45-11:00 | Virtual Office OnLine |
office BACA 217 |
office BTech 217 |
office BTech 217 |
Virtual Office OnLine |
| 11:00-12:15 | office Baca 217 10:45-12:15 |
CGS 1555 BTech 217 50-50 Class |
CGS 2820 BTech 217 50-50 Class |
Corporate Click2Learn (Asymetrix) Workshops 8:00-12:00 | |
| 12:15-12:30 | office BACA 210e |
office BACA 210e |
office BACA 210e |
to schedule call (813)361-4379 | |
| 12:30-1:00 | office BACA 210e |
office BACA 210e |
or Web Yoda Training Workshops 8:00-12:00 | ||
| 1:00-2:15 | or Web Yoda Training Workshops 1:00-5:00 | ||||
| 4:30-5:30 | office BACA 210e |
office BACA 210e |
Click2Learn (Asymetrix) Workshops 1:00-5:00 | ||
| 5:30-7:00 | Cgs 1871 BTech 216 50-50 class |
CGS 2874 BTech 216 50-50 class |
|||
| 7:00-9:45 | Drive or Fly Time from Jax |
office BTech 216 6:45-7:30 |
office BTech 216 6:45-7:15 |
Drive or Fly Time to Jax |
The instructor has provided a sample above with his personal data and his block scheduled time. The completion of this card is worth 20 points toward the student's final grade
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