MWF, 9:00 - 9:50, Jonas 207 · Spring 2014

Instructor: Paul Kopco

Office: Jonas 108C

Office Hours: Monday: 10:00 - 10:50 & 12 - 12:50 Wednesday & Friday: 10:00 - 10:50

Phone: 642-6503

email:

Text:

• MyGraphicsLab - course ID kopco07715 - http://www.mygraphicslab.com
• Adobe Dreamweaver CC Classroom In A Book - Adobe Creative Team

Supplies:

• USB flash drive with at least 4GB capacity
• CD-RW (rewritable CD) or DVD-RW (rewritable DVD)
  
  Students will be responsible for maintaining current backup copies of all work. Loss of your data due to accidental erasure from your working lab computer will not be an acceptable excuse for projects being turned in late or not at all.

Goals:

• To learn core principles, techniques, and tips using Adobe Dreamweaver in a hands-on training format. A 30-day trial version of Dreamweaver Creative Cloud is available here. To use Creative Cloud programs at home, a subscription is necessary. Student pricing is available from Adobe.
• To further develop skills in designing Internet web pages.
• To broaden our understanding of the Macintosh computer and graphics software used to prepare images for the web.

Grading Policies:

The following will determine the final grade:

MyGraphicsLab quizzes to Section 4 - Topic TI -	10%
Midterm exam -	20%
Midterm project -	20%
MyGraphicsLab quizzes from Section 4 - Topic LI to end -	10%
Final exam -	20%
Final project -	20%

This course utilizes MyGraphicsLab, which includes an online version of the textbook. (This MyGraphicsLab course also provides training for the Adobe Certified Associate certification exam.) Topic quizzes will be a component of your grade. You may take the topic quizzes as many times as you want. You will need to study the presentations and videos, do the readings (if any), and do the projects for each topic in order to maximize quiz results. The projects are not to be submitted -- they are to be done in order for you to master concepts covered in the quizzes.

How the MyGraphicsLab topics relate to the Adobe Photoshop CC Classroom In A Book chapters:

1.0 SETTING PROJECT REQUIREMENTS

• Your Audience (YA)
• Copyright Rules (CR)
• Project Management (PM)

2.0 PLANNING SITE DESIGN AND PAGE LAYOUT

• Site Design (SD)
• Design Principles (DP)
• Accessibility (AC)

3.0 UNDERSTANDING ADOBE DREAMWEAVER

• The Interface (IN)
• Introduction: Getting Started
• Chapter 1: Customizing Your Workspace
• The Property Inspector (PI)
• Files and Assets Panels (FA)

4.0 ADDING CONTENT

• Site Setup (SS)
• Chapter 4: Creating A Page Layout
• Chapter 6: Working with Templates
• Text and Images (TI)
• Chapter 7: Working with Text, Links, and Tables
• Chapter 8: Working with Images
• Links (LI)
• Chapter 7: Working with Text, Links, and Tables

5.0 ORGANIZING CONTENT

• Structure and HTML Tags (SH)
• Chapter 2: HTML Basics
• CSS (CS)
• Chapter 3: CSS Basics
• Chapter 5: Working with Cascading Style Sheets
• Interactivity, Edge Tools and Services (IE)
• Chapter 9: Working with Navigation
• Chapter 10: Adding Interactivity
• Chapter 11: Working with Web Animation & Video
• Forms (FO)
• Chapter 12: Working with Forms

6.0 EVALUATING AND MAINTAINING A SITE

• Publishing and Testing (PT)
• Chapter 13: Publishing to the Web
• Chapter 14: Designing for Mobile Devices

The midterm and final exams will be in MyGraphics Lab will be based on the MyGraphicsLab quiz questions. Each exam will consist of a web-based component and a hands-on project component, which will be averaged together for a composite exam grade. The exams are graded starting at 100%, the normal maximum if you answer all the questions correctly.

Participation in class is essential to success in this course. Students will be asked to discuss their own work as well as to critique the work of others.

Grading Scale: 10-point scale.
A = 100-90, B = 89-80, C = 79-70, D = 69-60, F = 59-0

The class projects will be graded on:

• The aesthetic considerations and quality of the project.
• The amount of effort put forth on the project.
• The daily participation in working on the project and understanding of the computer.

You will complete a project in each chapter of the book. In addition to the chapter projects, which will not be graded, two major projects will be completed during the course for grading purposes. Both are websites to be designed for a screen size of 1024 x 768 (usable space = 1000 x 620) with appropriate page titles on all pages. All pages must be operational on both Mac and Windows computers. If you strictly follow the instructions and meet the requirements for the projects as stated below, as well as demonstrate acquired graphic design principles, you will receive a grade of A, but the lowest A (90%). The grade will decrease from there for every instruction not followed or requirement not met. It is possible to earn up to 10 points of extra credit (see below).

