Graphic Design for the Web

13-105 SYLLABUS 

INSTRUCTOR:   Kristi Smith

E-mail (the best way to reach me):   ksmith@allegany.edu

Course Website:   blackboard.allegany.edu

    

Office location:     Somerset Campus (AC214) and Everett Campus  with online office hour via e-mail/Blackboard 814-445-9848 x6108 or the Everett campus 814-652-9528 x6220

 

Please note: Under extenuating circumstances, the instructor has the right to change any course provisions or requirements during the semester.

 

DESCRIPTION: 

This course will introduce students to the proper use of layout strategies, navigation techniques, design elements, and graphic file formats as it relates to the challenges and unique properties of web design. Students will learn how to build original graphics and to use appropriate compression methods for the Web using current industry standard web-graphic design software. The course will review the interaction of media, page design, color and images.

PREREQUISITES: 

Prerequisite: Web Page Development 191, concurrent registration or consent of instructor.

 

OBJECTIVES:

1.  Recognize effective and ineffective web sites through comparative analysis.

2.  Recognize and differentiate between GIF, JPEG, WBMP, and PNG graphic files.

3.  Recognize and understand the unique properties and challenges that exist between web design vs. print  

4.  Troubleshoot and solve problems that occur in the development and creation of web graphics including testing within browsers and software applications

5.  Identify the web-safe color cube essential to the major browsers and use the colors in graphic implementation.

6.  Recognize and use effectively the following design elements: buttons, image maps, rollovers, and navigation bars.

7.  Design and create original graphics for the web. 

8.Learn how to create basic animation 

COURSE POLICIES:

(In addition to the policies listed below, all policies of the A.C. Student Handbook regarding academic standards and student conduct apply.)                             

 

COURSE POLICIES:

(In addition to the policies listed below, all policies of the A.C. Student Handbook regarding academic standards and student conduct apply.)                               

 

ATTENDANCE: Web Students~ failing complete the first deadline I assign may be dropped from the course. 

 

 

LAB AVAILABILITY:  The Fireworks software is installed at the Cumberland Campus (T-163) and is also available to be installed at the Somerset Campus (AC 214) and Bedford Campus (BR19) – please contact me if needing this in PA.  If in need of the software for home, please contact your instructor for the best purchasing options.

 

TUTORING: Tutoring is available FREE at every campus – please contact the instructor early in the semester if you are in need of a tutor OR if you are interested in being a tutor for this course.

 

ASSIGNMENTS & DEADLINES: All deadlines are posted at the beginning of the semester on Blackboard under the schedule. Please make note of these dates! No make-up of exams or in-class assignments are permitted unless a valid, documented medical or emergency situation exists.

 

v All assignments are to be submitted through the “Assignments” button in Blackboard and are not accepted after the date due. This will put a “!” in the gradebook notifying me it’s ready to be graded!  Do NOT use the digital drop box and DO NOT e-mail me assignments! 

QUIZZES

v Are administered completely online. There is no need for you to travel to campuses to take tests.

 

Course grading structure:

                90-100     =     A

                80- 89      =     B

                70- 79      =     C

                60- 69      =     D

                  <60       =     F

 

E-MAIL: Please read and follow these rules otherwise your e-mail may not be read!

·     First….please check Blackboard to see that your correct e-mail was registered otherwise you will not receive critical e-mails from me!!.  You do this by clicking “Tools” and “Personal Information”.  If your email address changes during the course of the semester, be sure to update your email address in Blackboard.

SPAM:  We have an automatic SPAM filter at ACM and without following the rules below, your e-mail may very well be flagged at SPAM and be automatically deleted without me ever knowing it. 

·     Hotmail and Yahoo accounts get marked as SPAM by our firewall – if you e-mail me and don’t get a response, it’s likely that your e-mail was marked as SPAM by our system and deleted. Gmail accounts are recommended and will come right through to me. (www.gmail.com)

·     In the subject line of ALL email you send me please use the name of your course in lowercase (ie: 191webpage)

·     NEVER use ALL CAPS exclamation points or other characters in your subject line OR e-mail message (as this is considered screaming) and also may be flagged as SPAM by our filter and automatically deleted.

·     Always sign your e-mails – with so many web students, I can’t keep track of all of you without your full name and course. 

Lastly, irate, disrespectful behavior will not be tolerated. This includes all web correspondence, e-mail, discussion board posts, etc. I expect the same amount of respect in your message as if you were speaking to me directly. I will respond to all e-mail messages following the rules above within 24 hours, excluding weekends. Please review:  www.onlinenetiquette.com to learn more about proper netiquette.

 

Academic dishonesty:

Refer to the AC Student Handbook for the definition of academic dishonesty, and know well the definition of plagiarism.  Any act of academic dishonesty will be dealt with in an appropriate way.

 



 





 13-105 TENTATIVE COURSE SCHEDULE:

 

**Please note this is a tentative schedule of textbook chapter readings – the weekly assignment

due to me is explained in detail on Blackboard under Assignments button.

 

Week:

Topic/Mandatory readings:

Recommended/optional readings:

1         

Course Introduction

 

Designing text Chapter 1 Getting Started

 

2

*      Designing text Chapter 2 Web Aesthetics

Designing text Chapters 3 Planning Web Projects, 4 Establishing Goals and Chapter 27 Usability

3

*      Designing text Chapter 10 Web File Formats

Fireworks text – Lesson 1 Bitmap Editing

 

4

*      Designing text Chapter 12 – 13  Color

Fireworks text – Lesson 2 Vector Tools

Designing text Chapter 14 HTML Color tags

5

Fireworks text – Lesson 3 Layers

Designing text Chapter 15 Background tiles

6

Fireworks text – Lesson 4 Adding Text

Designing text Chapter 17 Rules & Bullets, 20 HTML type

7

*      Designing text Chapter 16 Transparent gifs

Fireworks text – Lesson 5 Advanced Techniques

 

8

 

9

*      Designing text Chapter 7 Navigation

Fireworks text – Lesson 6 Creating Buttons

 

 

10

*      Designing text Chapter 19 Imagemaps

Fireworks text – Lesson 7 Slices and Hotspots

 

11

*      Designing text Chapter 11 Speedy Graphics

Fireworks text – Lesson 8 Optimizing and Exporting

 

 

12

*      Designing text Chapter 24 Animation & Audio

Fireworks text – Lesson 9 Gif Animations

Designing text Chapters 18 Javascript

 

13

Fireworks text – Lesson 10 Masking and Pop-up Menus

Review Designing text Chapter 7 Navigation

 

14

Fireworks text – Lesson 11 Integrating with Dreamweaver 8

Designing text Chapters 9 HTML, 23 CSS, Chapters 28 - 30

15

Open lab week for final project planning

 

16

Final Project due