Learning Creative Web Design The Easy Way.

Learning Creative Web Design The Easy Way., available at $19.99, has an average rating of 3.15, with 103 lectures, based on 55 reviews, and has 19868 subscribers.

You will learn about 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. This course is ideal for individuals who are Anyone who wants to build a website in which the visual appearance and graphical theme is critical. or Graphic designers who want to take their knowledge of Photoshop and Illustrator and translate it to the Web. or Anyone who currently has a website that they would like to redesign or enhance using cutting edge tools and current web standards. It is particularly useful for Anyone who wants to build a website in which the visual appearance and graphical theme is critical. or Graphic designers who want to take their knowledge of Photoshop and Illustrator and translate it to the Web. or Anyone who currently has a website that they would like to redesign or enhance using cutting edge tools and current web standards.

Enroll now: Learning Creative Web Design The Easy Way.

Summary

Title: Learning Creative Web Design The Easy Way.

Price: $19.99

Average Rating: 3.15

Number of Lectures: 103

Number of Published Lectures: 103

Number of Curriculum Items: 103

Number of Published Curriculum Objects: 103

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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.

Target Audiences

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.

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.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Working Files – Download These First

Lecture 2: Welcome

Lecture 3: Viewing The Completed Site

Lecture 4: The Workflow Process

Chapter 2: Setting Up Photoshop For Web Layout

Lecture 1: Setting Photoshop's Preferences

Lecture 2: Arranging The Workspace

Lecture 3: Setting Panel Options – Part 1

Lecture 4: Setting Panel Options – Part 2

Lecture 5: Customizing Menus And Keyboard Shortcuts

Lecture 6: Saving Photoshop's Workspace

Chapter 3: Laying The Foundation With Wireframing

Lecture 1: Creating The Layout File

Lecture 2: Setting The Layout Guides

Lecture 3: Using The Layout Grid

Lecture 4: Beginning The Wireframing Process

Lecture 5: Continuing The Wireframe

Lecture 6: Selecting Positioning And Aligning Vector Objects

Lecture 7: Precisely Sizing Vector Objects

Lecture 8: Additional Object Sizing

Lecture 9: Precisely Positioning Objects

Lecture 10: Creating Additional Wireframe Objects – Part 1

Lecture 11: Creating Additional Wireframe Objects – Part 2

Lecture 12: Adding The Footer And Final Adjustments

Lecture 13: Organizing The Layers Panel

Lecture 14: Preparing The Wireframe For Review – Part 1

Lecture 15: Preparing The Wireframe For Review – Part 2

Lecture 16: Exporting The Wireframe For Review

Chapter 4: Reviewing In Acrobat

Lecture 1: Preparing The PDF For Sharing

Lecture 2: Adding Sticky Note Comments

Lecture 3: Working With The Comments Pane

Lecture 4: Summarizing Comments

Chapter 5: Applying Design To The Wireframe

Lecture 1: Preparing The Wireframe For Design

Lecture 2: Choosing Fonts

Lecture 3: Choosing Colours

Lecture 4: Saving Colours In Photoshop

Lecture 5: Setting The Header's Background Colour

Lecture 6: Building The Logo – Part 1

Lecture 7: Building The Logo – Part 2

Lecture 8: Using Smart Objects Between Photoshop And Illustrator

Lecture 9: Building The Menu

Lecture 10: Applying A Gradient Overlay

Lecture 11: Inserting Center Box Headings – Part 1

Lecture 12: Inserting Center Box Headings – Part 2

Lecture 13: Creating The Center Picture Boxes

Lecture 14: Adding Placeholder Text

Lecture 15: Building The News Container – Part 1

Lecture 16: Building The News Container – Part 2

Lecture 17: Creating The Calendar

Lecture 18: Finding And Editing A FaceBook UI

Lecture 19: Adding The FaceBook Facepile

Lecture 20: Inserting A Twitter Profile Feed

Lecture 21: Finishing Up The Footer

Chapter 6: Adding Photographs And Textures To The Layout

Lecture 1: Adding A Texture Into The Header

Lecture 2: Inserting A Photo For The Slideshow

Lecture 3: Inserting Center Box Photography

Lecture 4: Finalizing The Design Stage

Chapter 7: Converting The Photoshop Layout To HTML

Lecture 1: Getting Started With Slicing

Lecture 2: Creating Additional Layer-Based Slices

Lecture 3: Subdividing Slices

Lecture 4: Naming Slices

Lecture 5: Preparing The Layout For Exporting

Lecture 6: Setting Export Options

Lecture 7: Viewing The Exported Results

Chapter 8: Moving The Layout Into Dreamweaver

Lecture 1: Customizing The Dreamweaver Interface

Lecture 2: Defining The Site In Dreamweaver

Lecture 3: Opening And Touring Photoshop's HTML File

Lecture 4: Removing The Whitespace Objects

Lecture 5: Cleaning Up The Style Sheet

Lecture 6: Centering The Layout

Lecture 7: Previewing Your Work In A Browser

Lecture 8: Positioning The Header

Lecture 9: Positioning The Main Menu – Part 1

Lecture 10: Positioning The Main Menu – Part 2

Lecture 11: Removing Positioning From Layout Objects

Lecture 12: Floating Layout Objects

Lecture 13: Setting Vertical Spacing – Part 1

Lecture 14: Setting Vertical Spacing – Part 2

Lecture 15: Setting Horizontal Spacing

Lecture 16: Formatting The Overall Page

Chapter 9: Streamlining The Layout In Dreamweaver

Lecture 1: Extracting The Logo From The Photoshop Layout

Lecture 2: Inserting The Logo Into Dreamweaver

Lecture 3: Extracting The Center Box Background

Lecture 4: Setting Center Box Backgrounds

Lecture 5: Inserting Center Box Header Text

Lecture 6: Creating The Center Box Picture Frames

Lecture 7: Extracting And Inserting The Center Box Photos

Lecture 8: Converting Inline CSS To Class Rules

Lecture 9: Formatting Center Box Text

Lecture 10: Exporting Internal CSS To An External Syle Sheet

Lecture 11: Using Iframes To Build A Scrolling Box

Lecture 12: Finishing Up The Scroll Box

Chapter 10: Building A Self-Running Slideshow In Flash

Instructors

Infinite Skills
High Quality Training

Rating Distribution

1 stars: 12 votes
2 stars: 4 votes
3 stars: 17 votes
4 stars: 6 votes
5 stars: 16 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu