12/6/2024 6:27:58 AM |
| Changed Course |
CATALOG INFORMATION
|
Discipline and Nbr:
CS 50.11A | Title:
HTML & CSS 1 |
|
Full Title:
Creating Webpages Using HTML & CSS 1 |
Last Reviewed:12/7/2009 |
Units | Course Hours per Week | | Nbr of Weeks | Course Hours Total |
Maximum | 1.50 | Lecture Scheduled | 1.00 | 17.5 max. | Lecture Scheduled | 17.50 |
Minimum | 1.50 | Lab Scheduled | 0 | 8 min. | Lab Scheduled | 0 |
| Contact DHR | 1.50 | | Contact DHR | 26.25 |
| Contact Total | 2.50 | | Contact Total | 43.75 |
|
| Non-contact DHR | 0 | | Non-contact DHR Total | 0 |
| Total Out of Class Hours: 35.00 | Total Student Learning Hours: 78.75 | |
Title 5 Category:
AA Degree Applicable
Grading:
Grade or P/NP
Repeatability:
00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As:
Formerly:
CIS 58.51A
Catalog Description:
Untitled document
A beginning hands-on introduction to using a Hypertext Mark-up Language (HTML) to design Web pages which will be displayed on the World Wide Web. Students will use HTML to create web pages that have the following elements: text in various size and colors, links, lists, background color and patterns, interlaced and transparent graphics, tables, and mailtos. Principles of color, line and design as they apply to screen presentations will be included.
Prerequisites/Corequisites:
Recommended Preparation:
Completion of CIS 101A or CIS 105A or CS 101A or CS 105A; and eligibility for English 100 or ESL 100.
Limits on Enrollment:
Schedule of Classes Information
Description:
Untitled document
A beginning hands-on introduction to using a Hypertext Mark-up Language (HTML) to design Web pages which will be displayed on the World Wide Web. Students will use HTML to create web pages that have the following elements: text in various size and colors, links, lists, background color and patterns, interlaced and transparent graphics, tables, and mailtos. Principles of color, line and design as they apply to screen presentations will be included.
(Grade or P/NP)
Prerequisites:
Recommended:Completion of CIS 101A or CIS 105A or CS 101A or CS 105A; and eligibility for English 100 or ESL 100.
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP
ARTICULATION, MAJOR, and CERTIFICATION INFORMATION
Associate Degree: | Effective: | | Inactive: | |
Area: | | |
|
CSU GE: | Transfer Area | | Effective: | Inactive: |
|
IGETC: | Transfer Area | | Effective: | Inactive: |
|
CSU Transfer: | Transferable | Effective: | Spring 1995 | Inactive: | Fall 2015 |
|
UC Transfer: | | Effective: | | Inactive: | |
|
C-ID: |
Certificate/Major Applicable:
Both Certificate and Major Applicable
COURSE CONTENT
Outcomes and Objectives:
At the conclusion of this course, the student should be able to:
Untitled document
Upon completion of the course students will be able to:
1. List and describe the software and hardware requirements of setting
up a WWW browser at home.
2. Identify 5 existing HTML screens which they feel are attractive
examples of screen design.
3. Create an HTML project that includes the following items:
a. Basic tags
b. Text in sizes, colors & fonts
c. Links within the document
d. Links to other documents
e. Links to WWW
f. Links to the mailto command
g. In-line graphics
h. External graphics
i. Background color
j. Tables
4. Discuss the capabilities and limitations of HTML.
5. Convert an existing document to HTML.
6. Electronically access three WWW sites which have support material
for HTML.
7. Given a list of 20 HTML markup tags, define them with 80% accuracy.
8. Identify three sources of information/assistance for creating web
pages.
9. List and describe 10 principles of color, line and design
as they apply to screen presentations.
10. Given three examples of Web pages, analyze these screens
using the criteria generated.
11. Load web pages and graphics onto the WWW using
FTP software.
Topics and Scope
Untitled document
1. Software/Hardware Requirements
a. Internet Providers
b. Browsers
2. Basic Markup Tags
a. Starter Tags
1) HTML
2) HEAD
3) TITLE
4) BODY
b. Controlling text size and color
1) Heading Tags
2) Font Tags
3) Break Tags
4) Adding color to text and backgrounds
c. Linking to other documents
1) Relative Links vs. Absolute Paths
2) Links to Specific Sections Within the Current Document
3) Links to Specific Sections in Other Documents
4) Links to other documents in your directory
5) Links to sites on the world wide web
d. Creating Lists
1) Numbered/Un-numbered Lists
2) Definition Lists
3) Nested Lists
4) Using lists as a Tab substitute
e. Preformatted Text
f. Mailto command
g. Graphics
1) Graphic Tags
2) Alternate Text for Browsers that Can't Display Images
3) Aligning Text and graphics
4) Graphics sources on the internet
5) Graphics Conversion
6) Transparent/Interlaced GIFS
7) Displaying a background graphic
h. Tables
1) Table tags
2) Imbedding graphics and links within tables
3) Using tables to gain horizontal control
3. Elements of Effective Screen Design
a. Graphical Interface vs. Text Based
1) Principles of designing with Fonts
2) Using symbols and graphics to replace text
b. Screen Design Principles
1) Color Theory
2) Effective use of Line
3) Special Effects Use vs. Abuse
c. Designing for the Mac and PC platforms
d. Designing for various web browsers
1) Netscape
2) Internet Explorer
3) AOL
Assignments:
Untitled document
1. Create a web site which contains the following elements:
a. Text in various sizes and colors
b. Links within a document, to other documents in the web project
and to sites on the World Wide Web
c. Interlaced and Transparent graphics
d. Background color or graphics
e. Tables
2. Research web sights and analyze them regarding the following
elements:
a. Use of color
b. Graphics
c. Organization of data
e. Speed at which pages load
f. Quality of the information presented
3. Research web sites for technical support regarding web page creation
4. Critique web sites using the on-line forms
5. Load web pages into Internet server using FTP software
6. Present web project to the class
Methods of Evaluation/Basis of Grade.
Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing. | Writing 0 - 0% |
None | |
This is a degree applicable course but assessment tools based on writing are not included because problem solving assessments and skill demonstrations are more appropriate for this course. |
|
Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills. | Problem Solving 20 - 40% |
Incorporate class concepts into a web site | |
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams. | Skill Demonstrations 30 - 50% |
Performance exams, Writing HTML scripts, converting existing document | |
Exams: All forms of formal testing, other than skill performance exams. | Exams 20 - 40% |
Multiple choice, Matching items, Completion | |
Other: Includes any assessment tools that do not logically fit into the above categories. | Other Category 10 - 30% |
Presentation | |
Representative Textbooks and Materials:
Untitled document
"Teach Yourself HTML 4 in a Week, 4th Edition", by Laura Lemay - Sams
Publishing 2001
Print PDF