Syllabus - ART 259 Fall 2004



Syllabus - ART 259 Spring 2017

I. Course Course Course

Prefix Number Name Credit Lecture Lab

ART 259 Web Graphic Page Design 3 0 6

II Prerequisites: none

III Course (catalog) Description:

Course covers use of graphics, animation, and multimedia in web page design and production. Content includes fundamentals of graphic production, layout design principles, animation, and engineering principles of multimedia. Final project incorporates graphics, sound, and movies. Dreamweaver used as the main software. Recommended: experience with digital imaging using PhotoShop.

Instructor: John Petroshius

847-562-6781 (studio)

john@ jpetrosh@oakton.edu

Class Web Site: petroshius. (Log Jam)

IV Learning Objectives:

A. To identify the basic concepts and terms used in web page production.

B. To understand how web pages are constructed.

C. To demonstrate appropriate use of the hardware and software involved in the design and production of web pages and the implementation of web pages for the end user.

D. To design and author web pages, incorporating graphics, animation, and multimedia.

E. To recognize the limitations of the web.

F. To demonstrate familiarity with the legal and ethical issues related to the design and use of web sites.

V Academic Integrity and Student Conduct:

Students and employees at Oakton Community College are required to

demonstrate academic integrity and follow Oakton’s Code of Academic

Conduct. This code prohibits:

• cheating,

• plagiarism (turning in work not written by you, or lacking proper citation),

• falsification and fabrication (lying or distorting the truth),

• helping others to cheat,

• unauthorized changes on official documents,

• pretending to be someone else or having someone else pretend to be you,

• making or accepting bribes, special favors, or threats, and

• any other behavior that violates academic integrity.

There are serious consequences to violations of the academic integrity policy. Oakton’s policies and procedures provide students a fair hearing if a complaint is made against you. If you are found to have violated the policy, the minimum penalty is failure on the assignment and, a disciplinary record will be established and kept on file in the office of the Vice President for Student Affairs for a period of 3 years. Please review the Code of Academic Conduct and the Code of student Conduct both located at oakton.edu/studentlife/student-handbook.pdf.

*Required Textbooks:

1) HTML & CSS - Design and Build Websites

by Jon Duckett - Wiley & Sons…ISBN-13: 978-1-118-00818-8

Supplies: (non-U3) Flash/Thumb drive

Methods of Evaluation: The final grade will be based on the following:

1. Homework Assignments = 20%

2. Quizzes = 10%

3. Final Exam = 10%

4. Final Web Site Project = 40%

5. Class attendance and participation = 20%

Homework assignments offer the student the opportunity to show work in progress to the instructor. This allows each student to obtain feedback on her work throughout the term. Assignments will cover issues such as web page design principles, web site navigational systems, and HTML and CSS coding techniques. This work will constitute 20% of the final grade.

Exams include quizzes and a final exam. These tests together will comprise 20% of the grade.

The final web site project will consist of an optimized, fully-functional, well-designed web site of medium size, utilizing all the various web and graphics techniques covered during the entire course, and will constitute 40% of the grade.

Attendance and class participation is important since everything tends to build on everything else, and many of the subtler web techniques and real-world insights into graphics production will come from instructor lectures, discussions, and impromptu in-class demonstrations, and may not necessarily be duplicated in the required text. Also, questions from students at any and all times are always heartily encouraged, as is any relevant discussion of web-related topics or problems students may be experiencing with their work. Attendance and class participation will constitute 20% of the grade. Poor class attendance may lead to a serious reduction in the student's over-all grade for the course. In other words, come to every class! If you know you will be unable to attend a particular session, please inform the instructor ahead of time.

*You must complete all class work by its due date for full credit. Credit will be incrementally deducted for late work. Students are responsible for keeping track of all assignments and getting assignments in on time.

Course Outline:

I Basics of the Web and web design

A. Surfing the Web

B. Browsers

C. Hardware

D. Software

E. HTML & XHTML- & Using Dreamweaver to set Doc Types

II Image Fundamentals (Fireworks, Photoshop & Illustrator) Bitmap vs Vectors

A. Basic color theory

B. Color palettes

C. Painting and drawing tools

D. Gradients and patterns

E. History palettes

F. Layers

G. Frames

H. Paths

I. Styles

J. Blending modes

K. Text

L. Layer effects

M. Masks

N. Extras & Filters

O. Image effects achieved with levels, color balance,

hue/saturation, invert, posterize, etc.

III Web Graphics Fundamentals (Fireworks, Photoshop & Illustrator)

A. Pixel dimension

B. File Size

C. Web-safe colors, hexadecimal codes

D. Image Transparency

E. Image fringe

F. Gifs & Jpgs

G. Image compression

H.` Background tiles, color bars

I. Watermark backgrounds, photo backgrounds

J. Other file format images, plug-ins

K. Rollover effects

L. Navigation bars

M. Gif animation techniques

N. Image maps, image slicing

IV Design Fundamentals

A. Order

B. Rhythm & harmony

C. Focal points/Scale/Dominance/Repetition

V Web Page Construction

A. Web typography & fonts

B. DW Design View and Code View

C. Image placement

D. Text Import

E. Download times

F. Background colors & Background Images

G. Insert Panel

H. Behavior palette

I. Rollovers & navbars

J. Image maps

K. Linking Basics

M. Named Anchors (Intra-Page Navigation)

N. XHTML Markup (xhtml tag structure)

O. CSS Styles- and MORE CSS Style Stuff- and even MORE CSS Style Stuff

P. to Frame? or Not to Frame

Q. DW Templates

R. Importing Flash Animation

S. Best Techniques for Sound

VI Animation Techniques

A. SWF/Javascript format

B. Interface fundamentals

C. Timeline frame rate

D. Timeline layers

E. Drawing & painting tools

F. Text manipulation

OTHER COURSE INFORMATION

If you have a documented learning, psychological, or physical disability you may be entitled to reasonable academic accommodations or services. To request accommodations or services, contact the Access and Disability Resource Center at the Des Plaines or Skokie campus. All students are expected to fulfill essential course requirements. The college will not waive any essential skill or requirement of a course or degree program.

Oakton Community College is committed to maintaining a campus environment emphasizing the dignity and worth of all members of the community, and complies with all deferral and state Title IX requirements.

 

Resources and support for

• pregnancy-related and parenting accommodations; and

• victims of sexual misconduct can be found at oakton.edu/title9.

Resources and support for LGBTQ+ students can be found at oakton.edu/lgbtq.

................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download