CWEB 110 - XHTML and CSS

JOHNSON COUNTY COMMUNITY COLLEGE
TECHNOLOGY DIVISION
COMPUTER WEB
COURSE OUTLINE

 

Title: XHTML and CSS Effective Term: Spring 2010
Number: CWEB 110 Credit Hours: 3 Contact Hours: 3
Course Type: Career Lecture Hours: 3 Lab Hours: 0

Description:

This course will cover the essential skills needed to create Web sites, with a focus on using Extensible Hypertext Markup Language (XHTML) and Cascading Style Sheets (CSS). Students will be introduced to the concepts, foundations, syntax and structure of XHTML. Additional topics include the use of File Transfer Protocol (FTP) as a way to publish a web site, validation, and Web standards established by the World Wide Web Consortium (W3C) and other organizations. 3 hrs. lecture/wk.

Associated Costs: These are additional (out-of-pocket) expense considerations that students should expect in addition to the course tuition, fees, and textbooks. $35.

Supplies: Refer to the instructor's course syllabus for details about any supplies that may be required.

Prerequisites: NONE

Textbook(s): For information see - http://bookstore.jccc.net

Course Fees: NONE

Course Objectives:

Upon successful completion of this course the student should be able to:

  1. Explain how to create sites that are compliant with current W3C (World Wide Web Consortium) standards in Web development.
  2. Create valid XHTML pages, structuring page content semantically, adding links, and embedding images.
  3. Organize Web site files and FTP them to the Web.
  4. Create valid XHTML tables and customize them by modifying rows, columns, dimensions, spacing, borders, and background.
  5. Follow professional guidelines for testing and validating Web pages as well as fixing broken links and images.
  6. Apply Cascading Styles to an XHTML document through inline CSS, internal style sheet, or external style sheet.
  7. Test and troubleshoot XHTML and CSS.
  8. Create Web Forms using XHTML.
  9. Create CSS styles for a Web Form.

Content Outline & Competencies:

   I. Web Page Building Blocks 
      A. Develop Web Page Files.
      B. Describe W3C Web Standards.
      C. Discuss how Section 508 of the Disabilities Act  affects Web page
design.
      D Write the source code of a Web page.
      E. Describe Web page Elements, Attributes, and Values.
      F. Identify Web browsers.

  II. Web Page Files 
      A. Define Web file naming conventions and file management.
      B. Employ popular Web browsers to test Web pages.
      C. Publish Web Pages using File Transfer Protocol.
      D. Test the published Web site.
 III. XHTML Structure and Formatting. 
      A. Declare the Encoding and create the foundation.
      B. Write semantically correct XHTML.
      C. Identify the body of the Web page.
      D. Apply styles.
      E. Create structures for the Web page.
      F. Create hypertext and hypermedia links.

  IV. Web Images 
      A. Compare and contrast image file types for the Web.
      B. Explore and use stock image resources for the Web.
      C. Identify Web safe colors; named colors, hexadecimal colors.
      D. Discuss loading images progressively or interlaced
      E. Create Alternate text for images.

   V. Links: Absolute Links, Relative Links, Anchor Links 
      A. Create a link to another page.
      B. Create Anchor Links.
      C. Create Targeting Links.
      D. Discuss using images as links.
      E. Discuss Image maps.

  IV. Cascading Styles Sheets 
      A. Apply Style Rules.
      B. Select Elements by Name, Type or ID.
      C. Select Part of an Element.
      D. Specify Groups of Elements.
      E. Create an external style sheet.
      F. Create an internal style sheet.
      G. Apply styles locally.
      H. Apply Font family, italics, bold, size, font values.
      I. Set text color, text background, text spacing, indents, aligning
text.
 VII. Layout with Styles 
      A. Structure Web pages.
      B. Apply background, foreground color.
      C. Apply borders, padding, margins of Elements.
      D. Apply Aligning Elements.
      E. Apply Making Elements Float.
      F. Create Tableless Layouts.

VIII. Web Forms 
      A. Structure Form with a Table.
      B. Create Form Styles using CSS.
      C. Define Form Fieldsets and Legends.
      D. Create Form Label.

Methods of Evaluation of Competencies:

Evaluation of student mastery of course competencies will be accomplished using the following methods:

A minimum of four tests. 25% 
Papers, studies, assignments, etc. 25% 
A minimum of one web site 50% 
Total 100% 

   
Criteria for Grade: 
90 - 100 A 
80 - 89  B 
70 - 79 C 
60 - 69 D 
0 - 59 F 

Caveats: NONE

Disabilities:

If you are a student with a disability, and if you will be requesting accommodations, it is your responsibility to contact Access Services. Access Services will recommend any appropriate accommodations to your professor and his/her director. The professor and director will identify for you which accommodations will be arranged.

JCCC provides a range of services to allow persons with disabilities to participate in educational programs and activities. If you desire support services, contact the office of Access Services for Students With Disabilities (913) 469-8500, ext. 3521 or TDD (913) 469-3885. The Access Services office is located in the Success Center on the second floor of the Student Center.