HOME

COURSE SYLLABUS

WEBD 162 - Beginning Web Site: HyperText Markup Language (HTML) and Cascading Style Sheets (CSS)

CRN# 88225

This is a hybrid course - part of your work will be on campus and the remainder of your work will be done online.

On campus meetings: Wednesday evenings, 6:00 PM - 7:30 PM - Mesa campus, Room K101

Online course work: http://blackboard.sdccd.edu/ Login = student ID

Password= your birth date mmddyyyy format

2 Units

Letter Grade or Pass/No Pass Option

SPRING 2013: Jan 28-May 25

Professors Marianne Gibson mgibson@sdccd.edu and Farah Marvasti farah_marvasti@yahoo.com

Office hours: Wednesday 5:30 p.m. and by appointment (for either a meeting on campus, online, or on the phone). Be sure to communicate with to each of us first as a meeting in the lab is highly likely and we will need to arrange the specifics.

COURSE DESCRIPTION AND OBJECTIVES

Course Description

This course introduces students to sound practices in creating a Website using HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Students create, validate and publish Websites to the Internet following Web standards. This course is intended for beginning Web design students and anyone interested in a career that requires skills and knowledge in Website construction. This course may be repeated three times as technology changes.

TOTAL LECTURE HOURS: 24 - 27 TOTAL LAB HOURS: 24 - 27

Requisites

Advisory:
ENGL 048 with a grade of "C" or better, or equivalent or Assessment Skill Level R5
&
ENGL 049 with a grade of "C" or better, or equivalent or Assessment Skill Level W5
and
CBTE 101 with a grade of "C" or better, or equivalent
&
CBTE 114 with a grade of "C" or better, or equivalent
&
CBTE 161 with a grade of "C" or better, or equivalent

Student Learning Outcomes

The students will be able to produce valid HTML or XHTML code using a text editor.
The students will be able to judge the best file format (.jpg, .gif, or .png) for an image.
The students will be able to create a basic menu system that communicates the purpose of the linked pages.

Student Learning Objectives

Upon successful completion of the course the student will be able to:

  1. Describe the role browsers play in displaying HyperText Markup Language (HTML) and Cascading Style Sheets (CSS).
  2. Apply web standards to Website construction.
  3. Use industry standard tools and applications to create Websites.
  4. Plan and construct a Website by hand coding the HTML and CSS.
  5. Create a Website layout following industry standards.
  6. Validate the code and publish the Website to the Internet using FTP.

Outline of Topics

The following topics are included in the framework of the course but are not intended as limits on content. The order of presentation and relative emphasis will vary.

Topics
  1. Overview of Webpage markup
    1. Browsers
    2. HyperText Markup Language (HTML)
    3. Cascading Style Sheets (CSS)
  2. Web standards
  3. Basic tools and applications used in Website design
  4. Structure of a Webpage
    1. Document Type Definition (DOCTYPE)
    2. HTML
    3. Head
    4. Body
  5. Structure of a Website
  6. Basic HTML
    1. Text elements
    2. Lists elements
    3. Tables elements
  7. CSS
    1. Constructing a style rule
    2. Applying styles
    3. Box Model
    4. Formatting with styles
  8. Basic layout elements
  9. Symbols and colors
  10. Linking
  11. Navigation
  12. Images
    1. Formats
    2. Resolution
  13. Basic Website publishing
    1. File transfer protocol (FTP)
    2. File management
  14. W3 validation

POLICIES

Attendance Requirements

It is your responsibility to drop and withdraw from this course. If you find you cannot complete this course, you will need to drop it in order to avoid getting an F. We will not drop or withdraw you if it appears to me that you have been active in the course. We do not sign late drop forms. Following is the stated District policy:

Statement of Retention

You must attend at least one course meeting activity prior to Feb. 7th. This will demonstrate that you intend to complete the coursework.  If you do not attend the course regularly prior to this date, you will be dropped from the course for non-attendance and your seat will be opened up to allow someone on the waiting list to add the course by the last day to add.

Students, please discuss your plans to withdraw from class with me. There may be other options for you that may allow you to continue in class.

Important Dates

