PD410 Portfolio Development

Course Description

This course begin the process of focusing and defining each student’s creative identity by writing a biographical artist’s statement, then selecting, reviewing and refining a portfolio that best defines his or her current creative ability and professional ambition. Working together as a class along with meetings with portfolio advisors and through focused individual effort, students will learn how to define and present their distinctive vision to their chosen field of study.

PD400 Critical Skills Review

Course Description

Positioned near the midpoint of the Web Development certification, this course tests and reviews students‘ comprehension of previous program topics. Students will work independently to complete a design project, on deadline, designed to stimulate both creative and technical problem solving. A detailed critique of the assignment will allow the instructor to evaluate each student’s critical skillset, identify problem areas needing further attention, and assign tutoring or extra work as needed. The course concludes with each student’s commitment to a design project focusing on an area of personal interest, which will be presented as a deliverable during the Portfolio courses at the end of the Web Development certificate program.

DW190 WordPress II

Course Description

Developing custom WordPress themes is an important and sought after skill that requires planning, organization and an understanding of the WordPress framework itself. In this module, we’ll begin the whys and the hows of taking a student’s design and making it work as a WordPress theme.

Learning Outcomes

  • WordPress Process Review
  • WordPress Review
  • WordPress Themes
  • WordPress Plug-ins
  • WordPress File Hierarchy
  • WordPress Template Tags
  • Building Your Own WordPress Theme

DW180 WordPress I

Course Description

Students are introduced to the web’s most popular content management system, WordPress. WordPress makes creating a standard site or blog simple and repeatable, and it allows the end-user to manage the site without the developer’s help. This course will go over the foundation knowledge that you need in order to utilize content management systems (CMS), specifically WordPress. Students will review HTML, CSS and JavaScript while walking through the process that leads up to creating a site that is content managed.

Learning Outcomes

  • HTML/CSS Review
  • Advanced topics on HTML/CSS—with our sites on Content Management
  • Introduction/review of LAMP servers, MAMP and web hosting
  • Introduction to PHP and dynamically driven websites—getting our feet wet
  • Introduction to MySQL and databases—what it looks like and how it is used
  • Bridging the gap between static sites and database driven sites
  • Introduction to WordPress – History and Basics
  • WordPress Installation
  • Working With WordPress – Understanding the WP Dashboard
  • Posts vs. Pages – WordPress Content

DW170 JavaScript & jQuery II

Course Description

Here students will continue learning about Javascript programming, and will be introduced to the jQuery library. jQuery allows developers to easily create advanced interactivity and visual effects in their projects, including transitions, slideshows and animation. Students will take the production values of their websites to the next level as they learn the ins and outs of jQuery. This Web Development certification module will focus on user interface and user experience enhancements that will allow students to really set their sites apart. We’ll also look at how jQuery can help us with common utility functions like accordions, image swaps and “read more/less” functionality.

Format/Topics

  • jQuery Effect Methods
  • jQuery Event Methods
  • jQuery Traversal Methods
  • Callback functions and timing
  • Common jQuery Plugins
  • Using jQuery to Improve UX

Learning Outcomes

  • Understand why and how to add Javascript/jQuery to a web project
  • Gain further experience with programming for the web
  • Start to think critically about user experience
  • Use jQuery to provide a polished and interactive web experience

DW150 Introduction to HTML & CSS III

Course Description

Students will put their developing skills to the test by creating a website based on an existing mockup. Students will be given lectures or demonstrations covering: user interfaces (UI); navigational frameworks; cross-browser compatibility; interfaces that optimize usability; accessibility; the enhancement of browser interoperability; establishing client communication goals; and additional web design workflows. This Web Development class also discusses and validates what has been learned in the previous courses of the Web Development certification in context of the relationship between information architecture and usability, as well as in the context of real-world projects, while also introducing the concepts of search engine optimization.

Format/Topics

  • CSS Layouts
  • Float & Clear
  • CSS Positioning
  • Web Fonts + Advanced Web Typography
  • CSS3 Properties
  • Transitions
  • Media Queries

Learning Outcomes

  • Gain facility with the more advanced topics within CSS
  • Understand the advantages and disadvantages of CSS positioning
  • Fully code a site based on an existing mockup
  • Optimize the site and make it present well on all screen sizes
  • Follow best practices for search engine optimization

