ART 267: Web Design II

Citrus College Course Outline of Record

Citrus College Course Outline of Record
Heading Value
Effective Term: Fall 2022
Credits: 3
Total Contact Hours: 108
Lecture Hours : 36
Lab Hours: 72
Hours Arranged: 0
Outside of Class Hours: 72
Prerequisite: ART 167.
Transferable to CSU: Yes
Transferable to UC: No
Grading Method: Standard Letter

Catalog Course Description

Advanced application and integration of website software and various scripting languages. Students create web environments and applicably utilize various programs including but not limited to Dreamweaver, Animate and Adobe PhotoShop. Emphasis will be placed on design, animation, quality, and application employment-related situations. 36 lecture hours, 72 lab hours.

Course Objectives

  • apply the elements and principles of art in Web page design
  • demonstrate knowledge of color theory and its application on the Net
  • exhibit an understanding of design and layout, and their application in Web page design
  • exhibit and understanding and sensitivity to typography and its relevance in Web page design
  • use applicable Web design software and languages including, but not limited to HTML, JAVA software, Macromedia Dreamweaver, Fireworks, Flash and Adobe PhotoShop
  • manage files, disks, and programs using the system software packages
  • understand the operation of windows as an operating system and how it interfaces with the Net
  • exhibit competence of ?hands-on? skills including sketching, type indication, and story board and flow chart creation in a creative and logical manner

Major Course Content

  1. What are the Components of a Web Site and What are Its Capabilities/Possibilities?
  2. What is the Future of the Web?
  3. Applications of the Elements and Principles of Art, Design and Layout, Color Theory, and Typography on the Web
  4. Implementation of Various Software Computer Programs and Web Languages and Their Interaction
  5. Web Projects of Portfolio Quality Exhibiting and Understanding of a Web Presentation and Its Appropriateness of Presentation on the Net

Lab Content

  1. What is CSS
  2. An introduction to Cascading Style Sheets
  3. Overview of placing styles
  4. What is Cascading
  5. Creating your first styled document
  6. Examining Style Placement
  7. Inline Styles
  8. Span and div tags
  9. Header styles
  10. External stylesheets
  11. Text and Font Attributes
  12. Tables vs. CSS
  13. Changing fonts
  14. Text attributes
  15. Advanced CSS Properties
  16. Backgrounds
  17. Box properties
  18. Positioning
  19. Taking CSS to the Next Level
  20. Tips and Tricks
  21. Dynamic HTML

Suggested Reading Other Than Required Textbook

Find the web sites and read the information: http://webdesign.about.com/library/bl_htmlcodes.htm http://webdesign.about.com/od/xhtml/u/htmlcssxml.htm http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm Web Design Basics Elements of Good Design Fonts and Typography How to Use Color Graphics and Images Web Layout Basics Tackling Web Navigation Accessibility and Usability Web Design Software

Examples of Required Writing Assignments

Research online and find ten (10) careers related to internet and web design. Include the salary base and education background that each career demands. Present your work in a three (3) page document, 1.5 line spaced and type size no larger than 11 points. Include references to all sources utilized in the research and completion of the paper.
Also:
Create a single web page to include the data collected for the assignment. Utilize the web page as a tool during your presentation of the paper.

Examples of Outside Assignments

Find the web site http://webdesign.about.com/library/css.htm and copy all of the character codes from the table and build your own corresponding table to reflect the copied codes.
Place those codes into a single page HTML document. Complete the the page to display a descriptive and visual result of the code.
The final page should be structured with CSS code to produce the appropriate visual aspects and to attain the expected interactive results.

Instruction Type(s)

Lecture, Lab, Online Education Lecture, Online Education Lab