COURSE SYLLABUS

WEBD 165 - Beginning Web Design: Dreamweaver

 

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:

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

The students will be able to add two images to a website.

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

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

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

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.

POLICES

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. 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:

• It is the student's responsibility to drop all classes in which he/she is no longer participating.
• It is the instructor's discretion to withdraw a student after the add/drop deadline due to excessive absences.
• Students who remain enrolled in a class beyond the published withdrawal deadline, as stated in the class schedule, will receive an evaluative letter grade in this class.
• Attendance: The final grade in this class will be affected by active participation, including attendance, as outlined in the Weekly Assignments and Points section of this syllabus, which lists the point value awarded for each week's in-class participation.

Statement of Retention

You must attend class and complete assignments prior to Feb. 6th. This will demonstrate that you intend to complete the course.  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 27
Receive, process, and pay for add codes and to drop classes with no “W” recorded	Feb 7
Refund deadline ‐ enrollment fees and/or non-resident tuition	Feb 7
Holiday - Abraham Lincoln Day	Feb 14
Holiday - George Washington Day	Feb 17
Last day to file a petition for Pass/No Pass grade option	Mar 3
Spring Break	Mar 31-Apr 5
Holiday - Cesar Chavez Day	Apr 4
Withdrawal deadline - No drops accepted after this date	Apr 11
Last day to submit work; all work due at midnight! (11:59 PM)	May 24
End of the semester	May 24
Holiday – Memorial Day	May 26
Fall 2013 grades available on e-Grades	June 2

 

Class Behavior and Student Code of Conduct

Student Code of Conduct

• Students are expected to adhere to the Student Code of Conduct at all times. Students who violate the Student Code of Conduct may be removed from class by the faculty for the class meeting in which the behavior occurred, and the next class meeting.
• For online classes: Student access to class is removed for one week (5 instructional days).
• You will be able to make up any missed work.
• Incidents involving removal of a student from class will be reported to the college disciplinary officer for follow up.
• The Student Code of Conduct can be found in Board of Trustees Policy, BP 3100, Student Rights, Responsibilities and Administrative Due Process posted on the District website at http://www.sdccd.edu/public/district/policies/index.shtml.

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.

Disabled Students Programs and Services

• Students with disabilities, who may need academic accommodations, should notify the professor within the first two weeks of instruction. All information will be kept confidential.
• Students that need evacuation assistance during campus emergencies should also meet with the instructor as soon as possible to assure the health and safety of all students.

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://dsps.sdccd.edu/

Textbook: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 is installed in our classroom. You will complete a portion of your work in class. If you do not have Dreamweaver, go to the Learning Resource Center, fourth floor at Mesa College to complete the online portion. 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 but confirm the current prices and packaged software configurations as links can change over time.

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 $150 (link straight to Dreamweaver software)

• PC version http://www.journeyed.com/item/Adobe/Dreamweaver/1534478
• Mac version http://www.journeyed.com/item/Adobe/Dreamweaver/1534477
• Cloud version includes all Adobe applications http://www.journeyed.com/adobe_creative_cloud/pid This is a discounted price of $19.99 a month for one year. NOTE: If you subscribe to the Creative Cloud be sure to download and use Dreamweaver CS6, which is an option for you in addition to the Dreamweaver CC.

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

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:

• The <img> tag in DW CS6 no longer shows a blue border to indicate a link from an image.
• In HTML4, the W3C deprecated, and marked as obsolete, the following attributes in favor of using CSS: V space – H space – Border – Align.
• NOTE: in earlier versions of Dreamweaver, you will see a blue border, which indicates that the image has a link.
• To remove the blue border in earlier versions of Dreamweaver,
  • Click on the image.
  • In the Property Inspector panel, enter a ZERO for the border. You can also remove the attributes from the img tab in the HTML.

    

• Link to Adobe's blog that discusses this issue. http://blogs.adobe.com/dreamweaver/category/real-world-use

Update textbook page 124 - step 3

• Find the text "...At the bottom of the screen, click the Rule Definition menu and choose (New Style Sheet File);"
• Problem: Because the link href  morestyles.css already exists in the head of the events1.html page (look at the events1.html head), there is a default css file suggested in the Rule Definition menu of morestyles.css.
• Fix: from the Rule Definition menu, choose morestyles.css and click OK.
• Delete step 4.
  
  

Blackboard Course Management System

Hardware and Software Requirements

• Link to SDCCD Online's Suggested hardware and software requirements as well as other useful links
• Acrobat Reader (click here for a free download)
• Flash Player (click here to download)
• QuickTime Player (click here to download)

Students who do not have access to the equipment, software, and services necessary to complete the course assignments at home may use the resources at Mesa College. Computers are available for use in the LRC. 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. 

• Some orientation material can be found in our Blackboard course after logging in. 
• For additional training material, login instructions, student orientations, and support information please visit http://www.sdccdonline.net/students/training/.

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.

• To get technical support using your online course.
• If you are having trouble navigating and finding the assignments, discussions, etc.
• To get help zipping folders and uploading them to the assignment dropbox.

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.

Course Work and Evaluation