DW160 Introduction to JavaScript & jQuery

Course Description

In this Web Development class students will get a strong foundation in the basic concepts of programming as they learn Javascript. They’ll learn how the most popular language on the web can help make their sites more functional and engaging, while enhancing the overall user experience.

Format/Topics

  • Javascript
  • Variables
  • Conditional Statements and Boolean Logic
  • Loops
  • Functions: built-in and defined
  • Objects and arrays
  • jQuery

Learning Outcomes

  • Develop a foundational understanding of computer programming
  • Learn the basics of Javascript, the most popular programming language on the web
  • Begin working with jQuery, a popular Javascript library
  • Begin adding advanced, dynamic functionality to their projects

DW140 Introduction to HTML & CSS II

Course Description

Students work toward the completion of their Web Development certificate by learning HTML and CSS and continue to practice these skills while separating content from presentation. Topics include CSS/web typography; using HTML and CSS for page layout; fixed, liquid and elastic page layouts; floats and asides; CSS browser compatibility issues; and an introduction to accessibility. Students will expand upon their knowledge of Information Architecture and learn how to organize content in a user-centric way.

Format/Topics

  • The basics of CSS layouts
  • Understanding the common properties and values
  • Different measurement units in CSS
  • Systematically implementing the visual identity of a design
  • “Mobile first design”, and designing for different screens

Learning Outcomes

  • Begin using CSS for layout and aesthetics
  • Learn to create organized and logical stylesheets
  • Capture the aesthetic design of a mockup with code
  • Start thinking about different layouts and behaviors
  • Start understanding the needs and challenges of designing for multiple screen-sizes

DW130 Introduction to HTML & CSS

Course Description

In this Web Development class, students will further explore and begin a deeper understanding of the HTML and CSS code that makes websites work. Students will begin to create well-formed markup that complies with HTML and CSS standards. Topics also include non-linear navigation and usability issues.

Format/Topics

  • Structure and trends in website design
  • HTML
  • Understanding elements, attributes, doctypes and more
  • Structuring a page’s markup based on a design
  • Managing files, assets and linking
  • Making a site live

Learning Outcomes

  • Understand the ideas behind a markup language
  • Be able to understand and read web code
  • Be comfortable with creating their own basic HTML web pages
  • Understand linking and relationships between files and pages
  • Be comfortable with common structures found in HTML code
  • Understand the relationship between content and style

DW120 Tools of Web Design

Course Description

Building upon the foundations established earlier during the program, this course will focus on some of the tools that are needed by a web designer. Students will become familiar with the professional web toolsets using Adobe Creative Suite and concentrate on preparing a design for presentation and development. Topics also include web graphic optimization and color principles.

Format/Topics

  • Structure and trends in website design
  • HTML
  • CSS
  • Development Tools
  • Sublime Text
  • Cyberduck
  • Google Chrome
  • MAMP
  • Launching a site
  • Domains
  • Hosting
  • FTP

Learning Outcomes

  • Understand best practices for image optimization and asset management
  • Develop an awareness of visual and aesthetic trends on the web
  • Learn the process for mocking up a website with Adobe’s tools
  • Understand how visual components of a site correspond to the markup
  • Create a design that they will later have to implement

DW110 Introduction to Web Design

Course Description

This course is an introduction to the core concepts of web design. Focusing on information architecture, this module covers important concepts of the web design process including workflow, sitemaps, wireframes and a brief introduction to coding principles and best practices. Review of websites currently on the Internet will be used to aid students in learning the differences between how print communicates and interacts with its audience and how the web does.

Format/Topics

  • Structure and trends in website design
  • HTML
  • CSS
  • Development Tools
  • Sublime Text
  • Cyberduck
  • Google Chrome
  • MAMP
  • Launching a site
  • Domains
  • Hosting
  • FTP

Learning Outcomes

  • Understand the basic structure common to all websites
  • Develop an understanding of the technologies that power the web
  • Gain familiarity with managing domains, hosting and FTP
  • Begin working with HTML and CSS
  • Understand the semantic web and information architecture
  • Learn the software used in producing websites

DG180 Design Project

Course Description

