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.
|
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.
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
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
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.
Upon successful completion of the course the student will be able to:
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.
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:
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.
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 |
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:
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/
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.
Required 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
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.
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
You are expected to know how to use the Blackboard system.
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.
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.
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.
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 |
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 Assignment | 30 | ||
Quiz |
15 | ||
In class exercises | 20 | ||
Wk 6 | Mar. 4 | ||
Introduction to Cascading Style Sheets (CSS), Color Values, Text and Background Color |
30 | ||
Quiz | 15 | ||
In class exercises | 20 | ||
Wk 7 | Mar. 11 | ||
CSS Selectors, Font and Text Styles, Web Fonts |
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 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 |
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 Assignment |
30 | ||
Quiz | 15 | ||
In class exercises | 20 | ||
Wk 13 | Apr. 29 | ||
HTML Table Elements |
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 |
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
|
|||
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.