DM70, Web Design Basics

M. RinaldiC. MendozaN. SanchezJ. Fillmore

Learn more

Courses I Teach

I teach an online course, Digital Media 70, Web Design Basics, where students use Adobe Dreamweaver and other web-based applications to combine text, graphics, and media. Learn the fundamentals to create, edit, and manage web sites. Students should have foundational knowledge of HTML and CSS, and also be able to create and edit graphics using Photoshop or an equivalent program. DM70 is best taken during the third semester of the Digital Media Program, after taking the prerequisite DM60, Web Publishing 1.

DM 70 Topics

What we will cover:

  1. Review HTML and CSS
  2. File organization and naming conventions; structure and defining sites
  3. Typography and graphics; CSS selectors and external style sheets; web accessibility
  4. Hypertext links, graphic links, email links
  5. Placing optimized graphics, using background graphics, view/edit HTML, creating rollover images
  6. Create data tables
  7. Fluid grid layout for multiple screens
  8. Creating forms
  9. CSS navigation bars, javascript behaviors
  10. Multiple state rollovers
  11. HTML5 and CSS3
  12. Adding Media
  13. Flexible images and media
  14. Running site-wide reports

Teaching & Learning Center

The TLC is a technology resource center for faculty and staff. Our services are primarily instructional in nature. For example, any technology that's used to teach students, we support it. The most widely used technology is the web and faculty learn how to create web pages and use Blackboard to support course instruction. We also provide faculty help in creating podcasts, video tutorials, and how to teach online.

Distance Education

An online distance education course is delivered via the Internet using a campus-supported Learning Management System (LMS) called Blackboard. Some classes may require on-campus meetings for orientation or test sessions. Students are required to use a computer with Internet access as the primary technology and may be required to use other available technologies to acquire and learn course content. Through regular effective contact, instructor and students interact to complete assignments and assessments and to demonstrate Student Learning Outcomes.

Staff Development

Cabrillo College Staff Development, under the coordination of the Teaching & Learning Center offers faculty, staff and administrators activities and resources for professional development. The Staff Development Committee oversees Flex Week.

About Me

Education

MA in Education, Instructional Technology, San Jose State University
BA in Biology, University of California, Santa Cruz
AS in Dental Hygiene, Cabrillo College

Experience

2006 to present, and 1997–2005
Director, Teaching & Learning Center, Cabrillo College
Distance Education, Technology Training and Support, Staff Development, Digital Media Instructor, Program Chair (2011 to present)

2008–2010
Online instructor with @ONE, a technology training project funded by the California Community College Chancellor's Office

2005
Director of Enrollment Services
Coordination of the Enrollment Services Center project.

DM 70, Web Design Basics

Course Inforrmation

In this introductory web design course, students use Dreamweaver and other web-based applications to combine text and graphics to create, edit and manage web sites. Students must have some coding experience in HTML and CSS. Nervous about the coding part? James can explain why coding is not as scary as it seems. Ability to create and edit graphics using Photoshop or an equivalent program is essential, and have regular access to a computer to do your work.

Syllabus

Registered and Waitlisted Students

DM70 is an ONLINE course, there are no on-campus meetings. Those students on a waitlist who wish to add MUST contact me via email before the term begins. I generally add an additional five students from the waitlist. Registered students may log in to Blackboard beginning the first day of classes. Follow the instructions on the the login page to activate your account. Registered students who do not complete the first week's assignments will be dropped from the course.

Prerequisites

DM60: Web Publishing 1 and DM1: Introduction to Digital Media. You must have basic foundational knowledge of HTML and CSS and be able to use Photoshop or an equivalent program.

Adding This Course

If you wish to add the class after the term begins, contact me for an Add Code. Blackboard users must allow 1 business day for account activation.

How You Will Learn Web Design Online

There will be weekly live webconference sessions where students can ask questions and follow along with demonstrations. These sessions will also be archived for viewing at a later date if you cannot attend the live session.

There are plenty of opportunities to learn web design:

  1. lecture material online
  2. Lynda.com weekly video lessons
  3. class discussion board and collaboration with classmates
  4. weekly webconference sessions (live or view archived version)
  5. on campus/phone assistance
  6. timely feedback on weekly assignments

Regular class attendance (defined by online participation) is required.* Active participation in the course includes contributions to the discussion board on a weekly basis in addition to submitting assignments and taking quizzes. Online participation is a graded component of this course. You are required to spend at least 2 hours with the lecture material and an additional 6 hours practicing skills learned in the video lessons EACH WEEK during a time that works with your schedule. The course management system allows me to track your progress (participation) throughout the course.

Assess your readiness for online learning.*

*Online classes are not for everyone. It takes a great deal of self-motivation, good organizational skills, and regular participation to succeed. Excessive absence (missing more than two weeks of class assignments) can cause a student to be dropped from the course.

Required Online Video Library Subscription

This course does not use a textbook, but requires a subscription to the Lynda.com online video library for Dreamweaver CC. The $39 cost is slightly less than a textbook and your subscription is good for the entire semester. Video lessons for each week also include downloadable practice files. (Note: If you are enrolled in an employment development program, your lynda.com invoice is your receipt for reimbursement.)

Online Video Lessons — lynda.com
Dreamweaver CC Essential Training is a tutorial including over 100 QuickTime videos designed for beginning to intermediate Dreamweaver users. It requires your instructor sign you up and you will be billed by the publisher. The cost is generally around $39 for the entire semester. Access to the training library will include additional tutorials on Wordpress and HTML5 responsive design. Access begins the second week of class and is good for the duration of the term.

For a video preview of Dreamweaver CC features, go to lynda.com

You can also get a Certificate of Completion for the Dreamweaver lynda.com course, including banners and links for your web site verifying your participation.

This course will be taught using a combination of written lessons and video demonstrations. The online library video lessons from lynda.com will be assigned each week. The Computer Technology Center at both the Aptos and Watsonville campus has computers for students to do their assignments on. Be sure to check out a headset for your workstation so you can turn up the audio to the desired volume.

Software

Student Adobe Creative Cloud License ($19.99 per month with an annual license commitment)
Purchase online.
This gives you access to every Adobe Creative Cloud application. If you take more than one Digital Media class, you have access to Photoshop, Illustrator, Dreamweaver, Flash, Premiere, After Effects, and InDesign.

You will need regular access to a computer and at least two different browsers such as Firefox, Chrome, and Safari. Be sure your browser is updated to the latest version, and you are running the latest version of Java. Your browser should be able to open PDF files and YouTube videos.

Getting Started

Register for the class. Detailed orientation information will be presented in Blackboard starting the first day of classes. Activate your Blackboard account at least 3 days before the first day. Log in the first day of the semester, read the orientation information, complete a short questionnaire, and introduce yourself in the Module 1 blog. The course is divided up into weekly Modules. So for week 1 you will be reading all the orientation information, and completing all items in the Module 1 folder as well.

Contact Information Phone Hours
Teaching and Learning Center

831.479.6191 (Office)
831.479.5030 (TLC Helpdesk)

M-Th 8:30-5
M-Th 8:30-5, F 9-1
Digital Media Instructor and Program Chair

831.479.6191 (Office)
831.479.477.3241 (Blackboard Helpdesk)

M-Th 8:30-5
M-Th 8:30-5, F 9-1