Course Outline of Record

Item	Value
Curriculum Committee Approval Date	03/11/2020
Top Code	070900 - World Wide Web Administration
Units	2 Total Units
Hours	54 Total Hours (Lecture Hours 27; Lab Hours 27)
Total Outside of Class Hours	0
Course Credit Status	Credit: Degree Applicable (D)
Material Fee	Yes
Basic Skills	Not Basic Skills (N)
Repeatable	No
Grading Policy	Standard Letter (S),  Pass/No Pass (B)

Course Description

This course will provide a practical understanding of HTML and CSS to design and format web pages. Text editors will be used to create and format Web pages incorporating various types of styles. Transfer Credit: CSU.

Course Level Student Learning Outcome(s)

1. Design Web pages containing lists, links and images using HTML markup language.
2. Design Web pages containing various types of styles.

Course Objectives

• 1. Define the World Wide Web (WWW), web server, web client, and web provider.
• 2. Illustrate the use of HTML tags.
• 3. Create and format ordered, unordered, and definition lists.
• 4. Create various types of links.
• 5. Add different types of images to a Web page.
• 6. Add different types of styles to an HTML Web page.
• 7. Add background images to a Web page.

---

Lecture Content

Topic One - Course Overview.  Getting acquainted with the World Wide Web and Hypertext The World Wide Web Navigating by using various browsers Hypertext and hyperlinks Uniform resource locators (URLs) Homepages Homepage components Purpose of homepages Organizational considerations of homepages (linear, hierarchical, combinations) Overall design and layout of homepage Topic Two - A Basic Homepage.  Creating and Editing a Web Page Intro to HTML Lists (numbered, ordered, indented, nested) Creating Hyperlinks E-mail links Working with headings Inserting line breaks and paragraphs Viewing the HTML file in a browser Inserting and formatting horizontal rules Validating Web pages Topic Three - Introduction to CSS History of CSS Inline, Embedded, and External Styles Style Precedence  Applying colors using CSS Applying text and font styles Using contextual selectors Work with attribute selectors Using Web fonts Topic Four - Pseudo Elements and Classes   Creating List styles Working with margins and paddings Pseudo-classes Pseudo-elements Generating content with CSS Topic Five - Designing Page Layouts Various display styles Creating a reset style sheet Exploring Page layout designs Changing block elements alignments Working with width and height styles Floating page content Clearing a Float Working with Container Collapse Introduction to Grid Layouts Creating a CSS Grid Working with Grid Rows and Columns Placing items within a Grid Topic Six - Layout and Positioning Styles CSS Positioning Relative Positioning Absolute Positioning Fixed Positioning Handling Overflow Clipping an element Stacking elements Topic Seven - Graphic Design with CSS Creating Figure boxes Exploring background styles Background properties repeat attachment position Sizing and clipping images Background property Working with borders Topic Eight - Shadows and Gradients Creating Drop Shadows Creating a Box Shadow Applying a color gradient Creating semi-transparent objects Transitions and Filters Transforming page objects CSS Filters Creating Image Maps

Lab Content

Creating basic Web pages. Working with ordered, unordered, and definition lists. Creating various types of links. Working with background images. Creating image maps. Working with CSS.

Method(s) of Instruction

• Lecture (02)
• DE Live Online Lecture (02S)
• DE Online Lecture (02X)
• Lab (04)
• DE Live Online Lab (04S)
• DE Online Lab (04X)

Instructional Techniques

Lecture, use of computers to demonstrate the topic, web page design projects, and group discussions.

Reading Assignments

Student will spend approximately 2 hours on assigned weekly reading from the textbook.

Writing Assignments

Student will spend approximately 2 hours per week creating Web pages using HTML codes and text contents.

Out-of-class Assignments

Students will spend a minimum of 2 hours per week creating Web pages.

Demonstration of Critical Thinking

Computer projects, exams consisting of multiple choice, true or false, hands on, and essay questions

Required Writing, Problem Solving, Skills Demonstration

Computer projects, exams consisting of multiple choice, true or false, hands on, and essay questions.

Eligible Disciplines

Computer information systems (computer network installation, microcomputer ...: Any bachelors degree and two years of professional experience, or any associate degree and six years of professional experience.

Textbooks Resources

1. Required Carey, Patrick. HTML5 CSS, 8th Edition ed. Boston: Cengage , 2021