Start of the semester Jan. 28
Receive, process, and pay for add codes and to drop classes with no “W” recorded Feb. 8
Refund deadline — enrollment fees and/or non‐resident tuition Feb. 8
Holiday - AbrahamLincoln's Birthday Feb. 15
Holiday - George Washington's Birthday Feb. 18
Last day to file a petition for Pass/No Pass grade option Mar. 4
Spring Break Mar. 25-30
Holiday - Cesar Chavez Day Mar. 29
Withdrawal deadline - No drops accepted after this date; will receive a "W Apr. 12
End of the semester May 25
Grades available on e-Grades June 3

Classroom Behavior and Student Code of Conduct

Students are expected to respect and obey standards of student conduct while in class and on the campus. The student Code of Conduct, disciplinary procedure, and student due process (Policy 310, 3100.1 and 3100.2) can be found in the current college catalog in the section Academic Information and Regulations and at the office of the Dean of Student Affairs. Charges of misconduct and disciplinary sanctions may be composed upon students who violate these standards of conduct or provisions of college regulations.

Cheating and plagiarism: Students are expected to be honest and ethical at all times in the pursuit of academic goals. Students who are found to be in violation of Administrative Procedure 3100.3 Honest Academic Conduct, will receive a grade of zero on the assignment, quiz, or exam in question and may be referred for disciplinary action in accordance with Administrative Procedure 3100.2, Student Disciplinary Procedures.

As your instructors, we have the following expectations of your behavior in this class:

  1. Promote a courteous learning atmosphere by exhibiting mutual respect and consideration of the feelings, ideas, and contributions of others.
  2. Demonstrate respect for your work, as well as the work of others, by recognizing and acknowledging strengths and improvements.
  3. Demonstrate respect for tools, equipment and supplies in the class.
  4. Practice consideration for others by maintaining a clean and orderly learning environment.
  5. Recognize everyone's opportunity to contribute information in a relevant and meaningful manner by not monopolizing discussions, interrupting, illogical or inappropriate questions or comments.
  6. This class will be conducted in accordance with the college student code of conduct and basic standards of academic honesty.

Disabled Student Programs and Services

Students with disabilities who may need academic accommodations should discuss options with the Disabled Students Program and Services (DSPS) immediately.

Call or visit Disabled Students Program and Services (DSPS) located on the San Diego Mesa College campus. Contact information is listed on the DSPS webpage: http://www.sdmesa.edu/dsps/

COURSE TEXTS AND SOFTWARE

Text books

There are a variety of ways for you to obtain your textbooks. A few are listed below for your convenience. You can buy your textbook wherever you would like.

 book coverRequired text: New Perspectives on HTML and CSS: Introductory, 6th Edition
Patrick Carey
2012
ISBN 978-1-111-52648-1

Access student data files at cengagebrain.com
Mesa online bookstore http://www.bookstore.sdccd.lew/.,mnbvcxzedu

 

Required software

Software: You will need a text editor or an HTML editor. You can use any text editor or HTML editor you like. Below are some you might consider. The difference between an HTML editor and a text editor, is that the HTML editor has features that help you write your code. One feature that is very useful is code hinting. Code hinting works by suggesting the correct (correctly spelled, too) format for an HTML tag as well as attributes.

HTML editors - open source (free) Mac or Windows

Text editors

If you need a computer to use, go to the Learning Resource Center (LRC, on the fourth floor). A text editor is available in the LRC.

FYI As a student at San Diego Mesa College, you are eligible for student pricing on software at the Foundation for California Community Colleges.

The Foundation for the California Community Colleges has negotiated a special price for students, for both Mac and PC. Select the software package that meets your educational needs; pricing and software offerings can change at anytime CollegeSoftware.org. The pricing on MS Office and Adobe products is very affordable.

Mesa College Bookstore http://www.bookstore.sdccd.edu has a variety of software packages. Call the bookstore, visit their website, or stop by to see their current selection.

Make sure that any software you purchase will work with your computer and operating system. Shop around for the service and price that best matches your needs. Links and pricing may change. If you notice a change before we do, please let me know.

Blackboard Hardware and Software Requirements

Students who do not have access to the equipment, software, and services necessary to take this course at home may use the resources at Mesa College. Computers are available for use in the LRC or the CBTE Department classroom K404. Local public libraries may also have these resources available. Map of the Mesa College campus

Blackboard Orientation Material and Help Desk

You are expected to know how to use the Blackboard system. 

Help Desk

Blackboard technical support is available to students 24/7. If you are having a technical problem with Blackboard, please reach out for help. Call the Help Desk via this toll-free phone 866-271-8794.

You can also visit them online at https://www.sdccdonline.net/help for assistance with any technical issue that you experience with Blackboard and to view the FAQ's.

