Syllabus:
CGS 2940: Web Technology Internship 3 cr.

2001 Summer
Term Section: 23868
A.S. Degree Credit only
SITE: Brandon Campus BTech 210a
DAY/TIME: Span Summer Terms I & II
Class Meets Individually and collectively over the summer
First Meeting May 8-9 TBA times
Last Meeting August 13 11-1, 5-7
Other Scheduled meetings: June 6, July 11, and On Web
HCC Course Description:
+ A coordinated work-study course involving class work and field experience. Students will participate in hands-on activities by assisting with Web page development and/or web server implementation. Objectives determined by the student and faculty-coordinator will be used to evaluate the student. This should be one of the last courses the student takes in the Web Technology A.S. Degree program. The student will attend a minimum of 3 clock hours per week in the internship experience. Credit for this course applies to the associate degrees only.
+ indicates A.S.
Degree Credit only
Required Textbooks:
HomeSite 4.5 fast & easy web development 1st ed. 2001; John W. Gosney
ISBN# 0-7615-3182-3

HTML Software: If the student currently uses a WYSIWYG editor to generate web pages, please refrain from using Front Page, Dreamweaver, or similar editor during one half of the course. The instructor’s text editor of choice is HTML Editor HomeSite 4.52. The student will use note pad or HomeSite to hard code the first web site which must also meet FSU WebMaster Certification criteria. The student may use any software to produce the second wed site.

Download HTML Text Editor HomeSite 4.52 for 60 days:
http://www.allaire.com/products/homesite/
Optional Course
Materials :

Course materials: 4222099 - Mastering the Internet $53.35
4205099 - Beginning HTML $53.35
4221999 - Advanced HTML $53.35
4204699 - E-Business $53.35
4204799 - Web Design and
Graphics $53.35
4204299 - Java Survival Skills $53.35
4226621 - Introduction to Flash $53.35
4204999 – Cold Fusion 101 $53.35

