Key features

MONEY BACK GUARANTEE

How this works :

At Simplilearn, we greatly value the trust of our patrons. Our courses were designed to deliver an effective learning experience, and have helped over half a million find their professional calling. But if you feel your course is not to your liking, we offer a 7-day money-back guarantee. Just send us a refund request within 7 days of purchase, and we will refund 100% of your payment, no questions asked!

For Self Placed Learning :

Raise refund request within 7 days of purchase of course. Money back guarantee is void if the participant has accessed more than 25% content.
  • 25 complete Web Design courses
  • Storyboarding, wireframing & responsive design
  • HTML/HTML5, CSS/CSS3, floating layouts and SASS
  • Photoshop CC & Dreamweaver CS6 for web
  • Course Completion Certificate

Course description

  • What is this course about?

    Complete web Design Suite is a comprehensive training program that entails all the vital programming and mark up languages for developing websites comprising of high-quality interactive features and design a website in Photoshop. As designing website in Photoshop helps in identifying the target audience better and design the website around their comfort, organizations across the world seek trained professionals.

    This program provides training on a series of server-side and client-side programming languages and techniques to develop websites that are more responsive to the audience, thereby generating greater user engagement. The programming languages covered here are highly scalable and can be used with great ease while creating web applications, writing codes and in serving web pages.

    Using Photoshop for designing a website is one of the most efficient approaches to design a user friendly site. Here, Photoshop is used to design the layout and look of the website. This provides a better makes understanding of the effects and tools that give better results. Photoshop website designing enables easy editing of web pages, apply different effects, enhance photos and save time.

    Complete web Design Suite is comprehensive and can be taken up by both beginners as well as advanced learners. It is best suited for system engineers, mobile app developers, web application developers, software engineers and candidates with technical background.

  • What learning benefits do you get from Simplilearn’s training?

    Here are some of the major learning benefits that come with this training program:
    • Participants will be equipped with the fundamentals of Ajax Development.
    • Upon completion of the training program, the participant will be able to designing website in Photoshop.
    • The training program entails fundamentals of CSS/CSS3 as well as CSS and CSS3 Programming for Absolute Beginners, which includes style sheet usage, external style sheet, text properties, styling elements and more.
    • Building Websites with Photoshop CC, Photoshop CC for the Web and Photoshop for Artists equip the candidates to develop websites that are extremely user friendly and highly appealing.
    • Trained professionals will be thorough with the fundamentals of HTML, which includes understanding of HTML and XML, create web page, link one web page to another and publish HTML pages.
    • Using Photoshop Filters Master Course enables the candidates to create great-looking images with metal and glass filters using the Photoshop software.
    • This comprehensive course is highly recommended for professionals as it entails advanced CSS, advanced HTML, advanced JavaScript, advanced PHP development as well as an Introduction to CodeIgniter.
    • Participants will be equipped with the fundamentals of Ajax Development.
    • Trained candidates will be able to develop a complete CMS with PHP and integrate database using MySQLi extension of PHP.
    • The training program entails fundamentals of CSS/CSS3 as well as CSS and CSS3 Programming for Absolute Beginners, which includes style sheet usage, external style sheet, text properties, styling elements and more.
    • Building Websites with Dreamweaver CS6 and Responsive Design with Dreamweaver CS6 are also covered in this course.
    • Digital Matte Painting with Photoshop empowers the aspirants to digitally paint the photo-realistic exterior and interior environments, which cannot be created otherwise.

  • What are the career benefits in-store for you?

    With the constant advancement in technology and continuous change in programming platforms, the demand for trained web developers is on a constant rise. Here are some of the major career benefits that come with this training:
    • Average salary for a competent web designer is $70,000. Source: payscale.com
    • With the constant rise in the number of websites and internet marketing becoming a norm, IT companies across the globe are seeking trained web developers.
    • As organizations seek adept web development professionals, trained professionals have an edge over their non-trained counterparts.

  • Why Simplilearn?

    • Simplilearn is the World’s Largest Certification Training Provider, with over 500,000+ professionals trained globally
    • Trusted by the Fortune 500 companies as their learning provider for career growth and training
    • 2000+ certified and experienced trainers conduct trainings for various courses across the globe
    • All our Courses are designed and developed under a tried and tested Unique Learning Framework that is proven to deliver 98.6% pass rate in first attempt
    • Accredited, Approved and Recognized as a training organization, partner, education provider and examination center by globally renowned names like Project Management Institute of USA, APMG, CFA Institute, GARP, ASTQB, IIBA and others

