Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Design Web Design

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.
Rating: 3.5 out of 53.5 (54 ratings)
19,856 students
Created by Infinite Skills
Last updated 1/2017
English
English [Auto]
30-Day Money-Back Guarantee

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.

Who this course is for:

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

Course content

11 sections • 103 lectures • 8h 50m total length

  • Working Files - Download These First
    00:01
  • Preview01:21
  • Preview01:56
  • Preview03:15

  • Preview03: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

  • 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

  • Preparing The PDF For Sharing
    09:07
  • Adding Sticky Note Comments
    08:27
  • Working With The Comments Pane
    04:28
  • Summarizing Comments
    04:19

  • 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

  • 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

  • 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

  • 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
  • Floating Layout Objects
    04:44
  • 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

  • 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

  • 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

Instructor

Infinite Skills
High Quality Training
Infinite Skills
  • 4.3 Instructor Rating
  • 118,231 Reviews
  • 1,238,220 Students
  • 327 Courses

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.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.