Students apply what they have learned thus far in the program to a project of their choosing. They will develop a project plan and a production schedule. This is a good opportunity to work with a client (an existing client, family member, or a student from a different program at the school). It can also be a continuation or further development of an earlier project so long as there are new deliverables. Students are graded not only on the project, but also on how well they keep to the schedule they set.

Learning Outcomes

  • Outcomes from DG110 through DG170
  • Work with a client (optional)
  • Design a capstone portfolio piece
  • Utilize the various programs they have learned to complete new project
  • Establish and observe a production schedule for their projects

DG170 Prepress and Color Management

Course Description

This course focuses on understanding pre-press and color management workflows and the display/printing issues that can affect design. Students learn the importance of working closely with printer and paper reps, professional best practices for working with transparency and spot colors, finishing and bindery possibilities, and the calibration of equipment and software.

Learning Outcomes

  • How to set up a Color Managed Environment
  • Calibrate monitors and software programs
  • Recognize the major commercial printing processes and the range of printed products they are capable of producing
  • Utilize major color proofing technologies; learn their comparative strengths and weaknesses, and the basic operational procedures of each
  • Use of Spot Colors
  • Construct successful digital documents for electronic print production processes
  • Establish color-managed digital design and production workflows
  • Print color separations
  • Cleanup, preflight, and package existing projects
  • Know the importance of a relationship with printer and paper reps (and to contact them as early as possible in the project)
  • Understand die-cutting, varnishes, paper and bindery options, and mock-ups
  • Work through a printer checklist and know what files/paperwork/instructions designers need to provide to the printer

DG160 Typographic Systems with Adobe InDesign

Course Description

This course focuses on typographic systems using Adobe InDesign. Students will further develop the skills learned during the previous modules while adding an understanding of many of InDesign’s automated and time-saving features like lists, find and replace, data merge, tables, and books. Students will apply the skills learned during the first two modules of InDesign to develop a significant portfolio piece.

Learning Outcomes

  • Stronger command of skills introduced in previous courses
  • Understand how to use short cuts to work faster and produce larger scale projects
  • Working with the grid, baseline grids, and fixing spacing issues
  • Conditional Text for multi-variant documents
  • Nested Line Styles
  • Open Type
  • Nested Styles
  • Text Variables and Cross References
  • Merged Data
  • Snippets
  • PDF options and PDF export. Interactive PDF settings and Previewing
  • Long Documents and Books
  • Preflighting and Packaging

DG150 Typographic Principles with Adobe InDesign

Course Description

This course focuses on typographic compositions using Adobe InDesign. The basic tools of InDesign will be featured. Students explore working with a grid and designing across multiple pages. Students expand their knowledge of typography, layout, and color, and also integrate Photoshop and Illustrator files. Exporting to Acrobat PDF files is also covered.

Learning Outcomes

  • Create new documents with custom page sizes, margins and columns
  • Create master pages (parent and child), override and unlock master page items
  • Utilize and modify text and graphics frames
  • Link (manual, semi-automatic, and automatic) and unlink text boxes
  • Import graphics and work with text wraps, clipping paths, and alpha channels
  • Format type over multiple pages through character/paragraph styles
  • Recognize the difference between spot and process color
  • Create new color swatches and apply transparencies
  • Find and fix broken links
  • Perform a preflight check and package files for output
  • Create a PDF from and modify export settings
  • Working with the grids, baseline grids, and fixing spacing issues

DG140 Digital Imaging with Adobe Photoshop

Course Description

This course is oriented toward an overall introduction to the tools and features of Adobe Photoshop, with an emphasis on general understanding of its use as a graphic design tool when working with and evaluating digital imagery. Students receive an introduction and overview of digital imagery, followed by general explanations of the tools and functions of Photoshop. Development of imagery as a sole Photoshop document or in conjunction with Adobe Illustrator elements, and as a single image solution to a communication problem will be emphasized.

Learning Outcomes

  • Preparing and Exporting files for print
  • Utilizing the various industry standard file formats
  • Understanding how to incorporate Illustrator elements in Photoshop
  • Non-destructive image manipulation/correction
  • Manipulate image resolution and demonstrate how it applies to different graphics, also students will learn how to resize and crop images
  • Work with layers to build and modify an image
  • Utilize the tool palette to select and alter components of an image
  • Create and modify text in Photoshop
  • Set the various color modes, select and identify specific color, and modify an image’s color
  • Batch processing multiple files using Photoshop
  • Developing a workflow and customizing Photoshop
  • Introduction to Bridge and file management
  • Discussion of stock imagery verses custom photography, Rights managed vs. Royalty free

