ART190

The Art of Web Design

Contact

First Day Stuff

Course Description

This course is intended to provide information and experience in the art of web site design. Topics covered include Web vocabulary, HTML5,  CSS, Design, and preparation of graphics and text for World Wide Web publication. Discussion of color, proportion, Typography, and page layout. Producing and publishing Web sites using HTML and web design programs.

supplies needed

  • Textbook: HTML & CSS: Design and Build Websites, Jon Duckett, ISBN:978-1-118-00818-8
  • Flash Drive
  • Sketch book and drawing pencils.
  • A Text Editor or Dreamweaver

Course Competencies

Define terminology commonly used in the Web design process.

  • Describe hardware, software, and online information gathering process.
  • Use the HTML language.
  • Use Web design/editing software
  • Produce graphics for optimum Web publication.
  • Format text for Web publication
  • Create links and rollovers.
  • Produce Web pages by applying appropriate design, color, art and content
  • Produce an interactive multimedia page for publication on the Web, using art elements, animation, and sound appropriately.

We will also focus on:

  • Critical Thinking: you will be assimilating skills, learned through demonstrations and book exercises, to solve design problems and create original work
  • Oral Presentation: you will be presenting your work to the class, discussing methodology, and referencing design concepts

Course Details

  • Location: Phoenix College
  • Format: Face-to-Face
  • Section: Fall 2017 0001
  • Room: F201
  • Days: Mondays 01/22 through 05/07
  • Times: 6pm all the way to 10pm

Prerequisites / Co-requisites

ART 100 or permission of the instructor.

Disability Support Services

  • Section: Learning Center Building
  • Telephone: (602) 285-7477

It is a college policy to provide reasonable accommodations to students with disabilities. If you would like to request accommodations due to a physical, mental, or learning disability, please contact the Disability Resource Center office, Learning Center (LC) Building.

Project Schedule

Tutorial and Project Schedule

Note: All Homework is due at the beginning of class unless otherwise noted

  • x

    • No Class: Civil Rights Day

  • x

    • Lecture Syllabus Overview / 90% of HTML. See this weeks presentation
    • Lab Markup a webpage together.
    • Homework Buy book, Flash Drive, Read pages 3-70, Write a short document about yourself using these criteria and use mark it up using the appropiate HTML tags.

  • x

    • Lecture Review last week. Dreamweaver Basics » Addressing » Attributes » Document Naming. See this weeks presentation
    • Lab Work on your homework
    • Homework Read pages 71-90. Define your site with the document you created last week for homework as the Index page. Add text links on your index page that link to 2 new pages you create. You should add some content to these two new pages.... I dont care what it is, just mark it up correctly.

  • x

    • Lecture Review last week. Image formats » Optimization » Image Gallery. CSS » Fonts » Color
    • Lab Work on your homework
    • Homework Read pages 91-126 & pages 176-196. Take 5 original pictures (of yourself!) optimize them and create an Image Gallery similar to the example one I made in class... Use these criteria

  • x

    • Lecture Review last week. HTML, CSS, and Layout » Box Model » Block VS. Inline Elements See this weeks presentation
    • Lab Work on your homework
    • Homework Read Chapters 13 & 15. Create 5 HTML pages (with CSS) that have the same layout as these 5 images

  • x

    • Lecture Review last week. Content VS. Background Images » Actually Designing a website from a PhotoShop Document
    • Lab Work on your Midterm Project
    • Homework Design your own web page based on the supplied info, then create it in HTML5 & CSS based on this criteria.

  • x

    • Lecture Review PhotoShop Lecture
    • Homework Work on Midterm

  • x

    • Lecture Answer Question / Review Principles
    • Homework Work on Midterm: Site due NEXT CLASS at 8pm

  • x

    • Lecture Turn in sites at 8pm » present sites » take criticism » cry yourself to sleep
    • Homework Make three (3) changes to your website based on the feedback from your fellow students

  • x

    • Lecture Pseudo-Classes. Advanced Layout Techniques » Absolute VS. Relative Positioning » z-index » overflow
    • Homework Create a drop-down menu using this HTML document as your source

  • x

    • Lecture Site Maps, Forms, Proposals, Talk about final. Find site requirements here
    • Homework Work on Proposal of final. Proposal Due at 8PM NEXT CLASS

  • x

    • Lecture Turn in Proposal by 8PM. work on PhotoShop Mock-Up
    • Homework Work on Final: PhotoShop Mock-Up Due at 8PM NEXT CLASS

  • x

    • Lecture Turn in PhotoShop Mock-Up by 8PM. work on coding final
    • Homework Work on Final: Due at BEGINNING OF CLASS on

  • x

    • Lecture Work on coding final
    • Homework Work on Final: Due at BEGINNING OF CLASS on

  • x

    • Lecture Work on coding final
    • Homework Work on Final: Due at BEGINNING OF CLASS on

  • x

    • Lecture Work on coding final
    • Homework Work on Final: Due at BEGINNING OF CLASS on

  • x

    • Lecture Turn in sites at 6pm » present sites » take criticism » cry yourself to sleep
    • Homework None! Smell You Later!

Grading

  Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Midterm Attendance Final Total
Point Value 50 50 100 50 100 75 150 100 275 1000

Note: Please allow 2-3 hrs per week to complete Outside of Class Homework assignments

Important Information

Important Information:

  • Late Work will NOT be accepted
  • Instructor will not accept work via e-mail.
  • Students will be held responsible for knowing all the information contained within the syllabus.
  • Students will be expected to adhere to the college policies contained in the college catalog & student handbook.
  • This Syllabus is subject to changes / additions / omitions by the instructor at any time.
  • The most current form of this syllabus may be found on-line @ www.80pound.com/art190