1. Print out this syllabus and read it.
2. 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. 
3. To access theonline 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.
4. If any of the assignments, quizzes, or graded activities are missing, you will receive a ZERO.
5. Each quiz may be redone. You will receive the highest grades.
6. 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 I do not check your submissions or email during the weekend, I will do so on Monday.
7. Any changes to this syllabus will be posted.
8. Be sure to check both your Messages and your email account frequently.
9. No work for this class will be accepted after 11:59pm on the last day for the semester.
10. 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. 
11. 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

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 - Jan. 30
	Read the following lessons in your textbook Adobe Dreamweaver CS6 Digital Classroom by Jeremy Osborn	Go through the Student Tutorials on how to use the features of your online course. You will see the link on the homepage.
	Les. 1 Jumpstart	Read Lesson 1: Jumpstart	20
		In-class activities	30
Week 2 - Feb. 6
	* Les. 2 Setting Up a New Site	Read Lesson 2: Setting Up a New Site
		In-class activities	30
		Assignment - Les. 2 - Setting Up a New Site - do the exercise and turn it in	20
		In class - Les. 2 Self Study (follow detailed instructions in the Assignment module)	40
		Quiz Les. 1 and 2	40
Week 3 - Feb. 13
	Les. 3 Adding Text and Images	Read Lesson 3: Adding Text and Images
		In-class activities; tell the class about the subject for your 4-5 page website	30
		Assignment - 03-Les Assignment Text Images	20
Week 4 - Feb. 20
	Les. 4 Styling Your Pages with CSS	Read Lesson 4: Styling Your Pages with CSS
		In-class activities	30
		Assignment - 04 Les Assign CSS styling	20
		In class Self Study - 04 Les Self Study - create a two page Website. See the detailed instructions in the 04 Les Self Study.	75
Week 5 - Feb. 27
	Les. 5 Creating Page Layouts with CSS	Read Lesson 5: Creating Page Layouts with CSS
		In-class activities	30
		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/html/html_xhtml.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
Week 6 - Mar. 6
	Les. 6 Advanced Page Layout	Read Lesson 6: Advanced Page Layout
		In-class activities	30
		Assignment - 06 Les Assign Advanced 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.
Week 7 - Mar. 13
	Les. 7 CSS3 Transitions and Web Fonts	Read Lessons 7 CSS3 Transitions and Web Fonts
		Complete the 06 Les Self Study Layout POP QUIZ in class (75 points). Create a simple Web site using divs, floats, clears and CSS You may want to use this assignment as the basis of your Website project.	75
		Assignment - 07 CSS3 Transitions and Web Fonts	20
Week 8 - Mar. 20
	Les. 8 Working with Tables	Read Lessons 8 Working with Tables
		In-class activities	30
		Assignment - 08 Les Assign Tables	20
Week 9 - Mar. 27
	Les. 9 Fine-Tuning Your Workflow	Read Lesson 9: Fine-Tuning Your Workflow
		In-class activities	30
		Assignment - 09 Les Assign Workflow	20
Week 10 - Apr. 10
	Les. 10 Adding Flash, Video, and Sound Content	Read Lesson 10: Adding Flash, Video, and Sound Content
		In-class activities	30
		Assignment - Les. 10 Assign Multimedia	20
Week 11 -Apr. 17
	Les. 11 Maximizing Site Design (snippet, library items and templates)	Read Lesson 11: Maximizing Site Design (snippet, library items and templates)
		In-class activities	30
		Assignment - Les. 11 Assign Max Design	20
		In-class Self Study -11 Les Self Study Templates- Create a template for your Web site project. Create one page using your template. You can wait until Week 13 to add your navigation if you want.	75
Week 12 - Apr. 24
	Les. 12 Working with Code-editing Features	Read Lesson 12: Working with Code-editing Features
		Assignment - 12 Les Assignment Code Editing	20
		In-class activites, work on your Web site and sign up for a hosting provider; HTML5 Easy Video	30
Week 13 - May 1
	Les. 14 Adding Interactivity with the Spry Framework	Read Lesson 14: Adding Interactivity with the Spry Framework
		In-class activities	30
		Assignment - 14 Adding Interactivity with the Spry Framework STOP at page 365 Working with Spry Data Widgets	20
		In-class Self Study - Wk. 13 Les 14 - Add navigation to the template for your Web site project that you created in Self Study Les 11.	75
Week 14 - May 8
	Les. 15 Mobile Design and Layout Work on final Website project	Read Lesson 15: Mobile Design and Layout
		Assignment - 15 Mobile Design - Extra Credit	20
		Work on your Website project this week.	30
Week 15 - May 15
	Les. 16 Managing your Website: Reports, Optimization, and Maintenance Final Website due	Read Lesson 16:Les. 16 Managing your Website: Reports, Optimization, and Maintenance
		Assignment - 16 Managing a Website - Extra Credit	20
		Assignment - Final Website 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.	100
Week 16 - May 22
	Website Project Uploaded to Hosting Server (extra credit) In-class Presentation	Present your Final Website Project to the class. You will have 3 minutes to do your presentation.   You will share with your classmates: The goal of your site (make a site for a pet rescue, my online resume, a business, etc.) One challenge you had was... One thing you like about your site is.... One feature of Dreamweaver you liked.	100
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.

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

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