Course preview

  • Advanced CSS
    • Advanced CSS 1:15:41
      • 1.1 Course Material 00:25
      • 1.2 Grouping And Nesting 06:13
      • 1.3 Maximum And Minimum Dimensions 04:21
      • 1.4 Positions 04:44
      • 1.5 Relative And Z - Index 05:22
      • 1.6 Floating 03:35
      • 1.7 Clear 03:20
      • 1.8 Pseudos(Part 1) 06:13
      • 1.9 Pseudos(Part 2) 06:38
      • 1.10 Alignment 05:05
      • 1.11 Sprites 09:35
      • 1.12 Opacity 03:37
      • 1.13 Media Types 04:29
      • 1.14 Attribute Selectors 03:46
      • 1.15 Browser Prefixes 05:13
      • 1.16 Important 03:05
  • HTML and CSS for Beginning Web Developers
    • Module 1 - Introduction To HTML 08:44
      • 1.1 The Basics Of HTML 02:55
      • 1.2 What Is HTML 02:59
      • 1.3 Getting The Browser 00:42
      • 1.4 Getting The Editor 00:49
      • 1.5 Setting Up The Editor 01:19
    • Module 2 - HTML Basics 18:11
      • 2.1 Structure Hello World 04:36
      • 2.2 The DOM 02:10
      • 2.3 Customizing The Editor 01:32
      • 2.4 Self Closing Tags - Environment 01:21
      • 2.5 Validation 06:10
      • 2.6 Comments 02:22
    • Module 3 - Block Level Elements 08:42
      • 3.1 Block Level Elements 08:42
    • Module 4 - Line Breaks And Spacing 04:50
      • 4.1 Line Breaks And Spacing 04:50
    • Module 5 - Inline Elements 22:58
      • 5.1 Span Text Modifiers 02:37
      • 5.2 Anchors 10:25
      • 5.3 Exercise - Linking To The Top Of The Page 04:46
      • 5.4 Images 05:10
    • Module 6 - Tables And Forms 1:19:56
      • 6.1 Tables 04:49
      • 6.2 The Basics Of Forms 09:54
      • 6.3 HTML5 Input Attributes 15:44
      • 6.4 New HTML5 Inputs 08:53
      • 6.5 Action Attribute 03:40
      • 6.6 GET vs POST 03:13
      • 6.7 Using An Image For The Submi Button 04:06
      • 6.8 Exercise - Hote Booking Form 18:45
      • 6.9 Placeholder Vs. Value 02:31
      • 6.10 Radio Buttons, Checkboxes, Selsct Elemnets And Text Areas 08:21
    • Module 7 - Sematic HTML5 Elements 14:35
      • 7.1 New Elements 03:39
      • 7.2 What Are Semantic Elements 03:14
      • 7.3 Semantics Elements In Practice 04:32
      • 7.4 Meter And Progress Elements 03:10
    • Module 8 - Multimedia 07:43
      • 8.1 Audio 04:15
      • 8.2 Video 03:28
  • HTML5 and CSS3 Site Design
    • Chapter 0 - Introduction 03:12
      • 0.1 Introduction 00:57
      • 0.2 A Look At What Well Build 02:15
    • Chapter 1 - Let Get Started 25:33
      • 1.1 Lets Get Started 03:25
      • 1.2 In The Beginning HTML Fundamentals 11:18
      • 1.3 Understanding What CSS Is All About 06:34
      • 1.4 Viewing A Page Background Code 04:16
    • Chapter 2 - Getting Your Files Organized 16:01
      • 2.1 Getting Your Files Organized 06:43
      • 2.2 Creating A Page And Understanding Index Files 05:41
      • 2.3 Setting Up An External Style Sheet 03:37
    • Chapter 3 - Let Build A Web Layout From Scratch 1:27:45
      • 3.1 Lets Build A Web Layout From Scratch 06:54
      • 3.2 Connecting The External Style Sheet And Testing 08:14
      • 3.3 Inserting And Formatting The Site Header 07:36
      • 3.4 Finishing Up The Basic Layout 04:48
      • 3.5 Debugging For Internet Explorer 03:25
      • 3.6 Understanding How The Layout Works 05:49
      • 3.7 Using Divs For Page Layout 07:14
      • 3.8 A More Economical Approach To Layout And CSS 07:50
      • 3.9 Using Float And Clear 05:54
      • 3.10 Centering The Layout 09:01
      • 3.11 Nesting Layout Objects 07:03
      • 3.12 Spacing Apart The Layout 09:11
      • 3.13 Final Touches 04:46
    • Chapter 4 - Inserting And Formatting Text 1:17:29
      • 4.1 Inserting And Formatting Text 04:16
      • 4.2 Setting Up Paragraphs And Headings 04:36
      • 4.3 Adjusting The Layout For Text Part 1 07:35
      • 4.4 Adjusting The Layout For Text Part 2 05:19
      • 4.5 Formatting HTML Headings With CSS 06:48
      • 4.6 Formatting Paragraphs 04:09
      • 4.7 Using Class Rules To Format Text 05:22
      • 4.8 More Formatting With Class Rules 09:07
      • 4.9 Working More Efficiently With CSS 06:52
      • 4.10 Inserting And Formatting Lists 06:40
      • 4.11 Using A List To Build The Main Navigation Menu 10:15
      • 4.12 Setting Up The Footer Navigation 06:30
    • Chapter 5 - Now It Time For Some Graphics 42:18
      • 5.1 Now It Time For Some Graphics 06:28
      • 5.2 Resizing Images With Your Graphics Editor 04:51
      • 5.3 Controlling Graphics With CSS 07:06
      • 5.4 Inserting The FeatureBox Images(Free Lesson) 07:10
      • 5.5 Adjusting The FeatureBox Layout 02:57
      • 5.6 Setting Up The FeatureBox Titles 06:18
      • 5.7 Illustrator, Photoshop, HTML, And CSS Workflow 07:28
    • Chapter 6 - Site Rollout 26:21
      • 6.1 Site Rollout 03:37
      • 6.2 How To Not Roll Out A Website 07:07
      • 6.3 Roll Out 1 - Setting Internal Hyperlinks 04:36
      • 6.4 Roll Out 2 - Creating The Site Pages 01:33
      • 6.5 Previewing And Testing The Site 04:03
      • 6.6 A Final Thought On Site Rollout 05:25
    • Chapter 7 - Inserting Additional Page Elements 1:02:46
      • 7.1 Inserting Additional Page Elements 06:58
      • 7.2 Inserting A Simple Slideshow 08:29
      • 7.3 Inserting And Formatting Tables 08:15
      • 7.4 Inserting A Google Map 07:51
      • 7.5 Formatting A Customer Testimonial Page 07:07
      • 7.6 Setting Up A Contact Us Page 06:44
      • 7.7 Finalizing The Site 11:55
      • 7.8 Organizing The CSS File 05:27
    • Chapter 8 - Going Live Uploading The Completed Site 25:26
      • 8.1 Uploading The Completed Site 03:52
      • 8.2 Uploading The Local Site To The Remote Server 02:25
      • 8.3 Testing The Live Site 02:04
      • 8.4 Making Edits And Updating The Live Site 06:49
      • 8.5 Testing And Debugging For Other Browsers 09:53
      • 8.6 Conclusion 00:23
  • Introduction to SASS
    • Introduction to SASS 41:17
      • 1.1 Installing Sass 00:58
      • 1.2 Compiling 05:38
      • 1.3 Project Overview 01:37
      • 1.4 Directory Structure 04:55
      • 1.5 Variables 07:51
      • 1.6 Inheritence 07:15
      • 1.7 Nesting 02:33
      • 1.8 Functions 04:56
      • 1.9 Mixins 05:34
  • Introduction to Web Design
    • Section 1 - Introduction To The Course 02:34
      • 1.1 Introduction To Web Design 02:34
    • Section 2 - Basics Of Web Design 46:03
      • 2.1 Diffrence Between HTML And CSS 08:12
      • 2.2 First Html File 07:04
      • 2.3 Introduction To Document Layout 06:52
      • 2.4 Linking In A Stylesheet 07:40
      • 2.5 Styling Your First Element 16:15
    • Section 3 - Web Design Fundamentals 2:12:44
      • 3.1 Box Model 14:21
      • 3.2 Introduction To Developer Tools 14:23
      • 3.3 Understanding Display Types 09:59
      • 3.4 Project - Create A CSS Button 21:15
      • 3.5 Using CSS Selectors 23:10
      • 3.6 Styling Links 04:49
      • 3.7 Using Floats 15:21
      • 3.8 Using Clearfix 05:40
      • 3.9 Working With Images 14:50
      • 3.10 Validating HTML And CSS 08:56
    • Section 4 - Webfonts 24:33
      • 4.1 Introduction - Webfonts 16:43
      • 4.2 Webfonts, Google Fonts And API 07:50
    • Section 5 - Cascading Style Sheets 30:43
      • 5.1 Using CSS And Applying To Document 07:47
      • 5.2 Vendor Prefixes 09:56
      • 5.3 Create A Color Changing Profile Image 13:00
    • Section 6 - Introduction To Grid Structures 45:26
      • 6.1 Grid System Framework 12:59
      • 6.2 Choosing A Grid Framework 09:11
      • 6.3 Grids And Responsive Design 23:16
    • Section 7 - Forms And Icons 1:01:07
      • 7.1 Styling Forms 28:00
      • 7.2 Using Font Icons 13:56
      • 7.3 Understanding Sprite Sheets 19:11
    • Section 8 - Project - Create A Comment List 15:00
      • 8.1 Building A Comment List 15:00
    • Section 9 - Positioning And Resources 24:30
      • 9.1 CSS Positioning 18:53
      • 9.2 CSS Resources 05:37
    • Section 10 - Final Project - Design A Real Website 1:00:53
      • 10.1 Design A Real Website 04:58
      • 10.2 Adding Our Graphics 08:32
      • 10.3 Building Our Site 43:28
      • 10.4 Validating Our Site 03:55
  • Photoshop CC for the Web
    • Chapter 1 - Getting Started 30:57
      • 1.1 Getting Started 01:11
      • 1.2 Understanding Raster And Vector 03:42
      • 1.3 Setting Up Photoshop For The Web 09:40
      • 1.4 Common Photoshop Productivity Techniques 09:29
      • 1.5 Understanding Colour Spaces 06:55
    • Chapter 2 - Preparing Your Images For The Web 1:11:45
      • 2.1 Preparing Your Images For The Web 09:50
      • 2.2 Why Resolution Doesn t Matter On The Web 15:42
      • 2.3 Techniques For Resizing Images 11:23
      • 2.4 Web Graphics Roundup 07:40
      • 2.5 Saving Images As A GIF 08:19
      • 2.6 Saving A Transparent GIF 03:13
      • 2.7 Saving Images As JPEGs 05:33
      • 2.8 Saving Images As PNGs 04:01
      • 2.9 Saving Images In The SVG Format 06:04
    • Chapter 3 - A Closer Look At Image Optimization 55:39
      • 3.1 A Closer Look At Image Optimization 07:50
      • 3.2 Optimizing Images As GIFs 07:00
      • 3.3 Creating Animated GIFs 06:24
      • 3.4 Optimizing Images As JPEGs 04:40
      • 3.5 Saving As Both PNG 8 And PNG 24 03:24
      • 3.6 Creating Alpha Transparency With PNGs 03:37
      • 3.7 A Final Note On Image Optimization 01:34
      • 3.8 Preparing Images For Retina Displays 04:44
      • 3.9 Saving An Optimization Preset 03:39
      • 3.10 Creating A Droplet 07:00
      • 3.11 Batch Processing A Large Number Of Images 02:48
      • 3.12 Using Photoshop s Image Processor Command 02:59
    • Chapter 4 - Photoshop Web Styling Techniques 30:02
      • 4.1 Photoshop Web Styling Techniques 10:40
      • 4.2 Building A Website Header 10:41
      • 4.3 Building A Navigation Menu 08:41
    • Chapter 5 - Using The Photoshop Asset Generator 18:11
      • 5.1 Using The Photoshop Asset Generator 08:04
      • 5.2 Going Further With The Asset Generator 07:46
      • 5.3 Final Notes When Using Generator 02:21
    • Chapter 6 - Wrapping Up 02:08
      • 6.1 Wrapping Up 02:08
  • Responsive Design with Dreamweaver CS6
    • Chapter 0 - Gettin Warmed Up 04:00
      • 0.1 Gettin Warmed Up 01:35
      • 0.2 Previewing The Completed Layout (Free Lesson) 02:25
    • Chapter 1 - Let s Get Started With Fluid Grid Layouts 1:21:21
      • 1.1 Let s Get Started With Fluid Grid Layouts 04:14
      • 1.2 Creating A New Fluid Grid Layout 06:14
      • 1.3 Touring Through The Layout 06:19
      • 1.4 Looking At Other Device Views 06:09
      • 1.5 Building The Fluid Grid Layout s Basic Structure 07:19
      • 1.6 Adjusting Layout Objects 10:42
      • 1.7 Touring And Understanding The External Style Sheet 10:29
      • 1.8 Building The Raw Structure For Mobile 06:18
      • 1.9 Adjusting The Structure For Tablet And Desktop 08:15
      • 1.10 Inserting Nested Divs In The Layout 03:06
      • 1.11 Previewing Your Work 07:31
      • 1.12 Adjusting The External Style Sheet 04:45
    • Chapter 2 - Building The Mobile Device Layout 1:24:55
      • 2.1 Building The Mobile Device Layout 04:02
      • 2.2 Inserting The Logo 09:49
      • 2.3 Inserting And Formatting The Menu Items 07:26
      • 2.4 Roughing In The Slideshow 02:01
      • 2.5 Building The Positioning Statement Area 08:09
      • 2.6 Getting The New Additions Area Built 09:42
      • 2.7 Constructing The Feature Boxes 14:31
      • 2.8 Finishing Up The Feature Boxes 04:00
      • 2.9 Adjusting The Mobile Layout To Scale Part 1 05:32
      • 2.10 Adjusting The Mobile Layout To Scale Part 2 07:00
      • 2.11 Formatting The Footer 06:15
      • 2.12 Finishing Up The Mobile Device Layout 06:28
    • Chapter 3 - Building Out The Tablet Device Design 45:37
      • 3.1 Building Out The Tablet Device Design 06:17
      • 3.2 Adjusting The Tablet Layout s Logo (Free Lesson) 05:11
      • 3.3 Configuring Layout Objects To Inherit From The Mobile Style Sheet 03:16
      • 3.4 Adjusting The Positioning Statement And New Additions Areas 03:51
      • 3.5 Setting Up The Tablet Device s Feature Boxes Part 1 05:32
      • 3.6 Setting Up The Tablet Device s Feature Boxes Part 2 07:58
      • 3.7 Let s Cheat Here s How To Fix Scaling Graphic Margin 04:03
      • 3.8 Fixing The Mobile View 05:47
      • 3.9 Finishing Touches For The Tablet Layout 03:42
    • Chapter 4 - Building The Desktop Layout 20:46
      • 4.1 Building The Desktop Layout 03:44
      • 4.2 Adjusting The Desktop Layout s Logo 01:54
      • 4.3 Applying Deskto - Only Formatting To The Menu 03:21
      • 4.4 Tweaking The Slideshow Positioning 00:55
      • 4.5 Fixing The Positioning Statement And Feature Boxes 08:01
      • 4.6 Final Desktop Layout Adjustments (Free Lesson) 02:51
    • Chapter 5 - Finishing Up With Some Final Adjustments 10:39
      • 5.1 Finishing Up With Some Final Adjustments 04:54
      • 5.2 Hiding Layout Content Between Devices 05:16
      • 5.3 Wrapping Up Fluid Grid Layouts 00:29
  • Running A Web Design Business
    • Section 1 - Introduction 12:06
      • 1.1 Introduction 12:06
    • Section 2 - Starting Out 45:30
      • 2.1 Running A Business 10:03
      • 2.2 Starting A Web Design Business 18:21
      • 2.3 Getting Work 17:06
    • Section 3 - Clients 31:01
      • 3.1 Dealing With Clients 10:53
      • 3.2 How To Change The Client s Mind 02:59
      • 3.3 Meeting Clients 05:14
      • 3.4 Client Issues 11:55
    • Section 4 - Work 55:38
      • 4.1 Handling Client Requests 03:40
      • 4.2 What To Say To The Client 06:43
      • 4.3 How To Sell A Website To A Client 15:24
      • 4.4 How To Sell Print Design To A Client 04:18
      • 4.5 How To Sell A Logo To A Client 05:17
      • 4.6 Specialisation And Diversification 20:16
    • Section 5 - Money 26:37
      • 5.1 How Much Do I Charge The Client Edited 08:04
      • 5.2 Doing The Accounts 12:13
      • 5.3 More Money Advice 06:20
    • Section 6 - Web Designers Business Survey 42:28
      • 6.1 Meet The Designers Edited 15:06
      • 6.2 What Designers Do How They Make Money And Where They Find Clients 14:04
      • 6.3 How Web Designers Get Paid 13:18
  • Scratch-Building WordPress Themes with Photoshop
    • Chapter 1 - Introduction 11:20
      • 1.1 Installing Scratching WordPress Themes 01:51
      • 1.2 Understanding WordPress And WordPress Themes 02:24
      • 1.3 The Workflow Process 03:06
      • 1.4 Viewing The Finished Site 03:59
    • Chapter 2 - Setting Up Photoshop For Web Layout 50:13
      • 2.1 Setting Up Photoshop 05:57
      • 2.2 Arranging The Workspace 09:43
      • 2.3 Setting Panel Options 06:52
      • 2.4 Customizing Menus And Keyboard Shortcuts 08:53
      • 2.5 Saving Photoshops Workspace 03:10
      • 2.6 Photoshop Color Management For Web Design 05:27
      • 2.7 Common Photoshop Productivity Techniques 05:55
      • 2.8 A Few Final Photoshop Settings 04:16
    • Chapter 3 - Getting Set Up For User Interface Design 52:47
      • 3.1 Understanding Monitor Resolution 04:03
      • 3.2 Fixed Versus Flexible Web Layouts 04:17
      • 3.3 Introducing The 960 Grid System 08:59
      • 3.4 Available Column Widths In The 960 Grid System 04:15
      • 3.5 Building A Custom Grid System (Free Lesson) 14:01
      • 3.6 Using Photoshops Grid For Layout 03:18
      • 3.7 Understanding The Golden Ratio 04:58
      • 3.8 The Main Areas Of A WordPress Blog 04:06
      • 3.9 Roughing Out The Design 04:50
    • Chapter 4 - Developing A Wireframe UI In Photoshop 1:12:26
      • 4.1 Buildg A Wireframe Layout Using Photoshop 05:53
      • 4.2 Creating The First Wireframe Object 06:05
      • 4.3 Continuing To Wireframe Objects 07:24
      • 4.4 Deleting Wireframe Objects 02:12
      • 4.5 Faster Methods For Creating Wireframe Objects 10:32
      • 4.6 Building Up The Wireframe 10:06
      • 4.7 Adding In Horizontal Rules 04:01
      • 4.8 Wireframing Additional Objects, Plus Some Extra Techniques 09:13
      • 4.9 Continuing The Wireframe Development 06:34
      • 4.10 Placing Objects For Loop Post Thumbnails 05:01
      • 4.11 Roughing In A Photo Gallery 05:25
    • Chapter 5 - Finishing Up The Wireframe 1:01:42
      • 5.1 Wireframing The Text 09:44
      • 5.2 Creating More Wireframe Text 09:11
      • 5.3 Adding In Additional Text Objects 07:55
      • 5.4 Finishing Up The Text Wireframing 03:33
      • 5.5 Getting The Layers Panel Organized 09:28
      • 5.6 Additional Layer Group Techniques 06:36
      • 5.7 Adding Text Labels To The Wireframe 07:36
      • 5.8 Exporting The Wireframe For Review 07:39
    • Chapter 6 - From Wireframe To Design 1:55:02
      • 6.1 Applying Design To The Wireframe 03:18
      • 6.2 Determining The Designs Message 04:50
      • 6.3 Choosing A Typeface Hierarchy 13:54
      • 6.4 Choosing Colour Combinations 12:25
      • 6.5 Saving Out Custom Photoshop Color Palettes (Free Lesson) 03:26
      • 6.6 Sourcing Photography And Textures 08:05
      • 6.7 Creating The Site Logo (And Using Smart Objects) 08:47
      • 6.8 Introducing Layer Style Special Effects 07:06
      • 6.9 Finishing Up The Header 03:12
      • 6.10 Building The Menu 08:18
      • 6.11 Developing The Slideshow And Body Background 04:11
      • 6.12 Formatting The New Additions Area 17:52
      • 6.13 Blog Loop Formatting 03:07
      • 6.14 Developing The Sidebar 06:24
      • 6.15 Finishing Up With The Footer And Saving Out Custom Styles 10:07
    • Chapter 7 - Applying Photography And Textures 30:30
      • 7.1 Applying Texture To The Header 08:06
      • 7.2 Including Additional Textures 04:37
      • 7.3 Adding A Photo To The Slideshow 04:02
      • 7.4 Inserting Photography For The New Additions Area 04:55
      • 7.5 Adding Post Thumbnails In The Loop 05:30
      • 7.6 Inserting Thumbnails In The Photo Gallery 03:20
    • Chapter 8 - Preparing A Blank WordPress Theme For Design 1:09:26
      • 8.1 Tools Of The Trade 04:13
      • 8.2 Understanding Template Hierarchy 06:08
      • 8.3 A Look At Geoffs Setup 01:44
      • 8.4 Applying A Blank WordPress Theme 06:00
      • 8.5 Reviewing And Adjusting The Style Sheets 05:14
      • 8.6 Creating The First Div And CSS Rule 05:28
      • 8.7 Roughing In The Layout 09:09
      • 8.8 Further Roughing In The Layout 12:38
      • 8.9 Adding The Photoshop Colour Palette To The Themes Style Sheet 06:45
      • 8.10 Creating Our Sites Page Structure And Main Navigation Menu 08:36
      • 8.11 Creating Sample Posts For The Loop 03:31
    • Chapter 9 - Building The WordPress Theme From Complete Scratch 3:06:36
      • 9.1 Extracting The Header Texture From The Layout 09:47
      • 9.2 Inserting The Header Graphic Into The Theme 03:30
      • 9.3 Extracting The Logo From Photoshop And Inserting It Into The Theme 08:56
      • 9.4 Rebuilding The Navigation Menu Using CSS 20:00
      • 9.5 Building Up The Main Content Area 06:23
      • 9.6 Roughing In The Inner Containers 18:38
      • 9.7 Inserting The Positioning Statement 04:59
      • 9.8 Creating Button Formatting With CSS 20:03
      • 9.9 Building And Formatting The New Additions Area - Part 1 05:53
      • 9.10 Building And Formatting The New Additions Area - Part 2 12:14
      • 9.11 Font Replacement With Google Fonts API 10:20
      • 9.12 Consolidating Font Usage And Organizing Typography 21:12
      • 9.13 One Giant Leap For Theme Design 09:48
      • 9.14 Formatting The Loop 09:54
      • 9.15 Adding Post Thumbnails To The Loop 21:20
      • 9.16 Getting The Sidebar Started 03:39
    • Chapter 10 - Pushing The Theme Design Further 2:28:53
      • 10.1 Footer Development 06:17
      • 10.2 Formatting Hyperlinks 05:54
      • 10.3 Limiting The Number Of Posts Appearing On The Home Page 06:38
      • 10.4 Inserting Custom Loop Pagination 09:05
      • 10.5 Inserting The Slideshow 16:25
      • 10.6 A Better Way For Building WordPress Menus 08:10
      • 10.7 Building And Formatting WordPress Subpages 08:27
      • 10.8 Applying Formatting To Post Pages 07:16
      • 10.9 Completely Customizing The Comments Area 18:55
      • 10.10 Adding A Ribbon Graphic To The Comment Area 15:49
      • 10.11 Customizing Category And Search Results Pages (Free Lesson) 08:07
      • 10.12 Adding A Search Field To The Header 08:23
      • 10.13 Building A Lightbox Photo Gallery 16:11
      • 10.14 Finishing Touches 03:34
      • 10.15 Addressing Browser Compatibility Issues 09:42
    • Chapter 11 - Wrapping Things Up 05:39
      • 11.1 Final Site Checklist 01:57
      • 11.2 Thanks For Watching That Was Fun 03:42
  • Storyboarding Layout and Design
    • Module 1 - Introduction 00:39
      • 1.1 Introduction 00:39
    • Module 2 - Working With The Camera 25:24
      • 2.1 Camera Distances 05:04
      • 2.2 Horizontal 02:46
      • 2.3 Vertical 06:58
      • 2.4 Setup and Transitions 06:16
      • 2.5 Framing Guidelines 04:20
    • Module 3 - Flow 52:48
      • 3.1 Layout Golden Ratio 07:08
      • 3.2 Flow Explained 09:45
      • 3.3 Painter Example 05:50
      • 3.4 Primavera Example 03:09
      • 3.5 St Matthew Example 05:31
      • 3.6 Comic Book Storyboards 15:56
      • 3.7 Aspect Ratio 05:29
    • Module 4 - Advanced Storyboarding 16:29
      • 4.1 Framing The Shot 03:32
      • 4.2 Borders 08:29
      • 4.3 Framing Rules 04:28
  • Website Wireframing with HTML5 and CSS3
    • Chapter 0 - Introduction 12:51
      • 0.1 Introduction 04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice 03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing 02:54
      • 0.4 A Look At What We ll Build In This Course 01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe 01:24
    • Chapter 1 - Getting Started 46:27
      • 1.1 Getting Started 04:45
      • 1.2 Building The Structural CSS Rules Part 1 07:43
      • 1.3 Building The Structural CSS Rules Part 2 02:53
      • 1.4 Connecting Up The HTML To The CSS 05:20
      • 1.5 Centering Layout Elements 05:37
      • 1.6 Setting Up Inner Layout Containers 07:19
      • 1.7 Inserting Additional Inner Containers 03:35
      • 1.8 Spacing Apart The Layout 09:15
    • Chapter 2 - Wireframing The Header In Greater Detail 20:26
      • 2.1 Wireframing The Header In Greater Detail 04:37
      • 2.2 Building The Logo Container 03:55
      • 2.3 Setting Up The Main Navigation Menu 05:54
      • 2.4 Creating A Call - To - Action Button 06:00
    • Chapter 3 - Building The Rest Of The Layout 40:25
      • 3.1 Building The Rest Of The Layout 04:41
      • 3.2 Getting Started With The Hero Content 04:02
      • 3.3 Finishing Up The Hero Section 05:36
      • 3.4 Inserting The Feature Headers 03:35
      • 3.5 Building The Feature Boxes 05:59
      • 3.6 Wireframing The Organize Section 05:42
      • 3.7 Speeding Things Up For The Share Section 04:27
      • 3.8 Finishing - Up The Wireframing 06:23
    • Chapter 4 - Finishing Touches 44:58
      • 4.1 Finishing Touches 03:49
      • 4.2 Adding A Logo Placeholder With Text 03:51
      • 4.3 Inserting The Remaining Image Placeholders 03:23
      • 4.4 Inserting A Background Placeholder 05:10
      • 4.5 Adding Subtle Interactivity 06:01
      • 4.6 Adding Button Interactivity 11:43
      • 4.7 Finishing Touches 04:57
      • 4.8 Sharing The Wireframe For Review 06:04
    • Chapter 5 - Wrapping Up 00:21
      • 5.1 Wrapping Up 00:21
  • Fundamentals of HTML
    • Fundamentals Of HTML 1:20:54
      • 1.1 Course Materials 00:25
      • 1.2 What Is HTML 01:14
      • 1.3 Editors 02:08
      • 1.4 Elements 03:26
      • 1.5 Block Elements 02:36
      • 1.6 Attributes 05:02
      • 1.7 Line Breaks 01:42
      • 1.8 Headers And Paragraphs 04:45
      • 1.9 Links 04:15
      • 1.10 Images 04:27
      • 1.11 Formatting (Part 1) 02:29
      • 1.12 Formatting (Part 2) 05:16
      • 1.13 The Style Attribute 07:42
      • 1.14 Comments 02:44
      • 1.15 The Div Element 02:02
      • 1.16 Lists 04:37
      • 1.17 Tables (Part 1) 05:57
      • 1.18 Tables (Part 2) 06:14
      • 1.19 Forms 10:59
      • 2.20 IFrames 02:54
  • Fundamentals of CSS3
    • Fundamentals Of CSS3 34:58
      • 1.1 Course Materials 00:26
      • 1.2 What Is CSS3? 02:33
      • 1.3 Border Radius 02:41
      • 1.4 Border Image 09:08
      • 1.5 Box Shadow 03:36
      • 1.6 Background Size 06:39
      • 1.7 Text Shadow 01:47
      • 1.8 Custom Fonts 04:33
      • 1.9 Rotate 01:45
      • 1.10 Resize 01:50
  • Fundamentals of CSS
    • Fundamentals Of CSS 1:33:05
      • 1.1 Course Material 00:25
      • 1.2 What Is CSS 02:59
      • 1.3 Syntax 01:57
      • 1.4 Using Style Sheets 04:45
      • 1.5 External Style Sheets 01:57
      • 1.6 ID s And Classes 05:02
      • 1.7 Styling Elements 02:01
      • 1.8 Comments 01:17
      • 1.9 Background Colors 00:57
      • 1.10 Background Image 07:49
      • 1.11 Text Color 01:30
      • 1.12 Text Formatting 07:23
      • 1.13 Font Properties 07:06
      • 1.14 Text Properties 04:39
      • 1.15 Links 07:39
      • 1.16 Lists 06:29
      • 1.17 Width And Height 05:14
      • 1.18 Borders 08:07
      • 1.19 Margin And Padding 04:39
      • 1.20 Cursor 02:55
      • 1.21 Display 05:49
      • 1.22 Overflow 02:26
  • Advanced HTML
    • Advanced HTML 25:03
      • 1.1 Course Materials 00:30
      • 1.2 The Doctype 01:58
      • 1.3 Head Section (Part 1) 06:15
      • 1.4 Head Section (Part 2) 06:49
      • 1.5 Scripts 01:18
      • 1.6 Hierarchy (DOM) 04:08
      • 1.7 Entities 04:05
  • Applying Designs to WireFrames with HTML5 and CSS3
    • Chapter 0 - Introduction 03:22
      • 0.1 Introduction 01:56
      • 0.2 Here's What We'll Create In This Course 01:26
    • Chapter 1 - From Wireframe To Design 21:59
      • 1.1 From Wireframe To Design 05:16
      • 1.2 Choosing Your Designs Colour Palette 06:39
      • 1.3 Tools For Selecting Typefaces 05:18
      • 1.4 Choosing Imagery And Design Elements 04:46
    • Chapter 2 - Getting The Design Underway 50:51
      • 2.1 Getting The Design Underway 05:15
      • 2.2 Formatting Call To Action Buttons With CSS 08:41
      • 2.3 Additional Shadow Effects To The Buttons 03:11
      • 2.4 Finishing Up The Button Formatting 05:40
      • 2.5 Typographic Treatments With Google Font API 07:42
      • 2.6 Beginning The Features Section Styling 05:29
      • 2.7 Finishing The Features Section 04:08
      • 2.8 Formatting The Organize Section 04:48
      • 2.9 Wrapping Up The Layouts Design 05:57
    • Chapter 3 - Inserting and Formatting Graphics 17:31
      • 3.1 Inserting and Formatting Graphics 02:49
      • 3.2 Setting Up The Hero Section Graphics 04:53
      • 3.3 Getting The Feature Section Images Inserted 03:04
      • 3.4 Placing The Organize and Share Images 02:52
      • 3.5 Using A Graphic As A Button Label 03:53
    • Chapter 4 - Cross-Browser Testing 22:49
      • 4.1 Cross - Browser Testing 08:07
      • 4.2 Running Virtual Operating Systems For Testing 09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility 05:25
    • Chapter 5 - Wrapping Up 00:29
      • 5.1 Wrapping Up 00:29
  • Building Responsive Websites with HTML5 and CSS3
    • Building Responsive Websites with HTML5 CSS3 3:29:50
      • 1.1 Welcome 00:48
      • 1.2 A Look At What We'll Build 01:36
      • 1.3 Key Aspects Of Responsive Design 02:43
      • 1.4 Determining Device Resolutions To Target 04:20
      • 1.5 Wireframing Responsive Layouts 04:59
      • 1.6 The Concept Of Using Multiple CSS Files 10:50
      • 1.7 Media Queries and Multiple Style Sheets 08:58
      • 1.8 Building Media Queries Into A Single CSS File 07:38
      • 1.9 Using Media Query Expressions 05:05
      • 1.10 Setting Up The HTML and CSS Files 04:19
      • 1.11 Getting Started With The Header 07:36
      • 1.12 Inserting The Main Nav Menu 06:01
      • 1.13 Inserting The Search Field 06:56
      • 1.14 Problems With Applying Floats 04:19
      • 1.15 Integrating Google Fonts API 03:25
      • 1.16 Building The Hero Section Structure 04:26
      • 1.17 Formatting The Hero Section 09:04
      • 1.18 Inserting and Formatting A Call To Action Button 09:51
      • 1.19 Building The Features Section, Part One 05:46
      • 1.20 Building The Features Section, Part Two 04:57
      • 1.21 Inserting The Organize Section 08:19
      • 1.22 Building The Share Section 05:16
      • 1.23 Building The Call To Action Area 06:36
      • 1.24 Inserting And Formatting The Footer 03:48
      • 1.25 Finishing Touches For The High Resolution Layout 04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query 07:02
      • 1.27 Formatting The Medium Res Header 04:08
      • 1.28 Formatting The Medium Res Hero Section 06:09
      • 1.29 Formatting The Features Section 02:14
      • 1.30 Formatting The Organize And Share Sections 05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout 02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query 04:41
      • 1.33 Formatting The Low Res Header 02:53
      • 1.34 Resolving Problems Caused By Floats 04:22
      • 1.35 Formatting The Low Res Hero Section 03:18
      • 1.36 Formatting The Features Section 01:46
      • 1.37 Formatting The Organize And Share Sections 02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout 03:07
      • 1.39 Disabling Device Smart Zoom 05:59
      • 1.40 Testing Your Responsive Layouts 04:28
      • 1.41 Setting Up Retina Display Graphics 06:22
      • 1.42 Where To Go From Here 00:29
  • Building Websites with Photoshop CC
    • Building Websites With Photoshop CC 4:57:26
      • 1.1 Introduction 01:21
      • 1.2 Heres What We'll Build (Free Lesson) 02:13
      • 1.3 The Workflow Process (Free Lesson) 03:53
      • 1.4 Setting Up Photoshop For Web Layout (Free Lesson) 04:48
      • 1.5 Saving Our Photoshop Customizations (Free Lesson) 07:06
      • 1.6 Structuring Layouts With Photoshop 03:08
      • 1.7 Setting Up Our 960 Grid Template 05:48
      • 1.8 Creating The First Wireframe Object 04:31
      • 1.9 Continuing To Wireframe Objects 04:45
      • 1.10 Additional Techniques For Wireframing 11:37
      • 1.11 Finishing Up The Base Wireframe 02:58
      • 1.12 Organizing The Layers And Resetting The Properties Panel 06:01
      • 1.13 Roughing In The Header Content 05:35
      • 1.14 Building Out The Hero Section 08:02
      • 1.15 Wireframing The Introducing Section 05:37
      • 1.16 Creating The Organize Section 04:04
      • 1.17 Building The Get It Now Section 03:25
      • 1.18 Finishing Up The Wireframe 03:03
      • 1.19 Organizing And Colour Coding The Layers Panel 04:55
      • 1.20 Adding Text Labels To The Wireframe 03:48
      • 1.21 Exporting The Wireframe For Approval 06:18
      • 1.22 Applying Design To The Wireframe 10:13
      • 1.23 Gathering The Designs Resources Part Two 08:14
      • 1.24 Creating The Site Logo With An lllustrator Smart Object 06:38
      • 1.25 Using Layer Styles To Format Buttons 08:00
      • 1.26 Saving And Using A Custom Style 02:17
      • 1.27 Finishing Up The Header 02:26
      • 1.28 Using Linked Smart Objects 10:53
      • 1.29 Using Layer Masks To Position Content 05:26
      • 1.30 Finishing Up The Hero Section 03:51
      • 1.31 Designing With Clipping Groups And Linked Smart Objects 12:44
      • 1.32 Developing The Organize And Share Sections 04:18
      • 1.33 Finishing Up The Layouts Design 03:35
      • 1.34 Getting The Layout Out Of Photoshop Into Code 08:07
      • 1.35 Going Further With The Asset Generator 12:48
      • 1.36 Getting The Layout s Assets Organized 05:06
      • 1.37 Generating HTML With Photoshop 12:34
      • 1.38 Getting Set Up For The Coding Phase 09:22
      • 1.39 Adjusting The External Style Sheet 04:47
      • 1.40 Setting Up The Structural CSS 06:55
      • 1.41 Rebuilding The Layout With Code 11:42
      • 1.42 Creating The App Store Header Button 05:00
      • 1.43 Getting Started On The Hero Section 04:48
      • 1.44 Finishing Up The Hero Area 06:58
      • 1.45 Creating The Introducing Section 06:58
      • 1.46 Odd Behaviour With Photoshops Copy CSS Command 05:47
      • 1.47 Recreating The Organize And Share Sections 05:05
      • 1.48 Building The Get Section And Footer 03:09
      • 1.49 Wrapping Up The Project 02:43
      • 1.50 Wrapping Up 04:06
  • Create Stunning Promo Videos in 30 Minutes or Less
    • Create Stunning Promo Videos In 30 Minutes Or Less 39:20
      • 1.1 Welcome 00:19
      • 1.2 The Template We Will Be Using 01:16
      • 1.3 See Some After Effects Template 00:13
      • 1.4 iPad Template 00:31
      • 1.5 White Space Template 00:38
      • 1.6 Pop Up Book Template 00:56
      • 1.7 Installing After Effects 02:48
      • 1.8 Opening A Template 03:14
      • 1.9 Interactive Tour Of After Effects 00:30
      • 1.10 Introduction To After Effects 03:35
      • 1.11 Editing Text 05:59
      • 1.12 Changing Font Sizes And Moving Text 02:21
      • 1.13 Adding Images 04:23
      • 1.14 Adding Video 04:01
      • 1.15 Adding A Logo 02:59
      • 1.16 Rendering Your Video 02:42
      • 1.17 Post Production Help 02:55
  • Creating a Business Website with a Responsive Design
    • Section 1 - Preparation 24:25
      • 1.1 Designing The Website Visual In Photoshop Part 1 05:59
      • 1.2 Designing The Website Visual In Photoshop Part 2 10:48
      • 1.3 Showing The Website Design To The Client 07:38
    • Section 2 - Local Development 2:54:54
      • 2.1 Installing WordPress Locally Using MAMP 04:39
      • 2.2 Installing The Genesis Theme Framework And Sample Child Theme 12:21
      • 2.3 Renaming And Branding The Child Theme 03:43
      • 2.4 Introduction To Developing Websites 06:03
      • 2.5 Introduction To Genesis Theme Settings And Header Logo CSS 09:37
      • 2.6 Styling The Top Navigation Links 11:45
      • 2.7 Creating A Static Home Page And A Separate Blog Page 03:45
      • 2.8 Creating Drop - Downs And Styling The Top Navigation Menu 12:08
      • 2.9 Creating Backgrounds And Easier CSS 06:20
      • 2.10 Headings Links And Typography 06:24
      • 2.11 Adding Text And Images Into A WordPress Page 11:17
      • 2.12 Styling The Sidebar Widgets 13:47
      • 2.13 Styling Individual Sidebar Widgets 02:38
      • 2.14 Creating The Social Profile Icons 09:22
      • 2.15 Creating And Styling The Footer 09:06
      • 2.16 Creating A Widgetized Page Template 08:31
      • 2.17 Adding The Genesis Responsive Slider To The Home Page 03:38
      • 2.18 Adding Content To The Genesis Responsive Slider 05:19
      • 2.19 Styling The Genesis Responsive Slider 10:59
      • 2.20 Home Page Headings 05:34
      • 2.21 Responsive Design With CSS Media Queries 17:58
    • Section 3 - Uploding The Site To The Host Server More Development And Going Live 1:25:59
      • 3.1 Setting Up The Website On The Hosts Server 03:29
      • 3.2 Installing Wordpress Manually On Hosts Server 03:22
      • 3.3 Uploading A Local Site To The Hosts Server 06:09
      • 3.4 Creating An Under Construction Page 18:13
      • 3.5 Adding 3 Featured Posts Widgets To Home Page 11:23
      • 3.6 Styling The Three Featured Posts Widgets 09:22
      • 3.7 Designing Blog Archive Pages 07:07
      • 3.8 Creating A Contact Form In WordPress 05:28
      • 3.9 Create An Email Subscription List 14:57
      • 3.10 Giving Your Site A Favicon 06:29
    • Section 4 - Conclusion 02:17
      • 4.1 What To Do Now 02:17
    • Section 5 - Extras 15:05
      • 5.1 HTML Genesis 15:05
  • CSS and CSS3 Crash Course
    • Module 1 - Introduction To The Course 23:02
      • 1.1 What Will You Learn 01:05
      • 1.2 Introduction And The Basics 19:24
      • 1.3 Installing Notepad Plus Plus 02:33
    • Module 2 - CSS And CSS3 Basics 2:07:25
      • 2.1 Selectors (Part 1 Of 4) 10:46
      • 2.2 Selectors (Part 2 Of 4) 11:32
      • 2.3 Selectors (Part 3 Of 4) 11:01
      • 2.4 Selectors (Part 4 Of 4) 08:38
      • 2.5 Styling Links (Hyperlinks) 13:24
      • 2.6 Widths And Heights 12:51
      • 2.7 Positioning 11:00
      • 2.8 Centering A Container 10:21
      • 2.9 Colors 10:52
      • 2.10 Display Property 08:19
      • 2.11 Hiding An Element 04:49
      • 2.12 Font Basics 13:52
    • Module 3 - Intermediate CSS And CSS3 3:25:49
      • 3.1 Forcing Uppercase, Lowercase And Capitalisation 05:46
      • 3.2 Text Alignment 06:38
      • 3.3 Text Indenting 11:24
      • 3.4 Borders 11:08
      • 3.5 Rounded Borders 11:58
      • 3.6 Margins And Padding 13:51
      • 3.7 Overflow 08:39
      • 3.8 Styling Headers 09:03
      • 3.9 Floating Elements 17:08
      • 3.10 Clearfix For Clearing Floats 13:24
      • 3.11 Styling Unordere Lists 09:20
      • 3.12 Horizontal Menu (Part 1 Of 2) 12:51
      • 3.13 Horizontal Menu (Part 2 Of 2) 13:38
      • 3.14 Vertical Menu 12:10
      • 3.15 Creating A Button 11:14
      • 3.16 Backgrounds 12:35
      • 3.17 Multiple Background Images 09:08
      • 3.18 Background Size 06:04
      • 3.19 Border Images 09:50
    • Module 4 - Advanced Intermediate CSS And CSS3 1:38:30
      • 4.1 Sprite 14:40
      • 4.2 Element Shadows (Box Shadow) 07:29
      • 4.3 Text Shadows 10:44
      • 4.4 Opacity 06:24
      • 4.5 Element Stack Order (z Index) 07:39
      • 4.6 Image Overlay Effect (Part 1 Of 2) 09:43
      • 4.7 Image Overlay Effect (Part 2 Of 2) 11:35
      • 4.8 2D Transformations (Part 1 Of 4) 03:37
      • 4.9 2D Transformations (Part 2 Of 4) 11:36
      • 4.10 2D Transformations (part 3 Of 4) 09:28
      • 4.11 2D Transformations (Part 4 Of 4) 05:35
    • Module 5 - Build Your First Website 2:25:23
      • 5.1 Basic Site Layout (Part 1 Of 3) 11:29
      • 5.2 Basic Site Layout (Part 2 Of 3) 14:13
      • 5.3 Basic Site Layout (Part 3 Of 3) 14:11
      • 5.4 Styling Tables (Part 1 Of 2) 13:38
      • 5.5 Styling Tables (Part 2 Of 2) 10:45
      • 5.6 Cursors 07:37
      • 5.7 Box Sizing 07:48
      • 5.8 Styling Form Elements (Part 1 Of 2) 11:45
      • 5.9 Styling Form Elements (Part 2 Of 2) 07:00
      • 5.10 Dashed Link Underline 07:03
      • 5.11 Drop Down Style Menu 14:43
      • 5.12 Quick And Easy CSS Triangles 03:37
      • 5.13 Pure Dropdown List Menu (Part 1 Of 2) 09:45
      • 5.14 Pure Dropdown List Menu (Part 2 Of 2) 11:49
    • Module 6 - Fun Advanced Topics 48:40
      • 6.1 Creating Cube With CSS3 18:55
      • 6.2 Create A Avatar Profile Picture Effect 03:54
      • 6.3 Create A Speech Bubble In Comment List 13:21
      • 6.4 Create A Headline Backgroung Effect 12:30
  • CSS and CSS3 Programming For Absolute Beginners
    • CSS and CSS3 Programming For Absolute Beginners 2:16:57
      • 1.1 Introduction And The Basics 19:24
      • 1.2 Installing Notepad Plus Plus 02:33
      • 1.3 Widths And Heights 12:51
      • 1.4 Margins And Padding 13:51
      • 1.5 Borders 11:08
      • 1.6 Centering A Container 10:21
      • 1.7 Display Property 08:19
      • 1.8 Hiding An Element 04:49
      • 1.9 Positioning 11:00
      • 1.10 Font Basics 13:44
      • 1.11 Text Alignment 06:38
      • 1.12 Styling Links (Hyperlinks) 13:23
      • 1.13 Styling Headers 08:56
  • CSS Floating Layouts
    • Chapter 0 - Welcome To CSS Floating Layouts 03:29
      • 0.1 How To Build CSS Floating Layout 00:46
      • 0.2 A Note About Set Up 02:43
    • Chapter 1 - CSS Float Fundamentals 39:55
      • 1.1 Basic Floating 10:29
      • 1.2 Using Floats On Multiple Items 07:08
      • 1.3 Introducing Clear 04:38
      • 1.4 A Practical Example Creating A Thumbnail Gallery With Float And Clear 17:40
    • Chapter 2 - Building A Flexible Layout 26:00
      • 2.1 Creating Layouts Using Floats 04:59
      • 2.2 Setting Properties And Testing The Layout 07:30
      • 2.3 Inserting The Header 04:20
      • 2.4 Inserting The Footer And Finalizing 06:09
      • 2.5 Understanding How The Layout Works 03:02
    • Chapter 3 - Building A Combination Flexible Fixed Layout 28:57
      • 3.1 Creating A Combination Flexible Fixed Layout 05:06
      • 3.2 Adding In Some Dummy Content 02:13
      • 3.3 Setting Properties Part 1 07:00
      • 3.4 Setting Properties Part 2 07:32
      • 3.5 Final Layout Options 07:06
    • Chapter 4 - Building A Fixed Layout 28:05
      • 4.1 Creating A Fixed Layout 03:40
      • 4.2 Setting Properties Part 1 04:21
      • 4.3 Setting Properties Part 2 12:16
      • 4.4 Final Layout Options 07:48
    • Chapter 5 - Bonus Videos 28:58
      • 5.1 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 1 08:15
      • 5.2 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 2 08:57
      • 5.3 Creating Floating Layouts In Dreamweaver 11:46
    • Chapter 6 - Conclusion 01:59
      • 6.1 Conclusion 01:59
  • Designing A Website in Photoshop
    • Section 1 - Introduction 02:09
      • 1.1 Introduction 02:09
    • Section 2 - Desiging The Logo 12:12
      • 2.1 Desiging The Logo In Adobe Illustrator - Part 1 05:56
      • 2.2 Designing The Logo In Adobe Illustrator - Part 2 06:16
    • Section 3 - The First Design Visual 41:36
      • 3.1 Desigining In Photoshop And GIMP 09:28
      • 3.2 Designing The Header And Top Navigation Bar 13:13
      • 3.3 Designing The Heading Main Image And Body Text In Photoshop 04:34
      • 3.4 Designing The Sidebar And Footer In Photoshop 07:47
      • 3.5 Final Tweaks Of The First Design Visual In Photoshop And GIMP 06:34
    • Section 4 - Client Feedback 06:13
      • 4.1 The First Design Visual 06:13
    • Section 5 - Actioning The Clients Feedback 16:06
      • 5.1 Amnedments In Photoshop - Part 1 08:20
      • 5.2 Amnedments In Photoshop - Part 2 07:46
    • Section 6 - Presenting The VIisuals To The Client 24:07
      • 6.1 How To Present A Visuals Of The Website To The Client 06:59
      • 6.2 How The Website Responds To A Tablet In Photoshop 07:28
      • 6.3 Showing How The Website Responds To A Smartphone In Photoshop 09:40
    • Section 7 - Bouns Video 09:07
      • 7.1 More Tips On Desigining Websites In Photoshop 09:07
    • Section 8 - Conclusion 04:18
      • 8.1 What Have We Learned 04:18
  • Building Websites with Dreamweaver CS6
    • Module 01 - Welcome to Building Website with Deamweaver CS6 02:59
      • 1.1 Welcome to Dreamweaver CS6 01:09
      • 1.2 A Look at What We'll build 01:50
    • Module 02 - Let's Gets Started with Dreamweaver CS6 42:16
      • 2.1 A Look At the Welcome Screen 05:14
      • 2.2 Creating New Documents 06:40
      • 2.3 Dreamweaver's Different Views 05:35
      • 2.4 Touring the Dreamweaver Interface 06:53
      • 2.5 Customizing the Interface 05:09
      • 2.6 Exploring Dreamweaver Workspaces 04:30
      • 2.7 Creating Custom Workspace 05:11
      • 2.8 Using the Tag Selector 03:04
    • Module 03 - Working With Websites and Browsers 25:04
      • 3.1 Defining a New Site 05:33
      • 3.2 Getting Organized in the Files Panel 05:38
      • 3.3 Saving Files Into Your Local Site 03:16
      • 3.4 Understanding Index Files 03:53
      • 3.5 Previewing Your Work in A web Browser 06:44
    • Module 04 - Starting With Nothing Building Web Layout From Scratch 1:30:25
      • 4.1 Getting The Layout, Part1 07:37
      • 4.2 Getting The Layout, Part2 03:02
      • 4.3 Understanding How The Layout Works 07:17
      • 4.4 Inserting The Main Menu 04:00
      • 4.5 Creating The Main Content Area 04:48
      • 4.6 Hand Coding Layout Containers 06:40
      • 4.7 A More Economical Approach To Layout 10:25
      • 4.8 Using Float and Clear 08:33
      • 4.9 Prevewing the Layout and Centering 12:17
      • 4.10 Nesting Layout Objects 08:57
      • 4.11 Spacing Apart the Layout 08:43
      • 4.12 Final Touches 08:06
    • Module 05 - Text and CSS and Menus and More 1:13:15
      • 5.1 Inserting Text into the Layout 04:51
      • 5.2 Adjusting the Layout For Text, Part1 07:57
      • 5.3 Adjusting the Layout For Text, Part2 05:43
      • 5.4 Inserting Structural Headings 04:49
      • 5.5 Redefining HTMLs Top-Level Heading with CSS 09:05
      • 5.6 Touring the CSS Rule Definition Dialog Box 08:15
      • 5.7 Redefining Headings and Paragraphs 06:06
      • 5.8 Working More Efficently with CSS 04:45
      • 5.9 Creating A CSS Class Rule 05:06
      • 5.10 Alternative Ways of Working with Class Rules 04:52
      • 5.12 Using A List to build a Menu Part1 03:59
      • 5.13 Using A List to build a Menu Part2 07:47
    • Module 06 - And Now, Inserting Graphics 51:09
      • 6.1 Inserting An Image 05:46
      • 6.2 Resizing Images with Dreamweaver and Photoshop 08:06
      • 6.3 Controlling Graphics with CSS 07:37
      • 6.4 Setting a Graphical Background 05:04
      • 6.5 Inserting the FeatureBox Images 08:41
      • 6.6 Setting up the FeatureBox Titles 08:27
      • 6.7 Inserting the Layout's Logo From Illustrator 07:28
    • Module 07 - Going Further with CSS Using Externals StyleSheets 26:39
      • 7.1 Understanding Style Sheet Types 08:07
      • 7.2 Organizing Your Style Sheet 03:04
      • 7.3 Moving Styles to an External Style Sheet 06:02
      • 7.4 Working With an External Stye Sheet 06:08
      • 7.5 Creating New Rule Externally 03:18
    • Module 08 - Site Rollout From A Single Page to A Multi-Page Site 20:02
      • 8.1 Getting Ready For Site Rollout 03:32
      • 8.2 Creating Dummy Site Pages 03:15
      • 8.3 Setting Up the Internal Hyperlink Structure 03:13
      • 8.4 Creating the Site's Pages 03:50
      • 8.5 Previewing and Testing the Site 02:54
      • 8.6 A Final Thought on SiteRollout 03:18
    • Module 09 - Inserting Additional Page Elements 49:49
      • 9.1 Adjusting the Site's Hyperlink Formatting 06:33
      • 9.2 Inserting A Simple Slideshow 07:38
      • 9.3 Inserting And Formatting Tables 09:39
      • 9.4 Inserting A Google Map 05:53
      • 9.5 Formating A Customer Testimonial Page 04:55
      • 9.6 Setting Up A Contact Us Page 05:53
      • 9.7 Finalizing The Site 09:18
    • Module 10 - Going Live Uploading the Completed Site 21:34
      • 10.1 Setting the Remote Site info 05:36
      • 10.2 Uploading the Local Site to the Remote Server 01:36
      • 10.3 Testing the Live Site 01:48
      • 10.4 Making the Edits and updating the Live Site 05:03
      • 10.5 Testing and Debugging for Other Browsers 07:31
    • Module 11 - Now Go Forth and Create 00:41
      • 11.1 Where to go From Here 00:41
  • Free Course
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

Reviews

This course teaches exactly what it claims, and the content is top notch. If you are interested in running a web design business this class should be considered a 'must have'

Read more Read less

I am in the process of starting a web and graphic design business. This course provided me with the information that I need to lay a good foundation up front. I highly recommend it to anyone looking to start a web design business

Read more Read less

This course contains a ton of information and it is all in one spot. You can actually put the skills acquired by this course to work

FAQs

  • I want to know more about the training program. Whom do I contact?

    Please join our Live Chat for instant support, call us, or Request a Call Back to have your query resolved.

Contact Us

+1-844-532-7688

(Toll Free)

Choose your Location

Let us know your convenient schedule

Name *
Email *
Phone Number
Date (MM/DD/YYYY)