CIS 212 covers design and production of Web sites using Adobe Dreamweaver. Plan to spend 9 hours per week on this class. You must have reliable access to a recent version of Dreamweaver and Internet to complete this class, so you must either purchase Dreamweaver (~$120) or use the campus labs. You will also need access to a graphics program such as Photoshop or Fireworks, but only for part of the semester, so you can use a trial version or campus lab computers or find a free image editor. You are expected to check Moodle and email at least twice per week.
2 hours lecture, 3 hours laboratory, 3 units
Online - please see How an Online Class Works
Tuesday 9:00AM - 11:50PM
2 hours per week online (discussion, quizzes, and lab assignments)
Course Web Site: cis2.cuyamaca.net/jreed/212
Jodi's Spring 2013 Office Hours
E-206 or E-107
(overlap with CIS 213 is because I am only paid for one section)
Please request an appointment if you would like to see me outside office hours. I am also available by email.
In this 3-unit course, students will use Adobe Dreamweaver to create Web sites. The course will cover 3 main topics:
- planning - how to organize your content
- design - how to choose an appropriate navigation scheme and "look"
- production - how to use Dreamweaver and Fireworks or Photoshop to create and manage your site
The prerequisite skills for this class are:
- experience using the Web
- experience using e-mail
- experience with Windows or MacOS
These skills can be learned in CIS 105, CIS 110, CIS 211, or GD 105. Solid skills are especially important for students in the online course.
CIS 212 is technically challenging. I strongly recommend that you take CIS 211 or GD 105 BEFORE you tackle CIS 212.
At the end of this course, each student will be able to:
- Use a text editor to write valid HTML code for a page that includes text, headings, images and hyperlinks.
- Use web authoring software to create web pages that include text, headings, tables, lists, images and hyperlinks.
- Describe and apply principles of screen, navigation and interface design (provided with examples in a course design textbook).
- Use web development terminology and describe basic concepts (e.g., uploading, FTP, source code, file naming conventions).
- Upload web pages to a web server.
- Use Cascading Style Sheets to format the text, colors and link attributes for a website.
- Use Cascading Style Sheets to create a multi-column layout for a web page.
- Use an external Cascading Style Sheet and describe the advantages of external CSS.
- Prepare project planning documents that describe content, audience, website structure and navigation scheme in a professional writing style appropriate for a mock client.
- Synthesize design concepts and production skills to design, develop, test and implement a website that is visually appealing and easy to use.
You will be graded on assignments, online discussion, and tests. Moodle
will link to complete instructions, including a scoring rubric for each
Web development project. You will use Moodle to check your grades, turn
in assignments, take quizzes, and participate in class discussion. Your
total grade will include:
|40%||Labs & Projects||Labs are fairly quick ways to reinforce your understanding of a specific concept or skills. Projects require you to apply skills from multiple lessons and give you an opportunity to practice skills covered in the textbooks.|
|5%||Discussion Participation||You are expected to post at least one message to the general Moodle discussion forums each week. These can be questions, comments, responses, interesting Web sites, etc. Your message will be given 1-5 points based on complexity, appropriateness, and helpfulness. Maximum per week: 10 points.|
|15%||Quizzes||Moodle quizzes will cover handouts, textbook, and online video material.|
|30%||Final Web Site||This small web site will demonstrate your mastery of course skills and design concepts. Points include proposal, prototype, peer review, and final web site.|
|10%||Final Exam||The final exam will be cumulative and will include a practical section.|
|Extra Credit||extra credit is sometimes offered and is used to bump up a borderline grade (1-2% below higher grade)|
A 90-100%, awarded for work that exceeds expectations and shows effort, skill, and creativity B 80-89%, awarded for work that exceeds expectations C 70-79%, awarded for work that meets expectations D 60-69%, awarded for work that is below expectation
Due Dates, Make-ups, and Incompletes
Assignments and quizzes are usually due to Moodle a week after they are assigned. Everything is carefully set up in a specific sequence to help you learn, so DON'T SKIP ASSIGNMENTS. Due dates are shown on Moodle. After the due date, you lose 20%. Be sure to SAVE and BACK UP everything you do. BEGIN ASSIGNMENTS EARLY in the week they are assigned so you will have time for questions. ASSUME you will have technical problems and turn in work BEFORE the due date. I have built in plenty of time to allow for questions and technical difficulties as long as you begin on the date it was assigned.
An incomplete grade is given only when there is an emergency near the end of the semester.
Students who are inactive will be dropped from the course. If an entire week goes by with no activity on your part either through the discussion board participation, email communication, or submission of work, quiz, or exam, you will be dropped. Therefore, contact me if your contribution to the class will be interrupted.
Though any student not participating in class for 1 week may be dropped from the course by the instructor, it is always the student's responsibility to drop any unattended course. Failure to drop an unattended course will result in a grade of "F" on your transcript.
Make Me Think, 2nd edition
Steve Krug, Roger Black
$23 on Amazon
1 copy available for one-day checkout at library reserve
Dreamweaver CS5.5: The Missing Manual
Lynda.com video training
NOTE: Join Amazon Student and get FREE Two-Day Shipping for one year with a free Amazon Prime membership ($79 value). The program is available only for students and there is no cost to join--simply sign up by providing your school, major, and campus email address.
You cannot complete this class without reliable access to Internet and a recent version of Dreamweaver. Most online students have Dreamweaver installed on their home computer, but some use campus computers, which have the latest version of Dreamweaver. See Collegebuys.org, Gradware.com, or campustech.com for academic prices. Collegebuys.org sells Dreamweaver for $120. Adobe has bundles that include Dreamweaver, Fireworks (Web graphics), Photoshop and Flash (animation). Adobe also has a free trial (30 days) and a monthly subscription (student price: $30/month for all CS apps, $20/month for one app).
Some students are able to complete the course using old versions of Dreamweaver. This can be confusing. If you choose to use an old version, you are responsible for finding learning materials.
Dreamweaver, Fireworks, and Photoshop are available on 4 Macs and 4 PC's in the E building Open Lab. You may also use Graphic Design Labs and CIS labs during open hours. Tutoring is available in the labs - see Moodle for details.
You need adequate storage to SAVE and BACK UP your work. You are responsible for your work in spite of technical problems, so be sure to back up! Most students use a USB Flash Hard Drive or cloud storage (e.g. Dropbox or iCloud.)
Post general questions to the online discussion. You may also send email to jodi.reed (at) gcccd.edu or stop by during office hours.
NOTE: I must respond to many questions each day, so my responses tend to be brief. Please don't take this personally. I usually respond the same day or the next day. Please try again if you don't hear back within 2 days. I check email most often followed by Moodle discussion and then voice mail.
Students with disabilities who may need accommodations in this class should notify me and contact Disabled Students Programs and Services (DSPS) early in the semester so that reasonable accommodations may be implemented as soon as possible. See www.cuyamaca.net/eops/dsps.asp for contact information.
When creating Graphics or Web sites, treat Web content as you would treat content from a published article or book. Stealing content is unethical, and students guilty of academic dishonesty will receive a zero for the assignment and may be suspended or expelled. It is acceptable to use brief quotes or clip art. It's not ok to copy entire web pages or style sheets or use someone else's images without permission.
Schedule (details on Moodle)
|Week 1:||Course Orientation, Internet Review|
|Week 3:||WordPress, DESIGN|
|Week 4:||WordPress, DESIGN, Dreamweaver Introduction|
|Week 5:||Site Management, Dreamweaver Basics|
|Week 6:||Adding Text, Links & Images, Final Project Overview|
|Week 9:||CSS Layout|
|Week 11:||Final Project, Screen Design, Fine-Tuning Workflow|
|Week 12:||Final Project, Adding Flash, Video, & Sound|
|Week 13:||Libraries, Final Project|
|Week 14:||Code Editing & Forms, Final Project|
|Week 15:||Spry, Final Project|
|Week 16:||Final Project, Final Exam Review|
Important Dates for Spring 2013
Please mark your calendar!
|January 28||Classes begin|
|February 8||Last day to add semester-length classes
Last day to drop semester-length classes without a W
Last day to receive a refund for semester-length classes
|February 11||Census Day|
|February 15-18||Holiday (President's Day Weekend - Friday, Lincoln Day & Monday, Washington Day)|
|March 1||Last day to apply for Pass/No Pass for semester length classes|
|March 22||Last day to apply for Spring 2013 degree/certificate|
|March 25-30||Spring Recess|
|April 26||Last day to drop semester-length classes|
|May 28 - June 1||Final Examinations|
This course adheres to the policies outlined in the Cuyamaca College catalogue. For further information, see Academic Policies stated in the catalog.