Download Web and Interactive Media Design

engineering & Technology
yo u r U C i n S i l i c o n Va l l e y
Web and Interactive
Media Design
Designers must stay up-to-date with emerging
trends in Internet, mobile devices, multimedia,
dynamic Web pages and interactive gaming.
They have to write their own front-end code
and use visual authoring software. Today’s
designers must also learn to define business
problems and determine user needs while
applying principles of information architecture,
interaction design, graphic design, and user
research. UCSC Silicon Valley Extension’s Web
and Interactive Media Design program equips you
to meet the challenges of a changing industry.
ucsc-extension.edu/
webdesign
Adobe Dreamweaver-Client Side
Web Design Certificate
Certificate Requirements
Curriculum
To obtain the Certificate in Web and Interactive
Media Design, you must complete a minimum of
17 units, including two of the five core courses
and the required “Web Design Project” course.
Recommended Prerequisites
Total: 17 units
Visual Design
Graphic Design Fundamentals .................. 2.0.......20025
GPA: 3.0, with a C or better in all courses.
Prerequisites
There are no formal prerequisites to enter the
certificate program. However, students should be
proficient in Adobe Illustrator and Adobe Photoshop.
For those in need of these skills, we offer introductory courses in Adobe Illustrator and Adobe Photoshop. These two recommended prerequisites do not
count toward the total number of units required for
the certificate and may be satisfied with equivalent
experience. We also recommend “Graphic Design
Fundamentals” for students who do not have previous graphic design background.
Recommended Course Sequence
Students pursuing the certificate are required to take
at least two core courses from different study tracks
or categories of courses. Other courses can be taken
based on your interest and professional level as
long as you follow the recommended prerequisites.
Certificate students also need to complete the
“Web Design Project” course. New students are
encouraged to attend the Info Session and Course
Planning Session to receive course information
and plan review.
Program Contact
Engineering and Technology Department,
(408) 861-3860 or email
[email protected]
UnitsCourse
Adobe Illustrator, Introduction .................. 1.5.........6497
Adobe Photoshop, Introduction ................ 1.5.........5307
*Visual Design for the Interactive Web........ 2.5.......30030
Graphical Production for the Web............. 1.5.........1262
Introduction to 3D Digital
Modeling with Blender.............................. 2.0.......30378
Design Implementation
Web Technologies, Introduction................. 1.0.......22623
*HTML Fundamentals.................................. 2.0.......20816
*Designing with Cascading Style Sheets:
Fundamentals............................................ 1.5.........6673
Adobe Dreamweaver­—Client Side............ 2.0.........2212
Introduction to Web Programming:
Javascript and PHP.................................... 2.0.......30298
Designing with Cascading Style Sheets:
Advanced................................................... 1.5.......21317
HTML5: The Living Language..................... 3.0.......30046
Multimedia Fundamentals......................... 2.0.......30358
User Experience Design
*User Experience Design Fundamentals...... 3.0.......30031
Mobile Interface Design............................. 3.0.......30126
Designing Wearable and
Smart Device User Experiences.................. 3.0.......30393
Site and Content Management
*Managing Website Development
and Deployment........................................ 1.0.........4313
Web Content Management Systems:
Drupal and Wordpress, Introduction.......... 2.0.......22627
Design Project and Portfolio
Web Design Project................................... 2.0.........5228
Enrollment Information
Visit ucsc-extension.edu/webdesign for
the most up-to-date information about all our
courses and programs, including textbooks,
instructors, schedules and locations.
Enroll online at ucsc-extension.edu.
Creating an Effective Online Portfolio........ 1.0.......30244
* To obtain the Certificate in Web Design,
you must complete two of these five core courses.
Course Planning Session
Register online for a complimentary one-on-one session.
Course 30371
Copyright © 2015 The Regents of the University of California. All rights reserved.
Adobe’s Dreamweaver is a professional WYSIWYG
Web authoring tool for designing, coding, and
developing websites and Web applications. This course
covers Dreamweaver’s features, from inserting images,
tables, and forms, to using JavaScript behaviors for
swapping images or using AP Divs. Other design
techniques are discussed and demonstrated, such as
creating and employing cascading style sheets, libraries, templates, and image maps, and incorporating
Flash animation on your Web page. After completing this hands-on course, you will have sufficient
Dreamweaver skills to create a functional and effective
website.
Course 2212
Adobe Illustrator, Introduction
Illustrator’s vector-based, small graphic format makes
it a must for print and Web graphics. This hands-on
course introduces the essential features of Adobe
Illustrator. You will develop competency in this complex
software, with emphasis on the Pen tool. Other topics
include using the Pen tool to draw curved, corner and
cusp points; using templates; selection techniques;
layers; color swatches; and transformation tools.
Course 6497
Adobe Photoshop, Introduction
This course introduces the basics of Photoshop CC, the
standard for the creation and manipulation of digital
images. The course is designed for beginners and
taught with lectures, demonstrations, hands-on work,
critiquing and troubleshooting in a lab setting. It covers the Photoshop interface and dense menu options,
as well as basic color theory, workflow methodology
and best practices. You will learn to use the tools for
basic image editing, photo retouching, painting, creating composite images and working with type.
Course 5307
Creating an Effective Online Portfolio
This course offers the opportunity to create or update
your existing online portfolio of design work. You’ll
learn how to organize and describe your work so that
it clearly communicates your strengths and qualifications as a designer. In addition to technical skills,
employers look for team-oriented candidates who
are adept at problem-solving and can incorporate
feedback into design iterations. You will gain practice
through design critiques, working on teams, analyzing
portfolios and applying feedback to your work. By the
end of the course, you will have a working prototype
of your online portfolio.
Course 30244
Info
Info Session for Web and Interactive Media Design Programs
Session
This free event is an informal information session for new or returning students who are interested in the Web and Interactive Media Design Program.
This event includes a short overview of Extension and our certificate programs. In addition to general Q&A, program staff will be available to answer
your questions, help you select courses and plan a course sequence. To ensure a successful experience studying with us, we strongly encourage you to
attend the relevant Info Session prior to enrolling. Register early to reserve your space.
Course 22405
To learn more, visit ucsc-extension.edu/events.
Designing Wearable and
Smart Device User Experiences
Graphical Production for the Web
This hands-on course covers advanced user interface
design guidelines for mobile devices and the principles
for creating effective user interfaces that incorporate
wearable technology. The course covers flat, responsive and Parallax design, emphasizing product
coherence among multiple devices. You’ll learn how
to use an advanced prototyping tool, as well as lean
models that will help you cultivate design processes
and solve product problems. As a final project, you’ll
create an advanced UI for a wearable watch or smart
device application. Prior knowledge about iOS or
Android human interface guidelines is required.
Course 30393
Designing with Cascading Style Sheets:
Fundamentals
*
Cascading style sheets (CSS) are a mandatory method
for a Web designer to control the look and feel of a
modern website. Combined with proper HTML markup, CSS allows for precise control over a Web page’s
appearance without the use of tables. This introductory
course provides demonstration and hands-on exercises
covering the application and syntax of CSS; handcoding CSS properties for font, text formatting and
backgrounds, etc.
Course 6673
Designing with Cascading Style Sheets:
Advanced
This course provides an in-depth exploration into the
expanding world of Cascading Style Sheets (CSS),
covering responsive website designs that work with
smartphone, tablet or desktop monitors. Lectures and
hands-on exercises cover essential CSS3 properties,
concepts, techniques, and applications of media queries, styling forms, fonts and structural pseudo-classes.
You will also learn how to handle browser compatibility issues and utilize the greater capabilities now
available through CSS.
Course 21317
Graphic Design Fundamentals
This course will provide you with the basic skills
used by designers everywhere. You will learn to set a
strategy for any given project, ideate via thumbnail
sketches, select appropriate imagery and typeface, all
while keeping the brand and project constraints in
focus. Topics include typography, color theory, layouts
and grids, and image selection. The course is highly
recommended as a foundation for anyone interested
in taking Web design courses.
Course 20025
This course covers the creation of Web graphics using
professional digital imaging tools. Photoshop is the
primary focus, but other programs, including Fireworks
and Illustrator, will be explored. You will learn the
workflow for creating graphic components—from
page layouts to navigation to animations—along with
efficient production techniques. Topics include GIF vs.
JPEG compression; color, type, and background images; layers; slicing images and creating rollovers.
Course 1262
HTML Fundamentals
*
In this hands-on course, you’ll learn to code HyperText
Markup Language (HTML) to meet the most current
standards and practices of coding as set by the World
Wide Web Consortium (W3C). It covers all the major
topics of coding and validating HTML, including
meeting accessibility mandates and improving search
engine optimization (SEO). The course also examines
the new elements introduced by HTML5. The course is
for anyone who has not coded Web pages before as
well as for those who would like to review and update
their HTML coding skills.
Course 20816
HTML5: The Living Language
An increasing number of companies are using HTML5
to develop Web and mobile applications. This course
demystifies HTML5 and its powerful features. You
will gain experience with redefined Web forms, new
extended audio and video controls, new page structures and syntax. You’ll learn and practice “meaningful
markup”, new canvas drawing methods, drag and
drop, data storage methods, new JavaScript and CSS3
implementations, as well as geolocation and mobile
application frameworks. The course includes a series of
in-class exercises and lessons with homework.
Course 30046
Introduction to 3D Digital Modeling
with Blender
This course introduces 3D digital modeling, animation,
and simulation using the open-source application
Blender. It includes the history and fundamentals
of 3D computer modeling, and an overview of the
technology. You’ll learn how to use an advanced 3D
modeling program with Blender. In addition, you’ll
learn how to create a mesh model, color and texture
it, animate it, simulate real-world processes, and use
it to create files suitable for 3D printing. As a final
project, you’ll design, model, and animate a figure
in an environment to create a portfolio piece.
Course 30378
Introduction to Web Programming:
JavaScript and PHP
This introductory course covers basic concepts and
programming skills that you need to know to program
dynamic Web pages, showcasing and analyzing demos
of dynamic Web pages that use JavaScript and PHP.
It covers basic programming syntaxes such as
variables, data types, expressions and operators, and
strings. You’ll discuss functions, events, decision
making and repetition, and you’ll learn to build forms
and objects, take inputs and reset forms. When using
PHP for server-side scripting, you’ll also learn to
handle user input and process form data, creating
an all-in-one form.
Course 30298
Managing Website Development and
Deployment
*
This course covers the decision points and practical
challenges of launching and administering a website.
You will learn how to choose a domain name, a
Web host, an e-commerce platform or a content
management system. The course also covers the
hands-on skills necessary to administer domains
and get listed by search engines. The course includes
hands-on exercises using website administrative
control panels, content management and
e-commerce “back-end” resources.
Course 4313
Mobile Interface Design
There are many mobile apps in the App Store, but
only a limited number of them have innovative
design principles, friendly user interfaces, and most
importantly, widespread adoption by users. In this
hands-on lab and lecture course, you will learn the
core principles for creating effective user interfaces for
mobile devices incorporating iOS, Android, Windows,
responsive/parallax design and more. You will discover
useful patterns for developing mobile products and
design a mobile user experience using an iterative
and user-centered design process.
Course 30126
Courses continue on reverse…
Multimedia Fundamentals
This course provides hands-on instruction in the
fundamental aspects of video and audio technology
in the context of production for the Web. It begins
with the fundamentals of light, color, camera, sound,
microphone and recording technologies, with a review
of the audio/video formats used in HTML5. You’ll
learn practical techniques for recording high-quality
audio and video, including editing and storytelling
development. The course includes lab exercises using
Adobe Premiere and Audition for editing and quality
enhancement. You will work under the guidance of the
instructor to produce a final project.
Web Content Management Systems:
Drupal and Wordpress, Introduction
This course focuses on the two most popular opensource content management systems: Drupal and
Wordpress. Discussions address real-life use cases
and guide you through the planning and implementation phases of setting up a CMS-driven website. You
will learn how to install, configure, and customize
Drupal and Wordpress sites via hands-on exercises
and assignments. Topics include best practices and
trouble-shooting common problems. Upon completing
the course, you will be prepared to use Drupal and
Wordpress to build state-of-the-art websites.
Course 30358
User Experience Design Fundamentals
*
User experience design is a major factor in creating
winning industry products. This course focuses on
using user-centered design strategies and methods to
create effective websites and Web applications that
provide an excellent user experience. The course will
also expose you to the multidisciplinary nature of the
user experience design process, design thinking, and
the steps you can take to succeed. The course covers
methods and strategies of five overlapping phases:
problem identification, information collection, idea
generation, prototyping, evaluation/testing,
and implementation.
Course 22627
Web Design Project
This course provides the opportunity to complete the
entire process of developing a website for an actual
client of your own choosing, including the processes
of needs analysis, design and deployment. This is the
last course in the Web and Interactive Media Design
Certificate program, and you are expected to
demonstrate the range of skills and knowledge
you have acquired. The project involves information
architecture, interface design, visual design, XHTML,
CSS, cross browser compatibility and basic JavaScript.
Complementary topics such as JQuery, CMS and
mobile devices are also introduced.
Course 30031
Visual Design for the Interactive Web
*
This course discusses what constitutes a well-designed
website when used on different displays, such as an
iPad, smartphone, laptop or large screen. You will
examine what makes a website engaging and how
users successfully interact with it. The course focuses
on the guiding principles and key aspects of visual
design as they apply to a Web interface. You will apply
these design principles by creating the information
architecture and visual design layouts for a website.
Course 30030
Course 5228
Web Technologies, Introduction
This course introduces many key Web technologies
without delving into programming. It covers Internet
fundamentals, such as HTML, Cascading Style Sheets
(CSS), and Extensible Markup Language (XML), and
describes how scripting, such as JavaScript, JQuery,
and AJAX, works in dynamic websites. The course
also discusses server technologies, Web and application servers, Hypertext Preprocessor (PHP), content
management systems, Internet security, e-commerce,
databases, mobile device Web design, social networking, and cloud computing. By the end of the course,
you’ll have the knowledge you need to work with
developers, designers, site administrators, and
marketing professionals effectively.
Course 22623
Not printed or mailed at state expense. 611796-1502-2087 (5/15/15)