VIS 117

1
VIS 117

• Web Page Design

2
Mr B.

• Can Be Called Mr. B., Brad, The Coolest, Mr.
  Bowman
• Phone Number
• Home 513-889-5138
• Mobile [phone]
• Email Address
• brad_at_bradtbowman.net

3
Welcome to the Design Department
Design Department
Students should see education as an opportunity
rather than as a requirement this attitude
allows students to gain so much more from the
educational experience.
4
Design Department
Welcome
Design Department Located in room
13-212 Chairperson Associate Professor, Shari
Rethman, M.S. Arch. Full-time Faculty Professor,
Charli Dunford Professor, Tim Ryan,
M.Ed. Professor, John Getrost Professor, Kyle C.
Fisk, M. Des. Professor, Cynthia Cully, M.
Des. Associate Professor, Amanda M. Romero, M.
Des. Assistant Professor, Diana Leakas Assistant
Professor, Adam J. Thompson We have over 45
part-time professional faculty on
staff. Department Personnel Lab Technician,
Susan Shirley Department Secretary, Katherine
Trigg, CPS
5
Design Department
Division Liberal Arts, Communication Social
Sciences (LCS)?

• Art
• Communication Arts
• Design
• Academic Foundations
• Child and Family Education
• English
• Humanities, Government and Modern Languages
• Music
• Psychology
• Sociology
• Theatre and Dance

• Dean
• Dr. Sally Struthers
• Academic Advisors
• Sheila Magnuson
• Dodie Munn

Education is your responsibility.
6
Design Department
Policies of the Design Department

• The policy on late work will be determined by
  each faculty member.
• No use of cell phones or other electronic devices
  in the classroom.
• Attendance Policy of the Department
• There are no excused absences.
• Students are considered tardy if they arrive
  after the roll has
• been called, or leave before the end of the
  class period.
• Classes that meet twice a week
• After 4 absences One letter grade reduction
• After 5 absences Two letter grades reduction
• After 6 absences F
• 3 tardies 1 absence

In education, doing is more important than
hearing or telling about it. Rob Roy Kelly
7
Design Department
Policies of the Design Department
Attendance Classes that meet once a week After
2 absences One letter grade reduction After 3
absences Two letter grades reduction After 4
absences F 2 tardies 1 absence Students
entering class late or leaving early For
technical classes 15 minutes late 1
absence For studio classes 30 minutes late 1
absence
8
Design Department
Policies of the Design Department
Grading A Excellent I Incomplete (unusual
circumstances by contract only) B
Good P Pass C Average N Progress D
Passing S Satisfactory F Failure U
Unsatisfactory X Audit Y Proficiency
Credit W Withdrawal Z Nonattendance Grades
are determined by evaluating the students work
against the project objectives. Also entering
the equation are work habits, craftsmanship,
class participation and interaction with
instructor and students within the class.
9
Design Department
Policies of the Design Department

• Grading
• 90 - 100 A Exceptional
• Student is highly creative, self-motivated and
  can successfully apply the principles of design.
  Work expands/redefines accepted or traditional
  thinking on project criteria and solution.
• Performs tasks with acceptable speed and quality.
  Very active in class critiques and discussions,
  interacts with instructor throughout the quarter,
  comes to class prepared at all times, always
  completes work on time. Displays commitment to
  their work.

10
Design Department
Policies of the Design Department
Grading 80 - 89 B Good Work Student
demonstrates creative potential and has a good
understanding of the design principles. Perform
tasks with above average speed and quality.
Active in class critiques and discussions,
interacts with instructor, comes to class
prepared most of the time, and completes work on
time. Displays a sense of commitment to their
work.
11
Design Department
Policies of the Design Department
Grading 70 79 C Average Student work is
on task, shows some potential for creative
problem solving and design principle
knowledge. Performs tasks with satisfactory
speed and quality. Occasionally active in class
critiques and discussions, comes to class
prepared more often than not, completes work more
often than not, on time.
12
Design Department
Policies of the Design Department
Grading 60 - 69 D Below average Passing,
but not transferable. Has difficulty
participating in class critiques and discussions.
Has difficulty interacting with instructor,
comes to class unprepared, has difficulty
completing work on time.
13
Design Department
Policies of the Design Department
Grading 0 - 59 F Failing Abilities and
tasks were performed at an unacceptable level.
Poor interaction with instructor, inadequate or
poor preparation in class and fails to complete
work on time.
14
Design Department
Policies of the Design Department
Mounting All projects will be mounted on 11 x
14 letramax board (black on black or slate grey)
and can be purchased in the bookstore. Use of
spray glue on campus is grounds for a student
conduct investigation. Interior Design majors
are required to mount all work on 16 x
20 letramax board. End-of-Quarter
Assessment Each faculty is required to have an
in-class assessment during the last week of each
quarter. Students should update all work prior to
the end of the quarter.
15
Design Department
Policies of the Design Department
Student Work The Design Department reserves the
right to use all work created as part of any
course for promotional materials or for
accreditation purposes.
16
Class Objective

• Learn how to design a web page duh!
• Learn Dreamweaver
• Learn Fireworks (not so much)?

17
Grading Exam Policy

• No excused absences (except for death in family,
  including yourself)?
• Late assignments will not be graded
• NO make-up exams
• Seriously, if you cant make it on test day, talk
  to me so we can schedule a make up

18
Final Grade Make-Up

• Portfolio Project is 50 of final grade
• Mid-Term exam is 15 of final grade
• Final exam is 35 of final grade

19
Lets Get to Work

• Portfolio Project
• We get to apply principles learned in VIS114
• Design is supposed to be fun so HAVE FUN!
• A Little History

20
A Little History
21
The Computer That Started It All
The historic NeXT computer used by Tim
Berners-Lee in 1990, on display in the Microcosm
exhibition at CERN. It was the first web server,
hypermedia browser and web editor.
22
First Web Browser
23
The First Web Page
24
First Windows Browser
25
Lets Have Some Fun

• http//www.webpagesthatsuck.com/dailysucker/
• http//www.webpagesthatsuck.com/biggest-mistakes-i
  n-web-design-1995-2015.html
• http//www.designinteract.com/
• http//www.chuckmoser.com/icons.html
• http//www.bradtbowman.net

26
JPEG vs GIF vs PNG
27
JPEG

• Joint Photographic Experts Group
• Lossy
• 24 Bit
• Excellent for photographs and full color images
• http//en.wikipedia.org/wiki/JPEG

28
GIF
29
PNG

• Portable Network Graphic
• 24 bit with Alpha Channel
• RLE Encoding
• http//en.wikipedia.org/wiki/PNG