Internet Access

You will also need to have an ISP (Internet Service Provider) in order to take this course online.

NOTE: Students have had problems accessing their course web site and their system locking up when they use AOL—if possible, avoid AOL.

Course Work and Evaluation

  1. Print out this syllabus and read it.
  2. You need to attend one class meeting by Feb. 7th or you may be dropped.
  3. We will make available the week's online assignments during our on-campus class meeting. Once a lesson is opened, you can work at your own pace.
  4. You can work at your own pace on the online assignments. All work is due by the end of the semester. There are due dates posted to help you manage your time. we expect you to usually finish each week's work in the week it is assigned.  You will notice that the assignments are front-loaded in the class to give you plenty of time to work on your final website project.
  5. Email Farah Marvasti if you need help with the online assignments. We want you to be successful!
  6. Online and on-campus office hours can be arranged with an email. For online "office" visits, we will use the Online Classroom so we can talk and share desktops.
  7. Before starting work on the online portion of this course, study the Student Orientation and Tutorials, which show you how to use the Blackboard tools so that you can successfully complete the online portion of your class. From the homepage, click on the Student Orientation and Tutorials link.
  8. The assignments and quizzes that you will be turning in to be graded are listed in this syllabus. To access the online work for each week, from the homepage, click on the Lessons icon. Once the online assignments are opened, they will be available until the end of the course.
  9. If any of the assignments or quizzes are missing, you will receive a ZERO for that assignment.
  10. Each quiz may be redone. You will receive the higher of the two grades.
  11. Please allow a minimum of 72 hours for assignments and tests to be corrected, a response to be sent to you, and your grade to be entered into the grade log. If we do not check your submissions or email during the weekend, We will do so on Monday.
  12. Any changes to this syllabus will be posted.
  13. Be sure to check both your Blackboard E-mail and the Discussion Board frequently.
  14. A temporary grade of Incomplete ("I") may be assigned in very rare cases.  Specifically, to be eligible for a grade of “I” a student must:
    1. request an Incomplete grade only after the published withdrawal deadline for the course.  (Before that deadline the student should withdraw from the class with a “W.”)
    2. have achieved at least a “C” average for all work and tests due before the withdrawal deadline.  (Missing work and tests that were due before the withdrawal deadline will be counted as “F” when determining this average.)
    3. provide written documentation by a police report or a statement from a medical doctor on official stationary to verify one or more of the following:
      1. a serious disaster, such as a major fire, flood, or earthquake.
      2. a death in the student’s immediate family.
      3. a very serious medical issue with respect to the student.

    If a grade of “I” is assigned, it must be cleared within one year or less.  If the “I” is not cleared within the allowed time, it will change to the grade that would have been assigned at the normal end-date of the class—based only upon  the work that had actually been submitted by the end date of the course.

    A grade of “I” should be viewed primarily as a humanitarian procedure that provides an opportunity for a good student to complete all the course requirements and to achieve the same grade that would have been assigned had a tragedy not occurred. 

    A grade of “I” is not appropriate if used merely to provide additional time for a student to make up usual coursework that is overdue, incomplete, or unsatisfactory.

Weekly Assignments and Points

Week On-campus lecture: Wednesday evenings, 6:00 PM - 7:30 PM in K101. Participation points are awards for participating in the on campus lecture, discussions, and in-class exercises - 20 points a week for 15 weeks for 300 possible points. Pts
Wk1 Jan. 28    
 

Overview / Introduction to HTML5 / Document structure

 
Read the syllabus  

Download the student data files for your online assignment at cengagebrain.com or download the files from "Lessons" in Blackboard.

 
Read in your textbook, HTML and CSS, Tutorial 1-Session 1.1 pages 1-23 and do the exercises on pages 1-23. The exercises are in a tan box. The exercises in the book are part of the assignment that you will turn in at the end of Tutorial 1 in week 3.  
Turn in the exercise Tutorial 1 Session 1.1 pp.1-23 and upload it to the 01wk-Assignment-Tut1-Session1-1 in Blackboard 30
Quiz - Quiz Tutorial 1 Session 1 Week 1 15
In class exercises 20
Wk 2 Feb. 4  
  HTML Grouping Elements,  HTML Lists
02wk-Assignment-Tutorial 1 Session 1.2  pg 24 - 40
30

