CIS A129: Web Page Design 2

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	No
Basic Skills	Not Basic Skills (N)
Repeatable	No
Grading Policy	Standard Letter (S), Pass/No Pass (B)

Course Description

Intended for students who know how to create web pages using HTML. This course covers advanced Cascading Style Sheets (CSS) techniques such as designing responsive Web sites for tablets, mobile devices, and desktops. ADVISORY: CIS A123. Transfer Credit: CSU.

Course Level Student Learning Outcome(s)

Create and format Web forms and tables.
Create Web page containing various types of animations.

Course Objectives

1. Define the advantages of using Cascading Style Sheets.
2. Differentiate between IDs and Classes.
3. Create positioning styles and apply them to various objects.
4. Create Responsive Web pages.
5. Create and format Web tables.
6. Create and format forms and form elements.
7. Add audio and video multimedia to Web pages.
8. Create and format animations.

Lecture Content

Topic One -- HTML and CSS Review HTML Review Headings Links Images Lists CSS Review Inline Embedded External Topic Two - Media Queries Introduction to Responsive Design Introducing Media Queries Viewports Creating a mobile design Creating a tablet design Creating a desktop design Topic Three – Flexible Layouts Introduction to flexible elements Cross-browser flex-boxes Flex property Print Styles Working with the @page rule Formatting hyperlinks for printing Working with page breaks Topic Four– Working with Tables Introduction to Web tables Table header cells Table columns Table rows Table cells Table borders Spanning columns and rows Table captions Tables and responsive design Topic Five -- Designing a Web Form Introducing Web forms Creating fieldsets Adding legends to forms Creating input boxes Working with field labels Creating selection lists Creating option buttons Creating checkboxes Creating textarea fields Data validation Working with form buttons Topic Six – Enhancing a Web site with Multimedia Plug-ins Working with audio elements Exploring embedded objects Working with video elements Flash Player HTML5 video players Topic Seven -- Animations Creating transitions with CSS Transforms Scale Rotate Translate Setting transition timing Delaying a transi tion Creating a hover transition Animating objects with CSs Applying an animation Controlling an animation Topic Eight -- Improving Your CSS Habits Adding comments Organizing styles Eliminating browser style inherence Using descendant selectors Introduction to JavaScript

Lab Content

Crating Responsive Web pages Creawting a mobile design. Creawting a tablet design. Creating a desktop design. CSS positioning. Working with flex items. Creating animations. Creating and formatting tables. Crating and formatting forms. Creating Web pages with multimedia.

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, group discussions.

Reading Assignments

Student will spend a minimum of 2-3 hours weekly on assigned reading from the textbook.

Writing Assignments

Student will spend a minimum of 2-3 hours weekly creating Web pages using HTML codes and CSS and text contents. The exams contain multiple written questions.

Out-of-class Assignments

Students will spend a minimum of 2-3 hours weekly 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