DG130 Form and Communication with Adobe Illustrator

Course Description

This course introduces students to design disciplines reflective of building and developing a vocabulary of visual forms while using Adobe Illustrator. Students will learn how vector graphics fit into the graphic design workflow and will continue to hone their skills in Adobe Illustrator.

Learning Outcomes

  • Recognize the difference between Vector and Raster images
  • Utilize the various file formats native to the application and save files in the appropriate format
  • Utilize the tool palette to create and modify illustration elements
  • Drawing with the pen tool
  • Editing paths and controlling anchor points
  • Create and manipulate text, preparing files to be transferred from one system to another
  • Set and adjust the fill and stroke color for various objects, also students will learn to apply styles and create custom color palettes
  • Create, organize, reorder, and lock layers in any given illustrator file
  • Create templates from placed image files

DG 120 Typography and Layout

Course Description

Students explore the role of typography as a visualization of language and continue to explore graphic design’s use of hybrid imagery. Students are encouraged to participate and respond to a critical analysis of text and informational data, further refining their design skills and sensibilities. Typographic solutions are evaluated in an effort to bring resonance to communication problems and offer an approach to design that heightens the expressive power of the page as well as the screen. This course introduces students to design disciplines reflective of building and developing a vocabulary of visual forms while using Adobe Illustrator and Adobe Indesign. Students will learn how vector graphics fit into the graphic design workflow and will continue to hone their skills in Adobe Illustrator

Learning Outcomes

  • Intro to the Macintosh and Adobe Creative Suite   
  • Qualify the basic classifications and anatomy of Type 
  • Understand the components of letterforms 
  • Identify typefaces by classification and the uses of different fonts within a typeface family 
  • Add typefaces to Font Book 
  • Control and manipulate kerning, tracking, and leading 
  • Have an introduction to Adobe InDesign 
  • Set up and utilize a grid system in InDesign 
  • Recognize the role of each application in Adobe’s Creative Suite 
  • Have an introduction to the relationship between a layout program such as InDesign with AdobeIllustrator and Adobe Photoshop

DG101 Introduction to Graphic Design

Course Description

These 2 course teaches the fundamentals of visual design, color theory and introduces students to graphic design as a dynamic means of communication and a major part of our visual culture. This course builds a foundation in the understanding of visual structures and has students gain valuable perceptual skills. Assignments and exercises include bringing diverse elements such as signs, symbols, words, and pictures together and assembling them into a total message.    

Learning Outcomes

  • Intro to the Macintosh and Adobe Creative Suite    
  • Be familiar with the major periods of Graphic Design history    
  • To explore conceptual principles underlying the professional practice of graphic design, includingvisual problem solving, terminology and methodology. This course will introduce the graphicdesign process and the fundamentals of visual communication. Special attention will be given tothe understanding of composition, sketch process, craftsmanship and work ethic. The course willalso focus on developing productive and professional work habits.    
  • Improvement of strong work ethics, habits, and a sketching process    
  • Improvement of observational skills    
  • Demonstrate the ability to recognize and utilize basic design elements    
  • Demonstrate the ability to recognize and utilize the principles of design    
  • Acquire Visual literacy    
  • Develop visual research into a creative process    
  • Understand the perceptual/conceptual process during which form, type and content, even results generated from a computer printer, are critically analyzed, evaluated and integrated to perform a specific task and communicate a direct and coherent message     
  • Show improvement of strong work ethics, habits, and a sketching process    
  • Explore ways to retain meaning and quality of a form while translating into a graphic language anda technical language    
  • Command positive and negative space, and demonstrate the difference between active and passive space    
  • Recognize the difference between symmetry and asymmetry, and its’ impact on a composition    
  • Demonstrate an understanding of basic color theory    
  • Demonstrate simple principles of color theory such as: the color wheel; light to dark gradations;  concepts of hue, value, intensity, and temperature; color and its response to audience emotions