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.
  • Lectures 104
  • Video 9 Hours
  • Skill level all level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion

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.

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?

  • Over 104 lectures and 9 hours of content!
  • 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.

Curriculum

Section 1: Introduction
Working Files - Download These First
Text
Welcome
01:21
Text
All Users of this course are eligible for a Certificate of Completion. Each certificate is issued with a unique number which allows verification that the user has undertaken a course. To obtain your certificate just visit http://www.infiniteskills.com/cert/01682
Viewing The Completed Site
01:56
The Workflow Process
03:15
Section 2: Setting Up Photoshop For Web Layout
Setting Photoshop's Preferences
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
Getting Started In Flash
04:54
Editing Flash Content In Photoshop
04:23
Inserting Additional Graphics Into Flash
03:52
Building The First Slideshow Transition
06:27
Building The Remaining Slide Transitions
04:40
Adjusting Slideshow Playback Speed
05:58
Publishing The Flash Slideshow
02:33
Inserting The Slideshow Into Dreamweaver
02:12
Section 11: Adding Social Feeds & Finishing Touches
Adding FaceBook And Twitter Feeds
04:45

Instructor Biography

O'Reilly Media , High Quality Training

O'Reilly spreads the knowledge of innovators through its technology books, online services, magazines, research, and tech conferences. Since 1978, O'Reilly has been a chronicler and catalyst of leading-edge development, homing in on the technology trends that really matter and galvanizing their adoption by amplifying "faint signals" from the alpha geeks who are creating the future. An active participant in the technology community, O'Reilly has a long history of advocacy, meme-making, and evangelism.

Reviews

Average Rating
3.0
Details
  1. 5 Stars
    6
  2. 4 Stars
    1
  3. 3 Stars
    2
  4. 2 Stars
    1
  5. 1 Stars
    6
    • Mina Aboud

    Good

    Hello, This course is enough for beginners would like to know how to use Photoshop, Illustrator and Dreamweaver for Webdesign with focusing on the tools itself., and the instructor does that very well! appreciated that. I really missed concepts about the web design process it self like best practices for a layout, etc. also HTML and CSS weren't the focus of this course. the tools are., so if it that your goal, it's good enough Finally the course need to be updated in matter of Photoshop, illustration, Dreamweaver versions still what offered is basically the same in the new versions.

    • Micah

    Terribly outdated

    I wouldn't recommend anyone develop websites like this anymore. There are many more modern standards that aren't covered. Please do not purchase this course.

    • Jeff Dickerson

    Very outdated

    Course is very complete but outdated, would be great if it was 2007.

    • Stephen Joseph

    Instructor didn't respect my time

    Instructor kept going off on so many tangents that I couldn't ever get to the techniques of the course, even when I jumped ahead again and again. But I know nine ways to change a color slider in photoshop.

    • Mark Davies

    Only worth it for amateurs

    Not worth it if you already have basic knowledge off html and css and Photoshop. Too simplistic and far too long

Show more reviews

What you get with this course

30 day money back guarantee

Lifetime access

Available on desktop, iOS and Android

Certificate of completion

Join the biggest student community

5,200,000

Hours of video content

19,000,000

Course enrollment

5,800,000

Students

Ready to start learning?
Preview this course