COURSE SYLLABUS [This syllabus is an example; be sure to work with your chair when you write your first syllabus; please note that some information is required. I write my syllabi in HTML and then create a PDF to submit to the dean each semester and to upload to Blackboard. You can use any file format the dean approves.]

WEBD 165 - Beginning Web Design: Dreamweaver [Use the official course name; check the schedule at http://schedule.sdccd.edu/; our courses are updated every two years, so check the schedule each semester for the current course name; then use the Course Outline http://www.sdccdcurricu.net/sdccd2/ that matches the Course Name]

CRN# [ONE PLACE YOU CAN GET THIS NUMBER IS FROM http://schedule.sdccd.edu/]

This is a hybrid course - part of your work will be on campus and the remainder of your work will be done online. [Your course may be online or on-campus; modify as needed.]

On campus meetings: day, time, location

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

Password= your birth date mmddyyyy format

3 Units

Letter Grade or Credit/No Credit Option [see Course Outline]

FALL 2012: Aug 20-Dec 17

YOUR NAME: office phone and/or your-email@sdccd.edu

Office hours: XXXX

 

COURSE INFORMATION [http://www.sdccdcurricu.net/sdccd2/ - click on SEARCH>COURSE select course and click on Co icon (course outline)]

Course Description [REQUIRED From the Course Outline, copy the Catalog Course Description.]

This course introduces students to sound practices in creating a Website using Dreamweaver to write HyperText Markup Language (HTML) and Cascading Style Sheets (CSS). Emphasis is placed on the Dreamweaver interface, features and functionality. 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: 32 - 36
TOTAL LAB HOURS: 48 - 54

REQUISITES: [REQUIRED From the Course Outline, copy the 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
and
CBTE 114 with a grade of "C" or better, or equivalent
and
CBTE 161 with a grade of "C" or better, or equivalent

NOTE: an Advisory will not prevent you from enrolling in this course. It advises you of the skills and knowledge you need to have to be successful in this course. Email your professor if you have questions on this topic.

Student Learning Outcomes [REQUIRED Email your chair to obtain current SLO's; NOTE: do not confuse SLO's (Student Leaning Outcomes.) with the Student Learning OBJECTIVES in the Course Outline. You need to include both in your syllabus.]

Students will be able to add two images to a website.

Students will be able to use html titles to communicate content to search engines.

Students will be able to choose copy for title and headings that communicates page's purpose.

Student Learning Objectives [REQUIRED From the Course Outline, copy the Student Learning Objectives]

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

  1. Employ Dreamweaver features and functionalities to complete Web design tasks.
  2. Set up site control features in Dreamweaver.
  3. Use Dreamweaver to create a Website following the HTML and CSS industry standards.
  4. Recognize and identify basic HTML and CSS coding.
  5. Employ Dreamweaver's templates, library items, behaviors, and spry functionality to create a professional Website.
  6. Validate the code and publish the Website to the Internet using FTP.

Outline of Topics [Optional- From the Course Outline, copy the 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.

  1. Dreamweaver
    1. Interface
    2. Features
    3. Functionality
  2. Site control in Dreamweaver
  3. Structure of a Web site
  4. Webpage structure
    1. Document Type Definition (DOCTYPE)
    2. HTML
    3. Head
    4. Body
  5. Adding Images
  6. Creating links
    1. Relative
    2. Absolute
  7. Lists
  8. Tables
  9. Multimedia
  10. Introduction to Cascading Style Sheets (CSS)
    1. Controlling layout
    2. Positioning
      1. Divs, clears, and floats
      2. Image elements
      3. Text elements
  11. Navigation links
    1. Spry
    2. Unordered lists
  12. Templates
  13. Library items
  14. Dreamweaver behaviors
  15. Validation
  16. Publishing a Website

POLICES

Attendance Requirements [REQUIRED Review the file "Important Information for all Syllabi" on http://faculty.sdccd.edu/for the specifics of the District policy.]

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. I will not drop or withdraw you if it appears to me that you have been active in the course. To avoid being dropped, you need to work in the course at least once a week. I do not sign late drop forms. Following is the stated District policy:

Statement of Retention [my statement; you can use mine or modify it to meet your course's needs]

You must attend at least one course meeting activity prior to Aug.30. 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 [REQUIRED http://faculty.sdccd.edu/ Look for the calendar of important dates under the DEADLINE link (top nav bar on the right).]

Start of the semester Aug. 20
Receive, process, and pay for add codes and to drop classes with no “W” recorded Aug. 31
Holiday - Labor Day Sep. 3
Refund deadline ‐ enrollment fees and/or non‐resident tuition Sep. 4
Last day to file a petition for Pass/No Pass grade option Sep. 21
Withdrawal deadline - No drops accepted after this date; will receive a "W Oct. 26
Holiday - Veterans Day Nov .12
Thanksgiving Holiday Nov. 19-23
Last day to submit work; all work due at midnight! (11:59 PM) Dec. 17
End of the semester Dec. 17
Grades available on e-Grades Jan. 7

Class Behavior and Student Code of Conduct [The bulleted section is mine; be sure to review the Important Information for all Syllabi file http://faculty.sdccd.edu/.]

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 imposed 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 instructor, I 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 dishonesty.

Disabled Students Programs and Services [my statement; modify as you wish.]

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/

Textbook and Software [My links and info; modify as you wish; you may not need this section.]

cover of the text bookTextbook:Adobe Dreamweaver CS6 Digital Classroom
June 2012
ISBN-13:9780133005585
by Jeremy Osborn & the Aquent Creative Team

Buy your textbook anywhere that meets your needs; here are three places I know of. Check the book name and ISBN numbers on the sites below carefully as publishers often change their links as new books are added to their stock; since the prices change periodically, carefully check the price online.

Software: Dreamweaver CS6 PC or Mac (If you do not have Dreamweaver, go to the Learning Resource Center, fourth floor, or K404 at Mesa College.) This class will use Dreamweaver CS5 to be in sync with the software at Mesa College. NOTE: The current version available for purchase is CS6.

NOTE: There are minor differences between the PC and the Mac version.

You can purchase your software anywhere; here are a couple of places you can consider. (Prices and software packages subject to change. Follow the links to confirm the current prices and packaged software configurations.)

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.

 Dreamweaver CS6 = about $125 (link straight to Dreamweaver software) http://www.journeyed.com/item/Adobe/Dreamweaver/1534630

You can buy either Dreamweaver alone or one of the bundles. The Foundation's software discount site features software from Adobe, Microsoft and more!

Mesa College Bookstore http://www.bookstore.sdccd.edu/mesa/ has a variety of software. 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 I do, please let me know.

Errata — Correct your textbook [My links and info; modify as you wish; you may not need this section.]

Your textbooks has errors. You need to correct them. Take a minute and open your book to the page listed below and write in the correction. If you don't, you may become frustrated when you are doing a lesson.

Update textbook page 87, step 1

Cross out the last two sentences in step 1. "The 5-pixel border around the images turns blue. This border indicates that the image is linked."

Reason:

Blackboard Course Management System

Hardware and Software Requirements [My links and info; modify as you wish; you may not need this section.]

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 classroom K404. Local public libraries may also have these resources available. Map of the Mesa College campus

Blackboard Orientation Material and Help Desk [My links and info; modify as you wish; you may not need this section.]

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

Help Desk [My links and info; modify as you wish; you may not need this section.]

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 [My links and info; modify as you wish; you may not need this section.]

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 [My links and info; modify as you wish.]

  1. Print out this syllabus and read it.
  2. You may order your textbook for this course online or buy it in the Mesa College Bookstore.  For complete ordering directions, read the section in this syllabus on textbook and ordering Information. 
  3. Before starting work on this course, study the Blackboard Learn 9.1 tutorials, on the Get Ready for Online Learning Success! page, which show you how to use the Blackboard tools so that you can successfully complete this online course. 
  4. To access all the work for each week, click on the Lessons link. The activities, assignments and quizzes that you will be turning in to be graded are linked on the weekly Lessons pages and are listed in this syllabus.
  5. If any of the assignments, quizzes, or graded activities are missing, you will receive a ZERO.
  6. Each quiz may be redone. You will receive the highest grades.
  7. Please allow a minimum of XX hours/days 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 I do not check your submissions or email during the weekend, I will do so on Monday.
  8. I reserve the right to modify the syllabus as the course progresses. Any changes to this syllabus will be posted. [consider having a similar statement]
  9. Be sure to check both your E-mail and the Discussion Board frequently.
  10. Except as discussed below, no work for this class will be accepted after 11:59pm on the last day for the semester.
  11. Students who remain enrolled in this class beyond the published withdrawal deadline, as stated in the class schedule, will receive an evaluative letter grade (A, B, C, D, or F) in the class. 
  12. 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.

ASSIGNMENTS AND GRADING SCALE [Your assignments may take a very different form from mine; work with your chair if you have questions.]

>
Week Topics Activities and Assessments Pts
 

Click on the LESSONS icon in your online course. This link will take you to the weekly lessons containing all the tasks for that week.

 
Week 1 - Aug. 20
  Introductions and orientation Read the email from your professor.  
Read the syllabus
Go through the Student Tutorials on how to use the features of your online course. You will see the link on the homepage.
Read the following lessons in your textbook Adobe Dreamweaver CS6 Digital Classroom
by Jeremy Osborn

Les. 1 Jumpstart
Read Lesson 1: Jumpstart 20
Discussion board - Introductions 10
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 2 - Aug. 27
  Les. 2 Setting Up a New Site Read Lesson 2: Setting Up a New Site  
Assignment - Les. 2 - Setting Up a New Site - do the exercise and turn it in 20
Assignment - Les. 2 Self Study (follow detailed instructions in the Assignment module) 40
Quiz Les. 1 and 2 40
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 3 - Sept. 4 (Sept 3rd is Labor Day)
  Les. 3 Adding Text and Images Read Lesson 3: Adding Text and Images  
Assignment - 03-Les Assignment Text Images 20
Discussion Board - Tell the class about the subject for your 4-5 page website. You will begin gathering content and planning your website in week 4.) 10
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 4 - Sept. 10
  Les. 4 Styling Your Pages with CSS Read Lesson 4: Styling Your Pages with CSS  
Assignment - 04 Les Assign CSS styling 20
Self Study - 04 Les Self Study - create a two page Website. See the detailed instructions in the 04 Les Self Study. 75
Discussion - Find a website you like and share it with your classmates. Explain what features you like. 10
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 5 - Sept. 17
  Les. 5 Creating Page Layouts with CSS Read Lesson 5: Creating Page Layouts with CSS  
Assignment - 05 Les Assign CSS-layouts 20

Self Study - 05 Les Self Study - format a footer

Create a root folder, two pages and CSS - detailed instruction in the Self Study - Les 5 assignment; you will need to download self-study-footer.zip file to complete this assignment. You must complete all steps. See the detailed instructions in the 05 Les Self Study.

75

Online quiz - w3schools website, http://www.w3schools.com/xhtml/default.asp,

Complete the XHTML tutorial and quiz; save the final score page and submit it through the Assignment box. Take the quiz as often as you want until you get 100%.

20
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 6 - Sept. 24
 

Les. 6 Advanced Page Layout

Read Lesson 6: Advanced Page Layout  
Assignment - 06 Les Advanced Page Layout 20

Review the Website project criteria for your website and start to plan it; start preparing the content - writing the copy and gathering images. (The final version of your website is due in week 15 of the course.)

Here are detailed instructions, with videos, on the steps in creating a Website.

 
Complete the 06 les Self Study Layout assignment (75 points)
  • Self Study - Les 6 - Create a simple Web site using floats and CSS
  • You may want to use this assignment as the basis of your Website project.
75
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 7 - Oct. 1
 

Les. 7 CSS3 Transitions and Web Fonts

Read Lessons 7 Transitions and Web Fonts  
Assignment - Transitions and Web Fonts 20
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 8 - Oct. 8
 

Les. 8 Working with Tables

 

Read Lessons 8 Working with Table  
Assignment - 08 Working with Table 20
Discussion - Find one website that offers good information for web designers - either tutorials or knowledge - and share it with your classmates. Include the URL. 10
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 9 - Oct. 15
 

Les. 9 Fine-Tuning Your Workflow

 

Read Lesson 9: Fine-Tuning Your Workflow  
Assignment - 09 les Fine-Tuning Your Workflow 20
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 10 - Oct. 22
 

Les. 10 Adding Flash, Video, and Sound Content

 

Read Lesson 10: Adding Flash, Video, and Sound Content  
Assignment - Les. 10 Adding Flash, Video, and Sound Content 20
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 11 - Oct. 29
 

Les. 11 Maximizing Site Design (snippet, library items and templates)

 

Read Lesson 11: Maximizing Site Design (snippet, library items and templates)  
Assignment - Les. 11 Maximizing Site Design 20
Self Study -10 Les Self Study Templates- Create a template for your Web site project. Create one page using your template. You can wait until Week 12 to add your navigation if you want. 75
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 12 - Nov. 5
 

Les. 13 Working with Code-editing Features

 

Read Lesson 13: Working with Code-editing Features  
Assignment - 13 Les Working with Code-editing Features 20
Self Study - Les. 13 - Add navigation to the template for your Web site project that you created in Self Study Les 10. 75
You should be working up your Web site. Let me know if you need to consult with me or if you need help. Don't be shy!  
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 13 - Nov. 13
 

Les. 14 Adding Interactivity with the Spry Framework

 

Read Lesson 14: Adding Interactivity with the Spry Framework  
Assignment - 14 - Adding Interactivity with the Spry Framework 20
Assignment - Self study hosting 75
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 14 - Nov. 26
 

Les. 15 Mobile Design and Layout

Work on final Website project

Read Lesson 15 Mobile Design and Layout  
Assignment - 15 Les Mobile Design and Layout 20
Work on your Website project this week.  
Online Lecture TUESDAY 8pm (optional); click on the Online Classroom link  
Week 15 - Dec. 3
 

Les. 16 Managing your Website: Reports, Optimization, and Maintenance

Final Website due

 

Read Lesson 16 Managing your Website  
Assignment 16 - Managing your Website 20
Assignment - submit your website for review and grading; I will return your website project to be perfected if needed. I will give you a grade based on the perfected site, not the initial submission. 200
Online Classroom - I will be in the online classroom to help you. 8-9  
Week 16 - Dec. 10
  Final Exam and Website Project Uploaded to Hosting Server
Make any corrections to your Web site project and upload it to your hosting server; post the link on the discussion board so your classmates can see your site.  
Final Exam – 50 points 50
Upload your site to your website hosting server. Then share the link for your graded website with your classmates on the Discussion board 20

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, and discussion postings. The final grade in this class will be affected by active participation in the discussion postings.

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