Add Web Developer Tools to Firefox by Chris Pederick https://addons.mozilla.org/en-US/firefox/addon/60 Windows, Mac and Linux

 
Quiz Tutorial 1 Session 2 Week 2 15
In class exercises 20
Wk 3 Feb. 11  
  External Style Sheets, Text-Level Elements, Images, Special Characters
Tutorial 1 Session 1.2  pg 41 - 60
30
Start thinking about topic for your final web site  
Quiz 15
In class exercises 20
Wk 4 Feb. 18  
 

Hyperlinks, Navigation, Paths, Linking to a Location
Tutorial 2 Session 2.1  pg 71 - 99

30
Accessify's List-o-matic navigation wizard (generator) that uses HTML and CSS http://accessify.com/  
Quiz 15
In class exercises 20
Wk 5 Feb. 25  
 

Image Maps, Linking to Other Protocols, Hypertext Attributes, Metadata
Tutorial 2 Session 2.2  pg 100 - 124

 
Tutorial 2 Assignment 30

Quiz

15
In class exercises 20
Wk 6 Mar. 4  
 

Introduction to Cascading Style Sheets (CSS), Color Values, Text and Background Color
Tutorial 3 Session 3.1  pg 137 - 161

30
Quiz 15
In class exercises 20
Wk 7 Mar. 11  
 

CSS Selectors, Font and Text Styles, Web Fonts
Tutorial 3 Session 3.2  pg 162 - 191

30
Discussion Board posting - Share with the class the Web Hosting Provider you will use (either paid for or free hosting) 20
Quiz 15
In class exercises 20
Wk 8 Mar. 18  
 

List Styles, Navigation Lists, Pseudo-Classes, Pseudo-Elements
Tutorial 3 Session 3.3  pg 192 - 210

 
Tutorial 3 Assignment 30
Quiz 15

In class exercises

20
Wk 9 Apr. 1  
 

Publishing to a server. ftp, hosting, validators, accessibility, Appendix B

 
Begin to Plan Final Project / Proposal – Post your topic to Discussion Board 20
In class exercises 20
Wk 10 Apr. 8  
 

Background Properties, Page Layout, Float

Tutorial 4 Session 4.1  pg 221 - 249
30
In class exercises 20
Wk 11 Apr. 15  
 

Margin, Padding, Borders, Rounded Corners, Outline
Tutorial 4 Session 4.2  pg 250 - 281

30

Quiz Tutorial 4 Session 1 and 2 Week 11

30
In class exercises 20
Wk 12 Apr. 22  
 

Positioning Elements, Overflow, Stacking
Tutorial 4 Session 4.3  pg 282 - 303

 

Tutorial 4 Assignment

30
Quiz 15
In class exercises 20
Wk 13 Apr. 29  
 

HTML Table Elements
Tutorial 5 Session 5.1  pg 317 - 343

30
Quiz Tutorial 5 Session 1 and 2 Week 13 15

In class exercises

20
Wk 14 May 6  
 

Styling Tables using HTML Attributes and CSS 
Tutorial 5 Session 5.2  pg 344 - 377

30
In class exercises 20
Wk 15 May 13  
 

Final Project Due

200
 

Post Project URL on Discussion Board

20
Wk 16 May 20  
 

Web site project - -4 pages

  • CSS and HTML5 layout tags for positioning (at least the header, section and footer tags)
  • CSS navigation
  • An external style sheet
  • A formatted list (can be used in nav)
  • At least two images
  • Formatted headings
  • Formatted p tag
  • Body copy is grammatically correct
  • Body copy is spell checked
  • Site validates for HTML and CSS
  • Site uploaded to the Internet
 
  In-class presentation of your site. Assignment -Wk15 Turn in your completed web site project; submit a zipped file of your root (site) folder. 100
  Discussion board - post URL link to your site. 20
  Participation points for attending the on-campus lectures - 20 points @15 weeks for 300 possible points; participation points for week 16 are included in the points for the presentation. 300

A = 90-100% B = 80-89% C = 70-79% D= 60-69% F = 0-59%

Your grade will be based on your assignments, quizzes, projects, discussion postings and in-class participation (up to 300 points for attending 15 weekly on-campus class meetings; for week 16, the participation points are included in the final presentation).

The in-class points are recorded outside of Blackboard. A final tally of the in-class points will be included in your "My Grades" at the end of the course. You can ask in class to be shown how many points you have earned.

We reserve the right to change the syllabus as the course progresses.