• The first project, due the day of the midterm exam, is to produce a website using Dreamweaver with a minimum of eight web pages, with a theme of "All About Me." It will have a main page named "index.htm" or "index.html" with 7 clickable links, each of which will link to a topic page consisting of text and images (at least one image per page — images should be no more than 600 pixels high). The project website will contain a folder named "images" to hold all photos, images, and graphics. It will use tables for placement of page elements and CSS for engaging links. The first four menu links will be labeled:
  • Birthplace (where you were born)
  • Homes or Residences (where you live now and have lived before)
  • Education (where you have gone to school)
  • Interests (what you like to do/your hobbies — this may not include academic subjects like photography, etc. — those are topics for the final portfolio website)
  The subjects of the last three links will be chosen by the student. Possible topics include:
  • Family
  • Pets
  • Music (favorite music/bands/artists)
  • Sports (favorite sports team/s)
  • Movies (favorite films/actors/directors)
  • Work
  • Pet peeves
  This project will become a component of the final project.
  
  
• The second project, due the day of the final exam, is to produce a self-promotional portfolio website using Dreamweaver. This website will be posted to a free hosting service on the Internet. It will have a main page named "index.htm" or "index.html" with at least 4 clickable links, and a folder named "images" to contain all photos, images, and graphics. It will use tables for placement of page elements and CSS for engaging links. In addition, it will incorporate an external CSS style sheet. The first 3 (or more) links will lead to examples of the student's creative college work in at least 3 of the following areas, depending on the student's academic program:
  • art/drawing (images)
  • photography (images)
  • computer graphics (images)
  • journalism (text and/or photographs)
  • broadcasting (text and/or photographs)
  The last link on the index page will be titled "All About Me" and will lead to the midterm project.
   
• Extra credit can be earned above the maximum 90 points for the final project (as explained above). Three extra points will be awarded for each of the following enhancements incorporated into your final project website:
  • Jotform - feedback forms for your schoolwork
  • Visual Lightbox - web gallery generator for your photography/artwork/computer graphics
  • jQuery dropdown menu or PureCSSMenu - website navigation
  • TypeKit - using advanced typography on one or more pages
  • SlideDeck - presentation option
  • Hello Bar - link overlay bar
  • PollDaddy - create a survey or poll

Projects will be due on announced dates. Five points will be deducted from the project grade for every class day late. It will be the student's responsibility to bring missed assignments to me on the day of return.

Course Schedule:

• We will focus on the elements and terminology of web design, and apply them to our projects.
• We will learn the basics of designing for the Internet, including learning about graphics formats, HTML (Hypertext Markup Language), and CSS (Cascading Style Sheets).
• The pace of the class will be determined by how quickly the process of learning programs and developing projects goes. We don't want to compromise quality for speed, yet at the same time setting and meeting deadlines are all part of the process.

Students using the Mac lab at BHSU must follow these rules:

• If you are unsure of something, ask!
• You may not install personal software on or remove software from the computers. Downloading and installing software from the Internet without approval from the instructor is prohibited.
• You may not move any hardware or change the setup of the lab in any way.
• To conserve consumables such as paper and toner, please print only when absolutely necessary.

ADA Statement

Reasonable accommodations, as arranged through the Disabilities Services Coordinator, will be provided students with documented disabilities. Contact the BHSU Disabilities Services Coordinator, Mike McNeil, at 605-642-6099, (Woodburn 134), fax number 605-642-6095, or via email at Mike.McNeil@bhsu.edu for more information. Additional information can also be found at http://bit.ly/ATu91.

Freedom in Learning

Under Board of Regents and University policy student academic performance may be evaluated solely on an academic basis, not on opinions or conduct in matters unrelated to academic standards. Students should be free to take reasoned exception to the data or views offered in any course of study and to reserve judgment about matters of opinion, but they are responsible for learning the content of any course of study for which they are enrolled. Students who believe that an academic evaluation reflects prejudiced or capricious consideration of student opinions or conduct unrelated to academic standards should contact the chair of the department in which the course is being taught to initiate a review of the evaluation.

In this course you are expected to perform to the utmost of your abilities in an honest and sincere manner. Cheating & plagiarism will not be tolerated. Academic misconduct will be dealt with per SD Board of Regents regulations.

Save this page as an Acrobat PDF file

---