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.
3.9 (39 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
19,842 students enrolled
Instructed by Infinite Skills Design / Web Design
$19
$50
62% off
Take This Course
  • Lectures 103
  • Length 9 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 3/2012 English

Course 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.

What are the requirements?

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

What am I going to get from this course?

  • 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.

What is the target audience?

  • 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Working Files - Download These First
Article
Welcome
Preview
01:21
Viewing The Completed Site
Preview
01:56
The Workflow Process
Preview
03:15
Section 2: Setting Up Photoshop For Web Layout
Setting Photoshop's Preferences
Preview
03:37
Arranging The Workspace
06:41
Setting Panel Options - Part 1
05:00
Setting Panel Options - Part 2
05:18
Customizing Menus And Keyboard Shortcuts
07:39
Saving Photoshop's Workspace
03:20
Section 3: Laying The Foundation With Wireframing
Creating The Layout File
05:32
Setting The Layout Guides
06:20
Using The Layout Grid
02:48
Beginning The Wireframing Process
05:38
Continuing The Wireframe
04:15
Selecting Positioning And Aligning Vector Objects
06:38
Precisely Sizing Vector Objects
05:15
Additional Object Sizing
03:17
Precisely Positioning Objects
06:52
Creating Additional Wireframe Objects - Part 1
04:10
Creating Additional Wireframe Objects - Part 2
05:46
Adding The Footer And Final Adjustments
04:51
Organizing The Layers Panel
07:03
Preparing The Wireframe For Review - Part 1
07:11
Preparing The Wireframe For Review - Part 2
07:09
Exporting The Wireframe For Review
05:52
Section 4: Reviewing In Acrobat
Preparing The PDF For Sharing
09:07
Adding Sticky Note Comments
08:27
Working With The Comments Pane
04:28
Summarizing Comments
04:19
Section 5: Applying Design To The Wireframe
Preparing The Wireframe For Design
05:24
Choosing Fonts
06:55
Choosing Colours
06:33
Saving Colours In Photoshop
06:16
Setting The Header's Background Colour
04:01
Building The Logo - Part 1
07:11
Building The Logo - Part 2
05:20
Using Smart Objects Between Photoshop And Illustrator
04:27
Building The Menu
07:04
Applying A Gradient Overlay
06:42
Inserting Center Box Headings - Part 1
07:10
Inserting Center Box Headings - Part 2
04:17
Creating The Center Picture Boxes
04:28
Adding Placeholder Text
04:44
Building The News Container - Part 1
07:06
Building The News Container - Part 2
03:55
Creating The Calendar
03:21
Finding And Editing A FaceBook UI
07:24
Adding The FaceBook Facepile
02:35
Inserting A Twitter Profile Feed
02:29
Finishing Up The Footer
03:04
Section 6: Adding Photographs And Textures To The Layout
Adding A Texture Into The Header
06:54
Inserting A Photo For The Slideshow
04:46
Inserting Center Box Photography
07:18
Finalizing The Design Stage
02:46
Section 7: Converting The Photoshop Layout To HTML
Getting Started With Slicing
05:46
Creating Additional Layer-Based Slices
06:41
Subdividing Slices
05:05
Naming Slices
06:30
Preparing The Layout For Exporting
06:56
Setting Export Options
05:33
Viewing The Exported Results
03:21
Section 8: Moving The Layout Into Dreamweaver
Customizing The Dreamweaver Interface
04:06
Defining The Site In Dreamweaver
04:02
Opening And Touring Photoshop's HTML File
07:46
Removing The Whitespace Objects
04:38
Cleaning Up The Style Sheet
05:15
Centering The Layout
06:43
Previewing Your Work In A Browser
03:46
Positioning The Header
02:35
Positioning The Main Menu - Part 1
06:34
Positioning The Main Menu - Part 2
06:19
Removing Positioning From Layout Objects
05:15
04:44

Using CSS to Float Page Layout

Setting Vertical Spacing - Part 1
05:54
Setting Vertical Spacing - Part 2
02:41
Setting Horizontal Spacing
04:41
Formatting The Overall Page
07:06
Section 9: Streamlining The Layout In Dreamweaver
Extracting The Logo From The Photoshop Layout
05:40
Inserting The Logo Into Dreamweaver
04:41
Extracting The Center Box Background
04:51
Setting Center Box Backgrounds
05:15
Inserting Center Box Header Text
06:21
Creating The Center Box Picture Frames
04:51
Extracting And Inserting The Center Box Photos
05:21
Converting Inline CSS To Class Rules
06:00
Formatting Center Box Text
04:37
Exporting Internal CSS To An External Syle Sheet
07:14
Using Iframes To Build A Scrolling Box
06:19
Finishing Up The Scroll Box
02:56
Section 10: Building A Self-Running Slideshow In Flash

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course