Download ppt - pantherFILE

yes no Was this document useful for you?
   Thank you for your participation!

* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project

Document related concepts

URL redirection wikipedia , lookup

Course Description
An introduction to the principles of visual and graphic design as they
relate to electronic media with an emphasis on web page construction
and design, creating electronic documents, and production and
dissemination of electronic information. Students will be introduced to
various graphics programs, web authoring tools and other technologies
used to produce electronic documents and images. Assignments will
allow hands-on experience and experimentation.
Prereq: none
Course Objectives
Upon completion of this class students will:
Understand the process of web design
Understand the principles of design in electronic media
Demonstrate the skills needed to create web graphics
Demonstrate the ability to construct web sites with effective and
aesthetically pleasing designs
Understand the limitations of electronic publishing as they relate to the
World Wide Web
Rebecca Hall
Email: [email protected]
Ph: 414.229.2855
Skype: rebeccahall
Office Hours: By Appointment
This is me 
What I do 
Course Requirements
Jennifer Niederst Robbins. (2012). Learning Web Design: A Beginner’s Guide to
HTML,CSS, JavaScript and Web Graphics. O’Reilly Media, Incorporated.
4th Edition
Jason Beaird & James George. (2014). The Principles of Beautiful Web Design
SitePoint Pty. Ltd.
Patrick J. Lynch & Sarah Horton. (2009) Web Style Guide 3rd Edition
Robin Williams, John Tollett. (2006). Robin Williams Design Workshop
PeachPit Press. 2nd Edition
ADDITIONAL BOOKS AND RESOURCES - listed on the course website
Course Requirements
Attendance & Participation (5%)
5 Exercises (15pts each – 15%)
5 Assignments (25pts each – 25%)
Mid-Term Exam (75pts – 15%))
Graduate Research Project (50pts – 10%)
Final Web Site Development Project (40% | 30%)
Part 1: Project Profile
Part 2: Information Architecture
Part 3: Interface Design
Part 4: Final Site Production
Part 5: User Testing
See course syllabus for details and deadlines
*Graduate Students: Expectations will vary slightly on assignments and additional
requirements will be distributed and discussed in class.
Content Delivery
Weekly course content will consist of lectures, demonstrations and
hands-on activities. The weekly course schedule will run from Sunday Saturday. Course content will be loaded to the course website each
week by no later than noon (12:00pm CST) each Sunday.
Course Website:
File Storage
Google Drive, Dropbox, SugarSync, others…
Software Access
In this course, students will use the following software programs: Adobe Illustrator, Adobe
Photoshop, Adobe Dreamweaver and Adobe Acrobat. All SOIS labs and most campus labs
have this software available. Students can also access this software using the SOIS
Virtual Lab.
SOIS Virtual Lab
The SOIS Virtual Lab allows off-site students remote access to a SOIS computer from any
Written/video documentation for access to and instructions on using the virtual lab environment
To access to the virtual lab, please use the following
ePanther ID: [ex: “rjhall”]
ePanther Password: ePanther password
Purchase (student Discount) | Free Trial Software
A free trial of this software is available from Adobe Systems:
Students may choose to use these trail versions for this course; however no technical support will be provided for the
installation/maintenance of this software on your system. It is the student responsibility to read and follow all system requirements and
guidelines for its use.
Value of Digital Communication Skills
Digital Communication is a foundation skill
In most careers, individuals will be required to:
use technology to communicate effectively
think critically to design a communication that meets the needs of a
specific audience
Select the best media for their message (web, video, audio, print, or
have the technical expertise to design, implement and deliver their
Aho, K (2005) Digital communications for All Students Macromedia White Paper available:
enGauge 21st Century Skills: Literacy in the Digital Age
Course Description
Basic Design Principles
Computer Graphics for digital communication
Graphics Programs (Illustrator | Photoshop)
Interface Design Concepts
Web Development Process
Web Team: Client | Project Manager | Content Manager | Information Architect | Interface Designer | Graphic Designer |
HTML Developer | Programmer | Other
Website design
HTML & CSS | (Dreamweaver)
Electronic Publishing & Digital Communication (Adobe Acrobat)
Course Description
Final Course Project
Web Development Process
Web Team:
Client | Project Manager | Content Manager | Information
Architect | Interface Designer | Graphic Designer | HTML
Developer | Programmer | Other
Web Development Process
Site Construction is
one of the last steps
The Site Development Process