sample
diskette
Instructor: John T. Taylor
Office: Brandon BACA 210a
Office Phone: 253-7824 ; Message 253-7808
Home
Phone: 361-4379 (cell) to leave messages at instructor’s home at designated times
or extreme emergencies on weekends. (Jacksonville
904-992-2052 most weekends)
Office Hours :
Link
to site: http://www.hcc.cc.fl.us/services/faculty/john_taylor/office/office.html
for current hours
E-MAIL :
jtaylor@masterlinx.net or jtaylor@hcc.cc.fl.us
or taylorj_99@yahoo.com
Each student is expected to
have an E-mail address. Free Emails may 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 . Students with a
private ISP without form mail access (remote site access) must also get a free
email and configure the form mail to secure emails from the private ISP.
However, Earthlink, Road Runner, and AOL may be accessed from HCC’s classrooms.
Getting Started:
It is expected that the
student has completed: CGS 1555, CGS 2069, CGS 2820, COP 2822, COP 2823 in
HCC’s Web Technology Program, which may include completion of the Web Yoda’s
Courseware above. The student should
also complete as the sixth course in the program either: CGS 2822, CGS 2825, or
CGS 2876. The student should have the
ability to design his/her own original graphics, must have experience at
developing web pages and posting them on the web. The student should have at least a personal web site in his/her
port folio.
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, which has a tutorial for setup on the Dale Mabry Computer Science Web
Site. Your on-line Mastering the Internet Web Yoda first course has the
following Problem #6:
|
|
|
|
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. |
The student may acquire either through his/her ISP web space, contract
their own web hosting site or use one of the following free sites to post their
web sites:
www.free.prohosting.com
www.spree.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 personal web
site including the student produced web site evaluation form, Web Yoda course
projects, and the web sites created for this course. During the course the instructor may obtain his own web hosting
site, which the student will be able to post all their own work until they
obtain their own web hosting site.
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_94sylS01.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 Capitol 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, the web site will be rejected for certification.
WEB Site Evaluation Form
Assignment:
The student will
search the web, consult web design textbooks, or any other sources to determine
the criteria which should be used to evaluate web pages and a web site. The student will design a HTML form to be
placed on his/her web site so that his/her peers may evaluate his/her web
development during the course. The form
should contain a submit button so that the evaluation results are automatically
submitted to the student and the insructor.
How to submit to the instructor presents a unique problem.
FSU/Web Yoda
Exercises/Homework Completion:
The
student should have completed all FSU/Web Yoda Exercises and homework for six
of the above eight Web Yoda courses prior to the submission of a web site for
FSU Certification. The completed assignments must be posted on the student’s web site. These assignments are optional for completion of the course, but
necessary for the FSU Certification option.
Course Projects – two
Original Web Sites:
Each student will author two web sites as the major course projects for completion of the
course. One site will be hard-coded according to FSU Webmaster
Certification criteria and the other will code by any means to satisfy a
client.
Create site development plans for each web site.
Each site plan should
include:
1. One or two paragraphs summarizing the purpose of the site.
2. A declaration of who will provide the content for the site.
3. A list of the anticipated functions (e.g. "company info site, e-commerce site for placing orders online").
4. Estimated number of pages (10 page minimum). Photo pages, related link pages, slide shows, etc... count as one page each.
5. An initial draft of the site categories.
6. Submission of an image representing the prototype of your initial page or a link to the prototype.
Each project must
have the following qualities:
1. The web site must be a useful and original contribution to the www.
2. The candidate must develop all components of the site, including at least one original graphic. The content (text plus company logos and graphics) may be provided by a customer.
3. The final web site must be a stand alone site. No subsections of larger web sites are permitted.
4. The final web site must be available to the public. No intranets.
5. If the submitted web site for FSU Certification was built for a client, the site still must satisfy the criteria of the FSU Webmaster Certification Committee, regardless of the opinion of the client. No exceptions will be granted, but the site may be used to satisfy the second web site assignment not using FSU guidelines.
6. Submit your site development plan to the instructor.
Note: Your plan for FSU
Certification must be approved
before you may proceed to building your web site. If you do not wait for
approval or make substantial changes to your approved proposal, your project
may never pass certification, and you may have to submit a different site for
certification. (See details about resubmitting later in this section.)
Evaluation Criteria:
Your goal should be
to produce a quality product for your portfolio that you can be proud of, not
the bare minimum to obtain your certificate!
Build your web site.
The major areas that will be evaluated
include, but are not limited to, the following:
1. Implementation of the site plan. Have the set goals been reached? Were the estimates accurate?
2. Navigation. Is the navigational design consistent? Do alternatives exist to navigate? Is it easy to find the information? Where am I? Are supporting links available? Additional features may include: index, site map, search function.
3. Theme. Consistent formatting and functional use across the site of: colors, HRs, graphic elements, page layout, images, BODY attributes, language usage (style).
4. Graphics. Size, load time, ALT, quality, WIDTH/HEIGHT, format, usefulness, reuse, match color scheme.
5. HTML Coding. Clean, no unnecessary tags, include comments, use indentation, no accidental formatting.
6. Compatibility. Result looks acceptable in: At least the latest two versions of Netscape and Internet Explorer, different screen resolutions and monitor sizes, without the use of plug-ins or cutting-edge browser enhancements.
7. Spelling and Grammar. Number of errors minimized. (No errors hardly ever happen...)
8. Content Volume. The amount of information presented must be large enough to adequately cover the scope of the site as stated in the site development plan.
9.
Logical Flow of
Content. No contradictions, no unreasonable vagueness, no obvious
omissions.
FSU Major Points
Avoid FSU rejection
without detailed evaluation.
The following are rules, which must not
be violated by FSU candidates. The FSU certification committee will check these
points first in any submitted site and halt the evaluation process if any of
these rules are found to be broken. The candidate will have to resubmit the
project after making it compliant.
1. No part may be generated by an HTML editor.
2. Must not be a subset of a larger, pre-established web site.
3. Must make a good stand alone www resource.
4. Must have a definite focus or mission statement.
5. Cannot be a mere photo album with descriptions.
6. Cannot be a mere collection of downloadable software.
7. Cannot be a mere collection of links.
8. Cannot be a mere collection of personal information of the candidate.
Must mainly have original and useful on-site information.
Certification Tips
FSU wants to give you as much information as possible to improve your chances for FSU certification. Here is a continuously updated list of changes that were required of previous FSU candidates to pass certification. This list is not exhaustive -- your site will be judged against these criteria as well as the FSU Webmaster Certification Course Curriculum. These tips are also applicable for non-FSU developed web site.
Syntax:
1. Make sure all attributes in the code actually work.
2. No errors in linked pages.
3. All tags must be properly closed and ended.
4. All forms must function.
5. No syntax errors that cause special character "<" or ">" to display.
Text / Formatting:
1. Blinking text is not allowed.
2. Non-clickable text should not use the clickable text colors.
3. Non-clickable text should not be underlined, consider italics.
4. Bold all text that sits on a texture or background graphic.
5. Standard text for a Web site should be the browser default size.
6. Avoid centering all text on a page. (Exceptions possible.)
7. Entire paragraphs should not be italicized.
8. Web site font sizes & colors must be consistent across pages.
Navigation:
1. Borders on navigation buttons should be set to zero (border=0).
2. The <Title> must be descriptive on all pages.
3. Headers should not be underlined or clickable.
4. Unless a page utilizes Flash with a "Skip Intro" option, your site may not include a preliminary page that asks the visitors to "Enter the Site."
Design:
1. The "Home" button should be consistently placed on all pages.
2. The Web site should have an overall consistent color scheme.
3. All sub pages should must have a link or button to the main page.
4. All sub pages should have a consistent bgcolor or background.
5. Headers for all sub pages should be consistent in design.
6. Remove "under construction" icons/text on the main homepage.
7. Icons must depict the task they are supposed to represent.
8. Do not include unrelated graphics..
9. The buttons must sufficiently describe the task they perform.
10. Frames must not be used simply to facilitate navigation i.e., buttons on the left, main pages on the right. There must be a compelling reason to justify the use of frames.
11. Do not list too many uncompleted features.
12. Too many colors are used and make clickable text confusing.
13. Do not warn users that your pages will load slowly.
14. You should have a last updated statement on the main page.
Graphics:
1. One or more broken pictures were found and should be fixed.
2. Graphics should not be too large, and should download reasonably fast.
3. Graphics must be optimized.
4. All Graphics should have an "Alt" attribute defined.
5. All Graphics should have "Width" and "Height" attributes defined.
6. Do not put too many animations on one page.
7. Text on buttons must be readable; consider anti-aliased Text.
8. Each graphic's actual dimensions must match the HTML dimensions.
9. Graphics must be properly resized.
Links:
1. All e-mail addresses must be clickable.
2. Clickable images must work correctly.
3. Clickable images must not produce save-as box instead of a larger picture.
4. Headers should not be clickable links.
5. Clickable links should be consistent in color for all pages.
6. All defined areas on a clickable map must link to the proper destination.
7. Clickable map must not yield errors.
8. Links to other sites should not be trapped in a frame.
Compatibility:
1. Table width must not exceed screen width even on a 800x600 screen.
2. Navigational buttons must not exceed screen width on a 640x480 screen.
3. Button graphics must be readable on average monitors.
4. Page width must not exceed screen width at 800x600DPI.
5. Graphic formats other than GIF and JPG should be avoided.
Certification
Exams:
Students obtaining certification from HCC and/or FSU are not required to take certification exams. It is highly suggested that HCC students complete the certification exams upon completion of their course work. Web Yoda students only pay $35 to $50 for the three levels of exams. Students taking WOW or IWA exams pay $100 per exam.
WOW World
Organization of Webmasters Design and Navigation Check List
WOW uses the following Quick Check List to review a site for the following design elements:
1. Did the site download quickly? Yes No
2. Did the site hold your attention within the first 10 seconds? No
3. Was the purpose of the site apparent to you? Yes No
4. Was the site easy to navigate? Yes No
5. Was the over all site structure obvious? Yes No
6. Was there an index or site map? Yes No
7. Was the design pleasing? Yes No
8. Circle
any of the following design principles present on the site:
Alignment Proximately Contrast Repetition
9. Did the site contain italic text? Yes No
10. If so, was it easy to read? Yes No
11. Was body text center aligned? Yes No
12. Was there incessant animation or blinking text that distracted you from the content on the site? Yes No
13. Did the graphics enhance the content or design of the site? Yes No
14. Did the site have a search engine? Yes No
15. Did the site contain any multimedia elements? Yes No
16. If so, did the multimedia add to the content of the site? Yes No
17. Did the site have a database? Yes No
18. Was there anything you especially liked about the site?
19. Was there anything you didn’t like about the site?
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 be lexible, 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 six to ten may be necessary some week of outside class
time.
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 2940
Address: 4417 Port Arthur Road
Jacfksonville, Florida 32224
Telephone: xxx-xxxx (Jax 904-992-2052)
E-MAIL : jtaylor@masterlinx.net
Employment:
Hillsborough Community College
(1969)
253-7824 (yes) Full time
chemistry faculty(first)
Major: Instructional Technologies Minor: Chemical education
Long Term Goal: Educational Software
Developer; certified webmaster
Web hoisting company
Prerequisite: CGS 1555 ,CGS 2820, COP
2822 yes (COP2823, CGS 2876 no)
Computer Skills: Win95 yes; WP: Word;
Languages: JavaScript
-------------------------------------------------------------------------------------------------------------------------
Data Card (4x6 file
card): Back
Side (Scheduled Time Blocks)
|
Schedule |
Monday |
Tuesday |
Wednesday |
Thursday |
|
08:00-9:30 |
|
|
|
|
|
09:30-10:45 |
|
|
|
|
|
10:30-11:00 |
|
|
|
|
|
11:00-12:15 |
|
|
|
|
|
11:00-11:30 |
|
|
|
|
|
12:30-01:00 |
|
|
|
|
|
1:00-2:15 |
|
|
|
|
|
2:30-3:45 |
|
|
|
|
|
|
Instructor out |
For the |
Summer |
|
|
05:00-06:30 |
Office hours |
Via Internet |
|
|
|
06:30-07:00 |
|
|
|
|
|
07:00-09:45 |
|
|
|
|