Certificate in Advanced Adobe Web Design

Certificate in Advanced Adobe Web Design

Mobile

The core of this program will cover advanced features to extend your responsive design skills using WordPress and Adobe Creative Cloud software such as Adobe Edge Animate, Photoshop and Dreamweaver. From parallax scrolling, to javascript integration, to HTML5 and CSS transition, this hands-on course covers exciting new features and functionality.

Course Details

icon

Spring 2016 Course Schedule - TBA

Dates TBA: May - June 2016
Tuesday & Thursday evenings
6:00 pm - 9:00 pm

Class Location:
Pace University Midtown
551 Fifth Avenue, 8th Floor
New York, NY 10176

Tuition: $1,495 (includes all course materials)
Course #:90746

icon

Course Description

Students will continue to build their skills and expertise of web design utilizing Dreamweaver, Adobe Edge Animate, Photoshop and Word Press. We will explore responsive design, HTML5, advanced CSS / CSS3, CSS transition and CSS transform, JavaScript and jquery integration, parallax scrolling and Webmaster tools. Students must have completed the Adobe Web Design certificate course or have equivalent experience which includes basic knowledge and understanding of web design, HTML and CSS. This advanced hands-on course delivers 30 hours of classroom instruction supplemented with outside class assignments and projects.

Click for Detailed Course Description

icon

You Will Learn To

HTML5

HTML5 is the latest version of the standard markup language that introduces several changes, which are very important to know for the design and development of websites. At this stage of the certificate program, students will learn the proper use of semantic HTML5 tags and how to build and adapt the structure of a site to the standards of today. In addition students will learn how to implement Modernizr, a JavaScript library, which is designed to detect HTML5 and CSS3 features in various browsers. Students will learn to integrate Boilerplate which helps to build fast adaptable web apps or sites. Students will build a website using parallax scrolling.

Dreamweaver

In this section of the certificate program, students will integrate what they designed in Photoshop into a Dreamweaver project using a responsive design approach. For this, we will use the extract panel to copy the code into the project. Students will also learn how to integrate Java Script and jQuery to build interactive elements such light box and photo galleries.

CSS3

Students will utilize techniques for using CSS in responsive sites by using media queries. They will follow best practices, workflows and compatibility with different browsers. In addition, students will cover tricks for using CSS to add transition effects to the site. This class will demonstrate how to integrate Normalize.css to make browsers render all elements more consistently and in line with modern standards.

Photoshop

Photoshop continues to advance workflows across the Adobe toolset. Students will learn how to design websites using column layouts for responsive sites and how to generate assets to integrate them using Dreamweaver. Extract Assets is a new feature in Photoshop that provides an interface on top of Adobe Generator to help automate the creation of assets for web and screen design from Photoshop files. The Extract Assets command allows you to define which layer(s) you want to create assets for, their size, file format and saved location on disk.

Wordpress

In this section of the certificate program, students will learn the workflow for creating dynamic websites with Wordpress. We will learn how to install themes and modify them by using the tools and options in the back-office of the site. The course will also cover how to edit Wordpress themes using Dreamweaver.

Edge Animate

Students will learn how to create animations in Edge Animate. We will also learn how to integrate JQuery and Java Script to create image galleries, animated banners and other interactive elements for use in our projects. Students will export the animations and will import into website projects created in other classes.

icon

Who Should Enroll

Web Designers, graphic designers, digital designers, web developers and others looking to advance their skills and digital expertise.

Prerequisite: Certificate in Adobe Web Design or equivalent knowledge

icon

Course Format

Monday & Wednesday evenings - 6:00 pm to 9:00 pm. Location:551 Fifth Avenue New York, NY 10176

This is an instructor-led, hands-on course. There will be many classroom hands-on exercises and homework assignments given throughout the 5 weeks including a final project.

icon

Questions?

Please contact us at (888) 561-7223 or continuinged@pace.edu

Outline for Certificate in Advanced Web Design

HTML5

HTML5 structures, Compatibility, New Technologies, HTML5 video and sound, working with Responsive Design, Modernizer and Boilerplate. Parallax scrolling.

Dreamweaver

Responsive design, Connection with Photoshop to extract CSS, best practices, Integration with JavaScript and JQuery

CSS3

Media Queries, Mobile first, best practices, CSS transitions, Tips and Tricks, Normalize, IE6 variations, Browser compatibility, new technologies.

Photoshop

Photoshop for Web Design, design UI for responsive design, CSS extract and integration with Dreamweaver, grids and columns, formats and resolution

Wordpress

Install Wordpress, Install themes, Connecting plugins, Working with theme options Short codes, Editing Themes with Dreamweaver

Edge Animate

Advanced animations, Ease in and out, transitions Actions, JS integration, Loading images and text

 

 

Location: 551 5th Ave (at 45th Street), 8th Floor, New York, NY 10176

View Larger Map

Other Courses That May Interest You

icon

Certificate in Digital Graphic Design

This class will teach students the full process of Digital Graphic Design. Students will use Photoshop, Illustrator and InDesign to design and create content for print and the wide range of digital devices used today.

  icon

Certificate in Adobe Web Design

Using several Adobe Software tools such as Photoshop, Illustrator, Dreamweaver, Edge Animate, Reflow and Muse, students will learn how to PLAN - DESIGN - BUILD + MAINTAIN a fully functional website for the web and digital devices.

icon

Certificate in Advanced Digital Graphic Design

The core of this program will cover advanced features to extend your skills in Adobe Creative Cloud software tools Photoshop, Illustrator, InDesign and the Digital Publishing Suite which utilizes Apple’s Developer program.

  icon

Certificate in Advanced Adobe Web Design

The core of this program will cover advanced features to extend your responsive design skills in Adobe Creative Cloud software tools Edge Animate, Edge Reflow, Dreamweaver and WordPress.

icon

Photoshop

  icon

InDesign

icon

Lightroom

  icon

Flash

icon

Dreamweaver

  icon

Illustrator

icon

Adobe Workflow Essentials

Students will learn the fundamentals of Adobe workflows for Digital Graphic Design and Web Design featuring Photoshop and Dreamweaver. Students will be prepared to advance on to the certificate programs or other Adobe classes.