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.

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

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.

Join the biggest student community

6,400,000

Hours of video content

29,000,000

Course Enrollments

7,900,000

Students

Reviews

Average Rating
3.0
Details
  1. 5 Stars
    7
  2. 4 Stars
    2
  3. 3 Stars
    7
  4. 2 Stars
    3
  5. 1 Stars
    7
    • Geno Paiz

    New to me

    This course might be somewhat out-dated but I learned a lot of what could be done by just watching the clips. I didn't actually do the steps.

    • Mohammad Barroq

    really great !

    great course ... sometimes I felt it was slow but very informative :)

    • Ben Spak

    Horribly Outdated!

    Don't waste your time learning these techniques!

    • Alexander

    Outdated

    The instructor was great, the lessons were strong and I can say that even though many of the processes he uses are outdated, I still learned a few new tricks that will help me be a better graphic designer. However, responsive web design is pretty much the only thing that matters anymore and the lessons are for a basic web page with no responsiveness. Still a great starting point for any graphic/web designer, but it should be labeled as such in the summary for the course. I also would recommend that Udemy begins displaying the original release date of the course to help possible students to better gauge as to how helpful the course will actually be to them.

    • Daniel MacLeod

    Outdated Content & Workflow

    Some of the training is still applicable as a foundation to current skills, but overall, this course's content needs to be replaced with current practical workflow. Take this course if you can find it being offered on a deep-discount sale, otherwise look elsewhere.

Show more reviews
Ready to start learning?
Preview this course