Learning Creative Web Design The Easy Way.

Master the art of Creative Web Design at your own pace with adobe creative suite training. Certificate awarded.

What you'll learn

How to take a website from the idea stage to completion, following critical design steps that give you total control over the look and feel of the site.

How to translate graphical concepts into functional ones, designing an intuitive user experience for website visitors.

How to create a custom logo and add social media options interactivity to your website.

How to work with CSS and HTML to coincide with graphic design and multimedia elements.

Requirements

Software Needed To Take This Course; Photoshop - Dreamweaver - Illustrator - Flash

Description

  A Verifiable Certificate of Completion is presented to all students who undertake this course. Since its first release in 2003, the Adobe Creative Suite has set the industry standard for professional design across multiple fields and media, with graphics tools ready to help you create any look you could want. Now in this unique Adobe Creative Suite Web Design training course from InfiniteSkills, you'll learn everything you need to know to create and launch a visually-impressive and functional website from start to finish. No matter which version of Creative Suite you're using, you'll see how Adobe's powerful programs can be combined into a seamless workflow to produce the vision you want for the web. You'll learn wireframing in Illustrator, graphical layout in Photoshop and total HTML conversion in Dreamweaver, with key tips on using Adobe Flash and Adobe Acrobat along the way. Led by graphics and web standards expert Geoff Blake, there simply isn't a better guide for building a web presence from the ground up. Start with adobe creative suite training today.

Overview

Section 1: Introduction

Lecture 1 Working Files - Download These First

Lecture 2 Welcome

Lecture 3 Viewing The Completed Site

Lecture 4 The Workflow Process

Section 2: Setting Up Photoshop For Web Layout

Lecture 5 Setting Photoshop's Preferences

Lecture 6 Arranging The Workspace

Lecture 7 Setting Panel Options - Part 1

Lecture 8 Setting Panel Options - Part 2

Lecture 9 Customizing Menus And Keyboard Shortcuts

Lecture 10 Saving Photoshop's Workspace

Section 3: Laying The Foundation With Wireframing

Lecture 11 Creating The Layout File

Lecture 12 Setting The Layout Guides

Lecture 13 Using The Layout Grid

Lecture 14 Beginning The Wireframing Process

Lecture 15 Continuing The Wireframe

Lecture 16 Selecting Positioning And Aligning Vector Objects

Lecture 17 Precisely Sizing Vector Objects

Lecture 18 Additional Object Sizing

Lecture 19 Precisely Positioning Objects

Lecture 20 Creating Additional Wireframe Objects - Part 1

Lecture 21 Creating Additional Wireframe Objects - Part 2

Lecture 22 Adding The Footer And Final Adjustments

Lecture 23 Organizing The Layers Panel

Lecture 24 Preparing The Wireframe For Review - Part 1

Lecture 25 Preparing The Wireframe For Review - Part 2

Lecture 26 Exporting The Wireframe For Review

Section 4: Reviewing In Acrobat

Lecture 27 Preparing The PDF For Sharing

Lecture 28 Adding Sticky Note Comments

Lecture 29 Working With The Comments Pane

Lecture 30 Summarizing Comments

Section 5: Applying Design To The Wireframe

Lecture 31 Preparing The Wireframe For Design

Lecture 32 Choosing Fonts

Lecture 33 Choosing Colours

Lecture 34 Saving Colours In Photoshop

Lecture 35 Setting The Header's Background Colour

Lecture 36 Building The Logo - Part 1

Lecture 37 Building The Logo - Part 2

Lecture 38 Using Smart Objects Between Photoshop And Illustrator

Lecture 39 Building The Menu

Lecture 40 Applying A Gradient Overlay

Lecture 41 Inserting Center Box Headings - Part 1

Lecture 42 Inserting Center Box Headings - Part 2

Lecture 43 Creating The Center Picture Boxes

Lecture 44 Adding Placeholder Text

Lecture 45 Building The News Container - Part 1

Lecture 46 Building The News Container - Part 2

Lecture 47 Creating The Calendar

Lecture 48 Finding And Editing A FaceBook UI

Lecture 49 Adding The FaceBook Facepile

Lecture 50 Inserting A Twitter Profile Feed

Lecture 51 Finishing Up The Footer

Section 6: Adding Photographs And Textures To The Layout

Lecture 52 Adding A Texture Into The Header

Lecture 53 Inserting A Photo For The Slideshow

Lecture 54 Inserting Center Box Photography

Lecture 55 Finalizing The Design Stage

Section 7: Converting The Photoshop Layout To HTML

Lecture 56 Getting Started With Slicing

Lecture 57 Creating Additional Layer-Based Slices

Lecture 58 Subdividing Slices

Lecture 59 Naming Slices

Lecture 60 Preparing The Layout For Exporting

Lecture 61 Setting Export Options

Lecture 62 Viewing The Exported Results

Section 8: Moving The Layout Into Dreamweaver

Lecture 63 Customizing The Dreamweaver Interface

Lecture 64 Defining The Site In Dreamweaver

Lecture 65 Opening And Touring Photoshop's HTML File

Lecture 66 Removing The Whitespace Objects

Lecture 67 Cleaning Up The Style Sheet

Lecture 68 Centering The Layout

Lecture 69 Previewing Your Work In A Browser

Lecture 70 Positioning The Header

Lecture 71 Positioning The Main Menu - Part 1

Lecture 72 Positioning The Main Menu - Part 2

Lecture 73 Removing Positioning From Layout Objects

Lecture 74 Floating Layout Objects

Lecture 75 Setting Vertical Spacing - Part 1

Lecture 76 Setting Vertical Spacing - Part 2

Lecture 77 Setting Horizontal Spacing

Lecture 78 Formatting The Overall Page

Section 9: Streamlining The Layout In Dreamweaver

Lecture 79 Extracting The Logo From The Photoshop Layout

Lecture 80 Inserting The Logo Into Dreamweaver

Lecture 81 Extracting The Center Box Background

Lecture 82 Setting Center Box Backgrounds

Lecture 83 Inserting Center Box Header Text

Lecture 84 Creating The Center Box Picture Frames

Lecture 85 Extracting And Inserting The Center Box Photos

Lecture 86 Converting Inline CSS To Class Rules

Lecture 87 Formatting Center Box Text

Lecture 88 Exporting Internal CSS To An External Syle Sheet

Lecture 89 Using Iframes To Build A Scrolling Box

Lecture 90 Finishing Up The Scroll Box

Section 10: Building A Self-Running Slideshow In Flash

Lecture 91 Getting Started In Flash

Lecture 92 Editing Flash Content In Photoshop

Lecture 93 Inserting Additional Graphics Into Flash

Lecture 94 Building The First Slideshow Transition

Lecture 95 Building The Remaining Slide Transitions

Lecture 96 Adjusting Slideshow Playback Speed

Lecture 97 Publishing The Flash Slideshow

Lecture 98 Inserting The Slideshow Into Dreamweaver

Section 11: Adding Social Feeds & Finishing Touches

Lecture 99 Adding FaceBook And Twitter Feeds

Lecture 100 Building A Photo Gallery - Part 1

Lecture 101 Building A Photo Gallery - Part 2

Lecture 102 Uploading Your Completed Work

Lecture 103 Wrapping Up

Anyone who wants to build a website in which the visual appearance and graphical theme is critical.,Graphic designers who want to take their knowledge of Photoshop and Illustrator and translate it to the Web.,Anyone who currently has a website that they would like to redesign or enhance using cutting edge tools and current web standards.