1. Fall 2017
What’s Next

2. Overview…
Visual (graphic) Design  Multimedia Basic Design Principles > Illustrator > Photoshop
Advanced Photoshop | Illustrator
Multimedia (HTML5 canvas vs. Flash vs. Adobe Edge) • Adobe Edge Tools • Edge Animate – Create interactive and animated web content Audio/Video Editing (Final Cut, Adobe Premiere, Audacity (audio))

3. Overview: Information Architecture  User Experience Design
Understands the needs, desires, and limitations of the user Understands how the site will be used, how it will solve problems
User research and testing reports | User Modeling, Personas, Scenarios | Storyboards and User flowcharts - understand the user (audience) - demonstrates the steps to accomplish tasks (traces path of typical user (persona).
Wireframe diagrams | Site Diagrams/Maps | Prototypes
- - Diagram of the structure of the site – how individual pages relate to one another … navigation, search boxes, form elements
INFOST 717: Information Architecture
Axure: Interactive Wireframe Software & Mockup Tool
Adobe XD: Adobe’s UX/UI design tool

4. Overview…
Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css)
HTML5
CSS3 Javascript (Interactivity & browser behaviors)
Google Web Designer:
-Create interactive HTML 5-based designs and motion graphics
Web Fonts (Niederst p. 228) Google Fonts:
Web Typography:

5. Overview…
Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css)
Flexbox Tutorial:
A Complete Guide to Flexbox
A Complete Guide to Grid

6. Overview…
Frontend Development  CSS | HTML | Javascript Authoring/markup (html) | Styling (css)
Responsive Design (Niederst p. 444)
Responsive Web Design by Ethan Marcotte
Responsive Design :
Content Management Systems
Wordpress, | Joomla | Drupal | INFOST 691 (Hudson)

7. Overview… Backend Development  Scripting & Programming
Advanced web functionality
Forms Processing Database Programming
Dynamic content & Interactivity
Add behaviors and functionality to elements in the page/browser window.
Server-side Programming (form handling, dynamically generated pages, shopping carts, content management systems, databases)
PHP Python Ruby JSP ASP.NET ColdFusion JAVA