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 Material00:25
      • 1.2 Grouping And Nesting06:13
      • 1.3 Maximum And Minimum Dimensions04:21
      • 1.4 Positions04:44
      • 1.5 Relative And Z - Index05:22
      • 1.6 Floating03:35
      • 1.7 Clear03:20
      • 1.8 Pseudos(Part 1)06:13
      • 1.9 Pseudos(Part 2)06:38
      • 1.10 Alignment05:05
      • 1.11 Sprites09:35
      • 1.12 Opacity03:37
      • 1.13 Media Types04:29
      • 1.14 Attribute Selectors03:46
      • 1.15 Browser Prefixes05:13
      • 1.16 Important03:05
  • HTML and CSS for Beginning Web Developers
    • Module 1 - Introduction To HTML 08:44
      • 1.1 The Basics Of HTML02:55
      • 1.2 What Is HTML02:59
      • 1.3 Getting The Browser00:42
      • 1.4 Getting The Editor00:49
      • 1.5 Setting Up The Editor01:19
    • Module 2 - HTML Basics 18:11
      • 2.1 Structure Hello World04:36
      • 2.2 The DOM02:10
      • 2.3 Customizing The Editor01:32
      • 2.4 Self Closing Tags - Environment01:21
      • 2.5 Validation06:10
      • 2.6 Comments02:22
    • Module 3 - Block Level Elements 08:42
      • 3.1 Block Level Elements08:42
    • Module 4 - Line Breaks And Spacing 04:50
      • 4.1 Line Breaks And Spacing04:50
    • Module 5 - Inline Elements 22:58
      • 5.1 Span Text Modifiers02:37
      • 5.2 Anchors10:25
      • 5.3 Exercise - Linking To The Top Of The Page04:46
      • 5.4 Images05:10
    • Module 6 - Tables And Forms 1:19:56
      • 6.1 Tables04:49
      • 6.2 The Basics Of Forms09:54
      • 6.3 HTML5 Input Attributes15:44
      • 6.4 New HTML5 Inputs08:53
      • 6.5 Action Attribute03:40
      • 6.6 GET vs POST03:13
      • 6.7 Using An Image For The Submi Button04:06
      • 6.8 Exercise - Hote Booking Form18:45
      • 6.9 Placeholder Vs. Value02:31
      • 6.10 Radio Buttons, Checkboxes, Selsct Elemnets And Text Areas08:21
    • Module 7 - Sematic HTML5 Elements 14:35
      • 7.1 New Elements03:39
      • 7.2 What Are Semantic Elements03:14
      • 7.3 Semantics Elements In Practice04:32
      • 7.4 Meter And Progress Elements03:10
    • Module 8 - Multimedia 07:43
      • 8.1 Audio04:15
      • 8.2 Video03:28
  • HTML5 and CSS3 Site Design
    • Chapter 0 - Introduction 03:12
      • 0.1 Introduction00:57
      • 0.2 A Look At What Well Build02:15
    • Chapter 1 - Let Get Started 25:33
      • 1.1 Lets Get Started03:25
      • 1.2 In The Beginning HTML Fundamentals11:18
      • 1.3 Understanding What CSS Is All About06:34
      • 1.4 Viewing A Page Background Code04:16
    • Chapter 2 - Getting Your Files Organized 16:01
      • 2.1 Getting Your Files Organized06:43
      • 2.2 Creating A Page And Understanding Index Files05:41
      • 2.3 Setting Up An External Style Sheet03:37
    • Chapter 3 - Let Build A Web Layout From Scratch 1:27:45
      • 3.1 Lets Build A Web Layout From Scratch06:54
      • 3.2 Connecting The External Style Sheet And Testing08:14
      • 3.3 Inserting And Formatting The Site Header07:36
      • 3.4 Finishing Up The Basic Layout04:48
      • 3.5 Debugging For Internet Explorer03:25
      • 3.6 Understanding How The Layout Works05:49
      • 3.7 Using Divs For Page Layout07:14
      • 3.8 A More Economical Approach To Layout And CSS07:50
      • 3.9 Using Float And Clear05:54
      • 3.10 Centering The Layout09:01
      • 3.11 Nesting Layout Objects07:03
      • 3.12 Spacing Apart The Layout09:11
      • 3.13 Final Touches04:46
    • Chapter 4 - Inserting And Formatting Text 1:17:29
      • 4.1 Inserting And Formatting Text04:16
      • 4.2 Setting Up Paragraphs And Headings04:36
      • 4.3 Adjusting The Layout For Text Part 107:35
      • 4.4 Adjusting The Layout For Text Part 205:19
      • 4.5 Formatting HTML Headings With CSS06:48
      • 4.6 Formatting Paragraphs04:09
      • 4.7 Using Class Rules To Format Text05:22
      • 4.8 More Formatting With Class Rules09:07
      • 4.9 Working More Efficiently With CSS06:52
      • 4.10 Inserting And Formatting Lists06:40
      • 4.11 Using A List To Build The Main Navigation Menu10:15
      • 4.12 Setting Up The Footer Navigation06:30
    • Chapter 5 - Now It Time For Some Graphics 42:18
      • 5.1 Now It Time For Some Graphics06:28
      • 5.2 Resizing Images With Your Graphics Editor04:51
      • 5.3 Controlling Graphics With CSS07:06
      • 5.4 Inserting The FeatureBox Images(Free Lesson)07:10
      • 5.5 Adjusting The FeatureBox Layout02:57
      • 5.6 Setting Up The FeatureBox Titles06:18
      • 5.7 Illustrator, Photoshop, HTML, And CSS Workflow07:28
    • Chapter 6 - Site Rollout 26:21
      • 6.1 Site Rollout03:37
      • 6.2 How To Not Roll Out A Website07:07
      • 6.3 Roll Out 1 - Setting Internal Hyperlinks04:36
      • 6.4 Roll Out 2 - Creating The Site Pages01:33
      • 6.5 Previewing And Testing The Site04:03
      • 6.6 A Final Thought On Site Rollout05:25
    • Chapter 7 - Inserting Additional Page Elements 1:02:46
      • 7.1 Inserting Additional Page Elements06:58
      • 7.2 Inserting A Simple Slideshow08:29
      • 7.3 Inserting And Formatting Tables08:15
      • 7.4 Inserting A Google Map07:51
      • 7.5 Formatting A Customer Testimonial Page07:07
      • 7.6 Setting Up A Contact Us Page06:44
      • 7.7 Finalizing The Site11:55
      • 7.8 Organizing The CSS File05:27
    • Chapter 8 - Going Live Uploading The Completed Site 25:26
      • 8.1 Uploading The Completed Site03:52
      • 8.2 Uploading The Local Site To The Remote Server02:25
      • 8.3 Testing The Live Site02:04
      • 8.4 Making Edits And Updating The Live Site06:49
      • 8.5 Testing And Debugging For Other Browsers09:53
      • 8.6 Conclusion00:23
  • Introduction to SASS
    • Introduction to SASS 41:17
      • 1.1 Installing Sass00:58
      • 1.2 Compiling05:38
      • 1.3 Project Overview01:37
      • 1.4 Directory Structure04:55
      • 1.5 Variables07:51
      • 1.6 Inheritence07:15
      • 1.7 Nesting02:33
      • 1.8 Functions04:56
      • 1.9 Mixins05:34
  • Introduction to Web Design
    • Section 1 - Introduction To The Course 02:34
      • 1.1 Introduction To Web Design02:34
    • Section 2 - Basics Of Web Design 46:03
      • 2.1 Diffrence Between HTML And CSS08:12
      • 2.2 First Html File07:04
      • 2.3 Introduction To Document Layout06:52
      • 2.4 Linking In A Stylesheet07:40
      • 2.5 Styling Your First Element16:15
    • Section 3 - Web Design Fundamentals 2:12:44
      • 3.1 Box Model14:21
      • 3.2 Introduction To Developer Tools14:23
      • 3.3 Understanding Display Types09:59
      • 3.4 Project - Create A CSS Button21:15
      • 3.5 Using CSS Selectors23:10
      • 3.6 Styling Links04:49
      • 3.7 Using Floats15:21
      • 3.8 Using Clearfix05:40
      • 3.9 Working With Images14:50
      • 3.10 Validating HTML And CSS08:56
    • Section 4 - Webfonts 24:33
      • 4.1 Introduction - Webfonts16:43
      • 4.2 Webfonts, Google Fonts And API07:50
    • Section 5 - Cascading Style Sheets 30:43
      • 5.1 Using CSS And Applying To Document07:47
      • 5.2 Vendor Prefixes09:56
      • 5.3 Create A Color Changing Profile Image13:00
    • Section 6 - Introduction To Grid Structures 45:26
      • 6.1 Grid System Framework12:59
      • 6.2 Choosing A Grid Framework09:11
      • 6.3 Grids And Responsive Design23:16
    • Section 7 - Forms And Icons 1:01:07
      • 7.1 Styling Forms28:00
      • 7.2 Using Font Icons13:56
      • 7.3 Understanding Sprite Sheets19:11
    • Section 8 - Project - Create A Comment List 15:00
      • 8.1 Building A Comment List15:00
    • Section 9 - Positioning And Resources 24:30
      • 9.1 CSS Positioning18:53
      • 9.2 CSS Resources05:37
    • Section 10 - Final Project - Design A Real Website 1:00:53
      • 10.1 Design A Real Website04:58
      • 10.2 Adding Our Graphics08:32
      • 10.3 Building Our Site43:28
      • 10.4 Validating Our Site03:55
  • Photoshop CC for the Web
    • Chapter 1 - Getting Started 30:57
      • 1.1 Getting Started01:11
      • 1.2 Understanding Raster And Vector03:42
      • 1.3 Setting Up Photoshop For The Web09:40
      • 1.4 Common Photoshop Productivity Techniques09:29
      • 1.5 Understanding Colour Spaces06:55
    • Chapter 2 - Preparing Your Images For The Web 1:11:45
      • 2.1 Preparing Your Images For The Web09:50
      • 2.2 Why Resolution Doesn t Matter On The Web15:42
      • 2.3 Techniques For Resizing Images11:23
      • 2.4 Web Graphics Roundup07:40
      • 2.5 Saving Images As A GIF08:19
      • 2.6 Saving A Transparent GIF03:13
      • 2.7 Saving Images As JPEGs05:33
      • 2.8 Saving Images As PNGs04:01
      • 2.9 Saving Images In The SVG Format06:04
    • Chapter 3 - A Closer Look At Image Optimization 55:39
      • 3.1 A Closer Look At Image Optimization07:50
      • 3.2 Optimizing Images As GIFs07:00
      • 3.3 Creating Animated GIFs06:24
      • 3.4 Optimizing Images As JPEGs04:40
      • 3.5 Saving As Both PNG 8 And PNG 2403:24
      • 3.6 Creating Alpha Transparency With PNGs03:37
      • 3.7 A Final Note On Image Optimization01:34
      • 3.8 Preparing Images For Retina Displays04:44
      • 3.9 Saving An Optimization Preset03:39
      • 3.10 Creating A Droplet07:00
      • 3.11 Batch Processing A Large Number Of Images02:48
      • 3.12 Using Photoshop s Image Processor Command02:59
    • Chapter 4 - Photoshop Web Styling Techniques 30:02
      • 4.1 Photoshop Web Styling Techniques10:40
      • 4.2 Building A Website Header10:41
      • 4.3 Building A Navigation Menu08:41
    • Chapter 5 - Using The Photoshop Asset Generator 18:11
      • 5.1 Using The Photoshop Asset Generator08:04
      • 5.2 Going Further With The Asset Generator07:46
      • 5.3 Final Notes When Using Generator02:21
    • Chapter 6 - Wrapping Up 02:08
      • 6.1 Wrapping Up02:08
  • Responsive Design with Dreamweaver CS6
    • Chapter 0 - Gettin Warmed Up 04:00
      • 0.1 Gettin Warmed Up01: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 Layouts04:14
      • 1.2 Creating A New Fluid Grid Layout06:14
      • 1.3 Touring Through The Layout06:19
      • 1.4 Looking At Other Device Views06:09
      • 1.5 Building The Fluid Grid Layout s Basic Structure07:19
      • 1.6 Adjusting Layout Objects10:42
      • 1.7 Touring And Understanding The External Style Sheet10:29
      • 1.8 Building The Raw Structure For Mobile06:18
      • 1.9 Adjusting The Structure For Tablet And Desktop08:15
      • 1.10 Inserting Nested Divs In The Layout03:06
      • 1.11 Previewing Your Work07:31
      • 1.12 Adjusting The External Style Sheet04:45
    • Chapter 2 - Building The Mobile Device Layout 1:24:55
      • 2.1 Building The Mobile Device Layout04:02
      • 2.2 Inserting The Logo09:49
      • 2.3 Inserting And Formatting The Menu Items07:26
      • 2.4 Roughing In The Slideshow02:01
      • 2.5 Building The Positioning Statement Area08:09
      • 2.6 Getting The New Additions Area Built09:42
      • 2.7 Constructing The Feature Boxes14:31
      • 2.8 Finishing Up The Feature Boxes04:00
      • 2.9 Adjusting The Mobile Layout To Scale Part 105:32
      • 2.10 Adjusting The Mobile Layout To Scale Part 207:00
      • 2.11 Formatting The Footer06:15
      • 2.12 Finishing Up The Mobile Device Layout06:28
    • Chapter 3 - Building Out The Tablet Device Design 45:37
      • 3.1 Building Out The Tablet Device Design06:17
      • 3.2 Adjusting The Tablet Layout s Logo (Free Lesson)05:11
      • 3.3 Configuring Layout Objects To Inherit From The Mobile Style Sheet03:16
      • 3.4 Adjusting The Positioning Statement And New Additions Areas03:51
      • 3.5 Setting Up The Tablet Device s Feature Boxes Part 105:32
      • 3.6 Setting Up The Tablet Device s Feature Boxes Part 207:58
      • 3.7 Let s Cheat Here s How To Fix Scaling Graphic Margin04:03
      • 3.8 Fixing The Mobile View05:47
      • 3.9 Finishing Touches For The Tablet Layout03:42
    • Chapter 4 - Building The Desktop Layout 20:46
      • 4.1 Building The Desktop Layout03:44
      • 4.2 Adjusting The Desktop Layout s Logo01:54
      • 4.3 Applying Deskto - Only Formatting To The Menu03:21
      • 4.4 Tweaking The Slideshow Positioning00:55
      • 4.5 Fixing The Positioning Statement And Feature Boxes08: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 Adjustments04:54
      • 5.2 Hiding Layout Content Between Devices05:16
      • 5.3 Wrapping Up Fluid Grid Layouts00:29
  • Running A Web Design Business
    • Section 1 - Introduction 12:06
      • 1.1 Introduction12:06
    • Section 2 - Starting Out 45:30
      • 2.1 Running A Business10:03
      • 2.2 Starting A Web Design Business18:21
      • 2.3 Getting Work17:06
    • Section 3 - Clients 31:01
      • 3.1 Dealing With Clients10:53
      • 3.2 How To Change The Client s Mind02:59
      • 3.3 Meeting Clients05:14
      • 3.4 Client Issues11:55
    • Section 4 - Work 55:38
      • 4.1 Handling Client Requests03:40
      • 4.2 What To Say To The Client06:43
      • 4.3 How To Sell A Website To A Client15:24
      • 4.4 How To Sell Print Design To A Client04:18
      • 4.5 How To Sell A Logo To A Client05:17
      • 4.6 Specialisation And Diversification20:16
    • Section 5 - Money 26:37
      • 5.1 How Much Do I Charge The Client Edited08:04
      • 5.2 Doing The Accounts12:13
      • 5.3 More Money Advice06:20
    • Section 6 - Web Designers Business Survey 42:28
      • 6.1 Meet The Designers Edited15:06
      • 6.2 What Designers Do How They Make Money And Where They Find Clients14:04
      • 6.3 How Web Designers Get Paid13:18
  • Scratch-Building WordPress Themes with Photoshop
    • Chapter 1 - Introduction 11:20
      • 1.1 Installing Scratching WordPress Themes01:51
      • 1.2 Understanding WordPress And WordPress Themes02:24
      • 1.3 The Workflow Process03:06
      • 1.4 Viewing The Finished Site03:59
    • Chapter 2 - Setting Up Photoshop For Web Layout 50:13
      • 2.1 Setting Up Photoshop05:57
      • 2.2 Arranging The Workspace09:43
      • 2.3 Setting Panel Options06:52
      • 2.4 Customizing Menus And Keyboard Shortcuts08:53
      • 2.5 Saving Photoshops Workspace03:10
      • 2.6 Photoshop Color Management For Web Design05:27
      • 2.7 Common Photoshop Productivity Techniques05:55
      • 2.8 A Few Final Photoshop Settings04:16
    • Chapter 3 - Getting Set Up For User Interface Design 52:47
      • 3.1 Understanding Monitor Resolution04:03
      • 3.2 Fixed Versus Flexible Web Layouts04:17
      • 3.3 Introducing The 960 Grid System08:59
      • 3.4 Available Column Widths In The 960 Grid System04:15
      • 3.5 Building A Custom Grid System (Free Lesson)14:01
      • 3.6 Using Photoshops Grid For Layout03:18
      • 3.7 Understanding The Golden Ratio04:58
      • 3.8 The Main Areas Of A WordPress Blog04:06
      • 3.9 Roughing Out The Design04:50
    • Chapter 4 - Developing A Wireframe UI In Photoshop 1:12:26
      • 4.1 Buildg A Wireframe Layout Using Photoshop05:53
      • 4.2 Creating The First Wireframe Object06:05
      • 4.3 Continuing To Wireframe Objects07:24
      • 4.4 Deleting Wireframe Objects02:12
      • 4.5 Faster Methods For Creating Wireframe Objects10:32
      • 4.6 Building Up The Wireframe10:06
      • 4.7 Adding In Horizontal Rules04:01
      • 4.8 Wireframing Additional Objects, Plus Some Extra Techniques09:13
      • 4.9 Continuing The Wireframe Development06:34
      • 4.10 Placing Objects For Loop Post Thumbnails05:01
      • 4.11 Roughing In A Photo Gallery05:25
    • Chapter 5 - Finishing Up The Wireframe 1:01:42
      • 5.1 Wireframing The Text09:44
      • 5.2 Creating More Wireframe Text09:11
      • 5.3 Adding In Additional Text Objects07:55
      • 5.4 Finishing Up The Text Wireframing03:33
      • 5.5 Getting The Layers Panel Organized09:28
      • 5.6 Additional Layer Group Techniques06:36
      • 5.7 Adding Text Labels To The Wireframe07:36
      • 5.8 Exporting The Wireframe For Review07:39
    • Chapter 6 - From Wireframe To Design 1:55:02
      • 6.1 Applying Design To The Wireframe03:18
      • 6.2 Determining The Designs Message04:50
      • 6.3 Choosing A Typeface Hierarchy13:54
      • 6.4 Choosing Colour Combinations12:25
      • 6.5 Saving Out Custom Photoshop Color Palettes (Free Lesson)03:26
      • 6.6 Sourcing Photography And Textures08:05
      • 6.7 Creating The Site Logo (And Using Smart Objects)08:47
      • 6.8 Introducing Layer Style Special Effects07:06
      • 6.9 Finishing Up The Header03:12
      • 6.10 Building The Menu08:18
      • 6.11 Developing The Slideshow And Body Background04:11
      • 6.12 Formatting The New Additions Area17:52
      • 6.13 Blog Loop Formatting03:07
      • 6.14 Developing The Sidebar06:24
      • 6.15 Finishing Up With The Footer And Saving Out Custom Styles10:07
    • Chapter 7 - Applying Photography And Textures 30:30
      • 7.1 Applying Texture To The Header08:06
      • 7.2 Including Additional Textures04:37
      • 7.3 Adding A Photo To The Slideshow04:02
      • 7.4 Inserting Photography For The New Additions Area04:55
      • 7.5 Adding Post Thumbnails In The Loop05:30
      • 7.6 Inserting Thumbnails In The Photo Gallery03:20
    • Chapter 8 - Preparing A Blank WordPress Theme For Design 1:09:26
      • 8.1 Tools Of The Trade04:13
      • 8.2 Understanding Template Hierarchy06:08
      • 8.3 A Look At Geoffs Setup01:44
      • 8.4 Applying A Blank WordPress Theme06:00
      • 8.5 Reviewing And Adjusting The Style Sheets05:14
      • 8.6 Creating The First Div And CSS Rule05:28
      • 8.7 Roughing In The Layout09:09
      • 8.8 Further Roughing In The Layout12:38
      • 8.9 Adding The Photoshop Colour Palette To The Themes Style Sheet06:45
      • 8.10 Creating Our Sites Page Structure And Main Navigation Menu08:36
      • 8.11 Creating Sample Posts For The Loop03:31
    • Chapter 9 - Building The WordPress Theme From Complete Scratch 3:06:36
      • 9.1 Extracting The Header Texture From The Layout09:47
      • 9.2 Inserting The Header Graphic Into The Theme03:30
      • 9.3 Extracting The Logo From Photoshop And Inserting It Into The Theme08:56
      • 9.4 Rebuilding The Navigation Menu Using CSS20:00
      • 9.5 Building Up The Main Content Area06:23
      • 9.6 Roughing In The Inner Containers18:38
      • 9.7 Inserting The Positioning Statement04:59
      • 9.8 Creating Button Formatting With CSS20:03
      • 9.9 Building And Formatting The New Additions Area - Part 105:53
      • 9.10 Building And Formatting The New Additions Area - Part 212:14
      • 9.11 Font Replacement With Google Fonts API10:20
      • 9.12 Consolidating Font Usage And Organizing Typography21:12
      • 9.13 One Giant Leap For Theme Design09:48
      • 9.14 Formatting The Loop09:54
      • 9.15 Adding Post Thumbnails To The Loop21:20
      • 9.16 Getting The Sidebar Started03:39
    • Chapter 10 - Pushing The Theme Design Further 2:28:53
      • 10.1 Footer Development06:17
      • 10.2 Formatting Hyperlinks05:54
      • 10.3 Limiting The Number Of Posts Appearing On The Home Page06:38
      • 10.4 Inserting Custom Loop Pagination09:05
      • 10.5 Inserting The Slideshow16:25
      • 10.6 A Better Way For Building WordPress Menus08:10
      • 10.7 Building And Formatting WordPress Subpages08:27
      • 10.8 Applying Formatting To Post Pages07:16
      • 10.9 Completely Customizing The Comments Area18:55
      • 10.10 Adding A Ribbon Graphic To The Comment Area15:49
      • 10.11 Customizing Category And Search Results Pages (Free Lesson)08:07
      • 10.12 Adding A Search Field To The Header08:23
      • 10.13 Building A Lightbox Photo Gallery16:11
      • 10.14 Finishing Touches03:34
      • 10.15 Addressing Browser Compatibility Issues09:42
    • Chapter 11 - Wrapping Things Up 05:39
      • 11.1 Final Site Checklist01:57
      • 11.2 Thanks For Watching That Was Fun03:42
  • Storyboarding Layout and Design
    • Module 1 - Introduction 00:39
      • 1.1 Introduction00:39
    • Module 2 - Working With The Camera 25:24
      • 2.1 Camera Distances05:04
      • 2.2 Horizontal02:46
      • 2.3 Vertical06:58
      • 2.4 Setup and Transitions06:16
      • 2.5 Framing Guidelines04:20
    • Module 3 - Flow 52:48
      • 3.1 Layout Golden Ratio07:08
      • 3.2 Flow Explained09:45
      • 3.3 Painter Example05:50
      • 3.4 Primavera Example03:09
      • 3.5 St Matthew Example05:31
      • 3.6 Comic Book Storyboards15:56
      • 3.7 Aspect Ratio05:29
    • Module 4 - Advanced Storyboarding 16:29
      • 4.1 Framing The Shot03:32
      • 4.2 Borders08:29
      • 4.3 Framing Rules04:28
  • Website Wireframing with HTML5 and CSS3
    • Chapter 0 - Introduction 12:51
      • 0.1 Introduction04:03
      • 0.2 Why Using Photoshop May Not Be The Best Choice03:07
      • 0.3 Using HTML and CSS For Fast Wireframe Compositing02:54
      • 0.4 A Look At What We ll Build In This Course01:23
      • 0.5 Bonus Lesson How To Turn Any Web Page Into A Wireframe01:24
    • Chapter 1 - Getting Started 46:27
      • 1.1 Getting Started04:45
      • 1.2 Building The Structural CSS Rules Part 107:43
      • 1.3 Building The Structural CSS Rules Part 202:53
      • 1.4 Connecting Up The HTML To The CSS05:20
      • 1.5 Centering Layout Elements05:37
      • 1.6 Setting Up Inner Layout Containers07:19
      • 1.7 Inserting Additional Inner Containers03:35
      • 1.8 Spacing Apart The Layout09:15
    • Chapter 2 - Wireframing The Header In Greater Detail 20:26
      • 2.1 Wireframing The Header In Greater Detail04:37
      • 2.2 Building The Logo Container03:55
      • 2.3 Setting Up The Main Navigation Menu05:54
      • 2.4 Creating A Call - To - Action Button06:00
    • Chapter 3 - Building The Rest Of The Layout 40:25
      • 3.1 Building The Rest Of The Layout04:41
      • 3.2 Getting Started With The Hero Content04:02
      • 3.3 Finishing Up The Hero Section05:36
      • 3.4 Inserting The Feature Headers03:35
      • 3.5 Building The Feature Boxes05:59
      • 3.6 Wireframing The Organize Section05:42
      • 3.7 Speeding Things Up For The Share Section04:27
      • 3.8 Finishing - Up The Wireframing06:23
    • Chapter 4 - Finishing Touches 44:58
      • 4.1 Finishing Touches03:49
      • 4.2 Adding A Logo Placeholder With Text03:51
      • 4.3 Inserting The Remaining Image Placeholders03:23
      • 4.4 Inserting A Background Placeholder05:10
      • 4.5 Adding Subtle Interactivity06:01
      • 4.6 Adding Button Interactivity11:43
      • 4.7 Finishing Touches04:57
      • 4.8 Sharing The Wireframe For Review06:04
    • Chapter 5 - Wrapping Up 00:21
      • 5.1 Wrapping Up00:21
  • Fundamentals of HTML
    • Fundamentals Of HTML 1:20:54
      • 1.1 Course Materials00:25
      • 1.2 What Is HTML01:14
      • 1.3 Editors02:08
      • 1.4 Elements03:26
      • 1.5 Block Elements02:36
      • 1.6 Attributes05:02
      • 1.7 Line Breaks01:42
      • 1.8 Headers And Paragraphs04:45
      • 1.9 Links04:15
      • 1.10 Images04:27
      • 1.11 Formatting (Part 1)02:29
      • 1.12 Formatting (Part 2)05:16
      • 1.13 The Style Attribute07:42
      • 1.14 Comments02:44
      • 1.15 The Div Element02:02
      • 1.16 Lists04:37
      • 1.17 Tables (Part 1)05:57
      • 1.18 Tables (Part 2)06:14
      • 1.19 Forms10:59
      • 2.20 IFrames02:54
  • Fundamentals of CSS3
    • Fundamentals Of CSS3 34:58
      • 1.1 Course Materials00:26
      • 1.2 What Is CSS3?02:33
      • 1.3 Border Radius02:41
      • 1.4 Border Image09:08
      • 1.5 Box Shadow03:36
      • 1.6 Background Size06:39
      • 1.7 Text Shadow01:47
      • 1.8 Custom Fonts04:33
      • 1.9 Rotate01:45
      • 1.10 Resize01:50
  • Fundamentals of CSS
    • Fundamentals Of CSS 1:33:05
      • 1.1 Course Material00:25
      • 1.2 What Is CSS02:59
      • 1.3 Syntax01:57
      • 1.4 Using Style Sheets04:45
      • 1.5 External Style Sheets01:57
      • 1.6 ID s And Classes05:02
      • 1.7 Styling Elements02:01
      • 1.8 Comments01:17
      • 1.9 Background Colors00:57
      • 1.10 Background Image07:49
      • 1.11 Text Color01:30
      • 1.12 Text Formatting07:23
      • 1.13 Font Properties07:06
      • 1.14 Text Properties04:39
      • 1.15 Links07:39
      • 1.16 Lists06:29
      • 1.17 Width And Height05:14
      • 1.18 Borders08:07
      • 1.19 Margin And Padding04:39
      • 1.20 Cursor02:55
      • 1.21 Display05:49
      • 1.22 Overflow02:26
  • Advanced HTML
    • Advanced HTML 25:03
      • 1.1 Course Materials00:30
      • 1.2 The Doctype01:58
      • 1.3 Head Section (Part 1)06:15
      • 1.4 Head Section (Part 2)06:49
      • 1.5 Scripts01:18
      • 1.6 Hierarchy (DOM)04:08
      • 1.7 Entities04:05
  • Applying Designs to WireFrames with HTML5 and CSS3
    • Chapter 0 - Introduction 03:22
      • 0.1 Introduction01:56
      • 0.2 Here's What We'll Create In This Course01:26
    • Chapter 1 - From Wireframe To Design 21:59
      • 1.1 From Wireframe To Design05:16
      • 1.2 Choosing Your Designs Colour Palette06:39
      • 1.3 Tools For Selecting Typefaces05:18
      • 1.4 Choosing Imagery And Design Elements04:46
    • Chapter 2 - Getting The Design Underway 50:51
      • 2.1 Getting The Design Underway05:15
      • 2.2 Formatting Call To Action Buttons With CSS08:41
      • 2.3 Additional Shadow Effects To The Buttons03:11
      • 2.4 Finishing Up The Button Formatting05:40
      • 2.5 Typographic Treatments With Google Font API07:42
      • 2.6 Beginning The Features Section Styling05:29
      • 2.7 Finishing The Features Section04:08
      • 2.8 Formatting The Organize Section04:48
      • 2.9 Wrapping Up The Layouts Design05:57
    • Chapter 3 - Inserting and Formatting Graphics 17:31
      • 3.1 Inserting and Formatting Graphics02:49
      • 3.2 Setting Up The Hero Section Graphics04:53
      • 3.3 Getting The Feature Section Images Inserted03:04
      • 3.4 Placing The Organize and Share Images02:52
      • 3.5 Using A Graphic As A Button Label03:53
    • Chapter 4 - Cross-Browser Testing 22:49
      • 4.1 Cross - Browser Testing08:07
      • 4.2 Running Virtual Operating Systems For Testing09:17
      • 4.3 Making Minor Adjustments For Browser Compatibility05:25
    • Chapter 5 - Wrapping Up 00:29
      • 5.1 Wrapping Up00:29
  • Building Responsive Websites with HTML5 and CSS3
    • Building Responsive Websites with HTML5 CSS3 3:29:50
      • 1.1 Welcome00:48
      • 1.2 A Look At What We'll Build01:36
      • 1.3 Key Aspects Of Responsive Design02:43
      • 1.4 Determining Device Resolutions To Target04:20
      • 1.5 Wireframing Responsive Layouts04:59
      • 1.6 The Concept Of Using Multiple CSS Files10:50
      • 1.7 Media Queries and Multiple Style Sheets08:58
      • 1.8 Building Media Queries Into A Single CSS File07:38
      • 1.9 Using Media Query Expressions05:05
      • 1.10 Setting Up The HTML and CSS Files04:19
      • 1.11 Getting Started With The Header07:36
      • 1.12 Inserting The Main Nav Menu06:01
      • 1.13 Inserting The Search Field06:56
      • 1.14 Problems With Applying Floats04:19
      • 1.15 Integrating Google Fonts API03:25
      • 1.16 Building The Hero Section Structure04:26
      • 1.17 Formatting The Hero Section09:04
      • 1.18 Inserting and Formatting A Call To Action Button09:51
      • 1.19 Building The Features Section, Part One05:46
      • 1.20 Building The Features Section, Part Two04:57
      • 1.21 Inserting The Organize Section08:19
      • 1.22 Building The Share Section05:16
      • 1.23 Building The Call To Action Area06:36
      • 1.24 Inserting And Formatting The Footer03:48
      • 1.25 Finishing Touches For The High Resolution Layout04:07
      • 1.26 Setting Up The Medium Resolution CSS and Testing The Media Query07:02
      • 1.27 Formatting The Medium Res Header04:08
      • 1.28 Formatting The Medium Res Hero Section06:09
      • 1.29 Formatting The Features Section02:14
      • 1.30 Formatting The Organize And Share Sections05:17
      • 1.31 Building The Get Section and Finishing Up The Medium Res Layout02:53
      • 1.32 Setting Up The Low Res CSS and Testing The Media Query04:41
      • 1.33 Formatting The Low Res Header02:53
      • 1.34 Resolving Problems Caused By Floats04:22
      • 1.35 Formatting The Low Res Hero Section03:18
      • 1.36 Formatting The Features Section01:46
      • 1.37 Formatting The Organize And Share Sections02:59
      • 1.38 Building The Get Section and Finishing Up The Low Res Layout03:07
      • 1.39 Disabling Device Smart Zoom05:59
      • 1.40 Testing Your Responsive Layouts04:28
      • 1.41 Setting Up Retina Display Graphics06:22
      • 1.42 Where To Go From Here00:29
  • Building Websites with Photoshop CC
    • Building Websites With Photoshop CC 4:57:26
      • 1.1 Introduction01: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 Photoshop03:08
      • 1.7 Setting Up Our 960 Grid Template05:48
      • 1.8 Creating The First Wireframe Object04:31
      • 1.9 Continuing To Wireframe Objects04:45
      • 1.10 Additional Techniques For Wireframing11:37
      • 1.11 Finishing Up The Base Wireframe02:58
      • 1.12 Organizing The Layers And Resetting The Properties Panel06:01
      • 1.13 Roughing In The Header Content05:35
      • 1.14 Building Out The Hero Section08:02
      • 1.15 Wireframing The Introducing Section05:37
      • 1.16 Creating The Organize Section04:04
      • 1.17 Building The Get It Now Section03:25
      • 1.18 Finishing Up The Wireframe03:03
      • 1.19 Organizing And Colour Coding The Layers Panel04:55
      • 1.20 Adding Text Labels To The Wireframe03:48
      • 1.21 Exporting The Wireframe For Approval06:18
      • 1.22 Applying Design To The Wireframe10:13
      • 1.23 Gathering The Designs Resources Part Two08:14
      • 1.24 Creating The Site Logo With An lllustrator Smart Object06:38
      • 1.25 Using Layer Styles To Format Buttons08:00
      • 1.26 Saving And Using A Custom Style02:17
      • 1.27 Finishing Up The Header02:26
      • 1.28 Using Linked Smart Objects10:53
      • 1.29 Using Layer Masks To Position Content05:26
      • 1.30 Finishing Up The Hero Section03:51
      • 1.31 Designing With Clipping Groups And Linked Smart Objects12:44
      • 1.32 Developing The Organize And Share Sections04:18
      • 1.33 Finishing Up The Layouts Design03:35
      • 1.34 Getting The Layout Out Of Photoshop Into Code08:07
      • 1.35 Going Further With The Asset Generator12:48
      • 1.36 Getting The Layout s Assets Organized05:06
      • 1.37 Generating HTML With Photoshop12:34
      • 1.38 Getting Set Up For The Coding Phase09:22
      • 1.39 Adjusting The External Style Sheet04:47
      • 1.40 Setting Up The Structural CSS06:55
      • 1.41 Rebuilding The Layout With Code11:42
      • 1.42 Creating The App Store Header Button05:00
      • 1.43 Getting Started On The Hero Section04:48
      • 1.44 Finishing Up The Hero Area06:58
      • 1.45 Creating The Introducing Section06:58
      • 1.46 Odd Behaviour With Photoshops Copy CSS Command05:47
      • 1.47 Recreating The Organize And Share Sections05:05
      • 1.48 Building The Get Section And Footer03:09
      • 1.49 Wrapping Up The Project02:43
      • 1.50 Wrapping Up04:06
  • Create Stunning Promo Videos in 30 Minutes or Less
    • Create Stunning Promo Videos In 30 Minutes Or Less 39:20
      • 1.1 Welcome00:19
      • 1.2 The Template We Will Be Using01:16
      • 1.3 See Some After Effects Template00:13
      • 1.4 iPad Template00:31
      • 1.5 White Space Template00:38
      • 1.6 Pop Up Book Template00:56
      • 1.7 Installing After Effects02:48
      • 1.8 Opening A Template03:14
      • 1.9 Interactive Tour Of After Effects00:30
      • 1.10 Introduction To After Effects03:35
      • 1.11 Editing Text05:59
      • 1.12 Changing Font Sizes And Moving Text02:21
      • 1.13 Adding Images04:23
      • 1.14 Adding Video04:01
      • 1.15 Adding A Logo02:59
      • 1.16 Rendering Your Video02:42
      • 1.17 Post Production Help02:55
  • Creating a Business Website with a Responsive Design
    • Section 1 - Preparation 24:25
      • 1.1 Designing The Website Visual In Photoshop Part 105:59
      • 1.2 Designing The Website Visual In Photoshop Part 210:48
      • 1.3 Showing The Website Design To The Client07:38
    • Section 2 - Local Development 2:54:54
      • 2.1 Installing WordPress Locally Using MAMP04:39
      • 2.2 Installing The Genesis Theme Framework And Sample Child Theme12:21
      • 2.3 Renaming And Branding The Child Theme03:43
      • 2.4 Introduction To Developing Websites06:03
      • 2.5 Introduction To Genesis Theme Settings And Header Logo CSS09:37
      • 2.6 Styling The Top Navigation Links11:45
      • 2.7 Creating A Static Home Page And A Separate Blog Page03:45
      • 2.8 Creating Drop - Downs And Styling The Top Navigation Menu12:08
      • 2.9 Creating Backgrounds And Easier CSS06:20
      • 2.10 Headings Links And Typography06:24
      • 2.11 Adding Text And Images Into A WordPress Page11:17
      • 2.12 Styling The Sidebar Widgets13:47
      • 2.13 Styling Individual Sidebar Widgets02:38
      • 2.14 Creating The Social Profile Icons09:22
      • 2.15 Creating And Styling The Footer09:06
      • 2.16 Creating A Widgetized Page Template08:31
      • 2.17 Adding The Genesis Responsive Slider To The Home Page03:38
      • 2.18 Adding Content To The Genesis Responsive Slider05:19
      • 2.19 Styling The Genesis Responsive Slider10:59
      • 2.20 Home Page Headings05:34
      • 2.21 Responsive Design With CSS Media Queries17: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 Server03:29
      • 3.2 Installing Wordpress Manually On Hosts Server03:22
      • 3.3 Uploading A Local Site To The Hosts Server06:09
      • 3.4 Creating An Under Construction Page18:13
      • 3.5 Adding 3 Featured Posts Widgets To Home Page11:23
      • 3.6 Styling The Three Featured Posts Widgets09:22
      • 3.7 Designing Blog Archive Pages07:07
      • 3.8 Creating A Contact Form In WordPress05:28
      • 3.9 Create An Email Subscription List14:57
      • 3.10 Giving Your Site A Favicon06:29
    • Section 4 - Conclusion 02:17
      • 4.1 What To Do Now02:17
    • Section 5 - Extras 15:05
      • 5.1 HTML Genesis15:05
  • CSS and CSS3 Crash Course
    • Module 1 - Introduction To The Course 23:02
      • 1.1 What Will You Learn01:05
      • 1.2 Introduction And The Basics19:24
      • 1.3 Installing Notepad Plus Plus02: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 Heights12:51
      • 2.7 Positioning11:00
      • 2.8 Centering A Container10:21
      • 2.9 Colors10:52
      • 2.10 Display Property08:19
      • 2.11 Hiding An Element04:49
      • 2.12 Font Basics13:52
    • Module 3 - Intermediate CSS And CSS3 3:25:49
      • 3.1 Forcing Uppercase, Lowercase And Capitalisation05:46
      • 3.2 Text Alignment06:38
      • 3.3 Text Indenting11:24
      • 3.4 Borders11:08
      • 3.5 Rounded Borders11:58
      • 3.6 Margins And Padding13:51
      • 3.7 Overflow08:39
      • 3.8 Styling Headers09:03
      • 3.9 Floating Elements17:08
      • 3.10 Clearfix For Clearing Floats13:24
      • 3.11 Styling Unordere Lists09:20
      • 3.12 Horizontal Menu (Part 1 Of 2)12:51
      • 3.13 Horizontal Menu (Part 2 Of 2)13:38
      • 3.14 Vertical Menu12:10
      • 3.15 Creating A Button11:14
      • 3.16 Backgrounds12:35
      • 3.17 Multiple Background Images09:08
      • 3.18 Background Size06:04
      • 3.19 Border Images09:50
    • Module 4 - Advanced Intermediate CSS And CSS3 1:38:30
      • 4.1 Sprite14:40
      • 4.2 Element Shadows (Box Shadow)07:29
      • 4.3 Text Shadows10:44
      • 4.4 Opacity06: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 Cursors07:37
      • 5.7 Box Sizing07: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 Underline07:03
      • 5.11 Drop Down Style Menu14:43
      • 5.12 Quick And Easy CSS Triangles03: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 CSS318:55
      • 6.2 Create A Avatar Profile Picture Effect03:54
      • 6.3 Create A Speech Bubble In Comment List13:21
      • 6.4 Create A Headline Backgroung Effect12:30
  • CSS and CSS3 Programming For Absolute Beginners
    • CSS and CSS3 Programming For Absolute Beginners 2:16:57
      • 1.1 Introduction And The Basics19:24
      • 1.2 Installing Notepad Plus Plus02:33
      • 1.3 Widths And Heights12:51
      • 1.4 Margins And Padding13:51
      • 1.5 Borders11:08
      • 1.6 Centering A Container10:21
      • 1.7 Display Property08:19
      • 1.8 Hiding An Element04:49
      • 1.9 Positioning11:00
      • 1.10 Font Basics13:44
      • 1.11 Text Alignment06:38
      • 1.12 Styling Links (Hyperlinks)13:23
      • 1.13 Styling Headers08:56
  • CSS Floating Layouts
    • Chapter 0 - Welcome To CSS Floating Layouts 03:29
      • 0.1 How To Build CSS Floating Layout00:46
      • 0.2 A Note About Set Up02:43
    • Chapter 1 - CSS Float Fundamentals 39:55
      • 1.1 Basic Floating10:29
      • 1.2 Using Floats On Multiple Items07:08
      • 1.3 Introducing Clear04:38
      • 1.4 A Practical Example Creating A Thumbnail Gallery With Float And Clear17:40
    • Chapter 2 - Building A Flexible Layout 26:00
      • 2.1 Creating Layouts Using Floats04:59
      • 2.2 Setting Properties And Testing The Layout07:30
      • 2.3 Inserting The Header04:20
      • 2.4 Inserting The Footer And Finalizing06:09
      • 2.5 Understanding How The Layout Works03:02
    • Chapter 3 - Building A Combination Flexible Fixed Layout 28:57
      • 3.1 Creating A Combination Flexible Fixed Layout05:06
      • 3.2 Adding In Some Dummy Content02:13
      • 3.3 Setting Properties Part 107:00
      • 3.4 Setting Properties Part 207:32
      • 3.5 Final Layout Options07:06
    • Chapter 4 - Building A Fixed Layout 28:05
      • 4.1 Creating A Fixed Layout03:40
      • 4.2 Setting Properties Part 104:21
      • 4.3 Setting Properties Part 212:16
      • 4.4 Final Layout Options07:48
    • Chapter 5 - Bonus Videos 28:58
      • 5.1 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 108:15
      • 5.2 Building Dreamweaver CS3 CS4 Essentials Layouts Using Floats Part 208:57
      • 5.3 Creating Floating Layouts In Dreamweaver11:46
    • Chapter 6 - Conclusion 01:59
      • 6.1 Conclusion01:59
  • Designing A Website in Photoshop
    • Section 1 - Introduction 02:09
      • 1.1 Introduction02:09
    • Section 2 - Desiging The Logo 12:12
      • 2.1 Desiging The Logo In Adobe Illustrator - Part 105:56
      • 2.2 Designing The Logo In Adobe Illustrator - Part 206:16
    • Section 3 - The First Design Visual 41:36
      • 3.1 Desigining In Photoshop And GIMP09:28
      • 3.2 Designing The Header And Top Navigation Bar13:13
      • 3.3 Designing The Heading Main Image And Body Text In Photoshop04:34
      • 3.4 Designing The Sidebar And Footer In Photoshop07:47
      • 3.5 Final Tweaks Of The First Design Visual In Photoshop And GIMP06:34
    • Section 4 - Client Feedback 06:13
      • 4.1 The First Design Visual06:13
    • Section 5 - Actioning The Clients Feedback 16:06
      • 5.1 Amnedments In Photoshop - Part 108:20
      • 5.2 Amnedments In Photoshop - Part 207:46
    • Section 6 - Presenting The VIisuals To The Client 24:07
      • 6.1 How To Present A Visuals Of The Website To The Client06:59
      • 6.2 How The Website Responds To A Tablet In Photoshop07:28
      • 6.3 Showing How The Website Responds To A Smartphone In Photoshop09:40
    • Section 7 - Bouns Video 09:07
      • 7.1 More Tips On Desigining Websites In Photoshop09:07
    • Section 8 - Conclusion 04:18
      • 8.1 What Have We Learned04:18
  • Building Websites with Dreamweaver CS6
    • Module 01 - Welcome to Building Website with Deamweaver CS6 02:59
      • 1.1 Welcome to Dreamweaver CS601:09
      • 1.2 A Look at What We'll build01:50
    • Module 02 - Let's Gets Started with Dreamweaver CS6 42:16
      • 2.1 A Look At the Welcome Screen05:14
      • 2.2 Creating New Documents06:40
      • 2.3 Dreamweaver's Different Views05:35
      • 2.4 Touring the Dreamweaver Interface06:53
      • 2.5 Customizing the Interface05:09
      • 2.6 Exploring Dreamweaver Workspaces04:30
      • 2.7 Creating Custom Workspace05:11
      • 2.8 Using the Tag Selector03:04
    • Module 03 - Working With Websites and Browsers 25:04
      • 3.1 Defining a New Site05:33
      • 3.2 Getting Organized in the Files Panel05:38
      • 3.3 Saving Files Into Your Local Site03:16
      • 3.4 Understanding Index Files03:53
      • 3.5 Previewing Your Work in A web Browser06:44
    • Module 04 - Starting With Nothing Building Web Layout From Scratch 1:30:25
      • 4.1 Getting The Layout, Part107:37
      • 4.2 Getting The Layout, Part203:02
      • 4.3 Understanding How The Layout Works07:17
      • 4.4 Inserting The Main Menu04:00
      • 4.5 Creating The Main Content Area04:48
      • 4.6 Hand Coding Layout Containers06:40
      • 4.7 A More Economical Approach To Layout10:25
      • 4.8 Using Float and Clear08:33
      • 4.9 Prevewing the Layout and Centering12:17
      • 4.10 Nesting Layout Objects08:57
      • 4.11 Spacing Apart the Layout08:43
      • 4.12 Final Touches08:06
    • Module 05 - Text and CSS and Menus and More 1:13:15
      • 5.1 Inserting Text into the Layout04:51
      • 5.2 Adjusting the Layout For Text, Part107:57
      • 5.3 Adjusting the Layout For Text, Part205:43
      • 5.4 Inserting Structural Headings04:49
      • 5.5 Redefining HTMLs Top-Level Heading with CSS09:05
      • 5.6 Touring the CSS Rule Definition Dialog Box08:15
      • 5.7 Redefining Headings and Paragraphs06:06
      • 5.8 Working More Efficently with CSS04:45
      • 5.9 Creating A CSS Class Rule05:06
      • 5.10 Alternative Ways of Working with Class Rules04:52
      • 5.12 Using A List to build a Menu Part103:59
      • 5.13 Using A List to build a Menu Part207:47
    • Module 06 - And Now, Inserting Graphics 51:09
      • 6.1 Inserting An Image05:46
      • 6.2 Resizing Images with Dreamweaver and Photoshop08:06
      • 6.3 Controlling Graphics with CSS07:37
      • 6.4 Setting a Graphical Background05:04
      • 6.5 Inserting the FeatureBox Images08:41
      • 6.6 Setting up the FeatureBox Titles08:27
      • 6.7 Inserting the Layout's Logo From Illustrator07:28
    • Module 07 - Going Further with CSS Using Externals StyleSheets 26:39
      • 7.1 Understanding Style Sheet Types08:07
      • 7.2 Organizing Your Style Sheet03:04
      • 7.3 Moving Styles to an External Style Sheet06:02
      • 7.4 Working With an External Stye Sheet06:08
      • 7.5 Creating New Rule Externally03:18
    • Module 08 - Site Rollout From A Single Page to A Multi-Page Site 20:02
      • 8.1 Getting Ready For Site Rollout03:32
      • 8.2 Creating Dummy Site Pages03:15
      • 8.3 Setting Up the Internal Hyperlink Structure03:13
      • 8.4 Creating the Site's Pages03:50
      • 8.5 Previewing and Testing the Site02:54
      • 8.6 A Final Thought on SiteRollout03:18
    • Module 09 - Inserting Additional Page Elements 49:49
      • 9.1 Adjusting the Site's Hyperlink Formatting06:33
      • 9.2 Inserting A Simple Slideshow07:38
      • 9.3 Inserting And Formatting Tables09:39
      • 9.4 Inserting A Google Map05:53
      • 9.5 Formating A Customer Testimonial Page04:55
      • 9.6 Setting Up A Contact Us Page05:53
      • 9.7 Finalizing The Site09:18
    • Module 10 - Going Live Uploading the Completed Site 21:34
      • 10.1 Setting the Remote Site info05:36
      • 10.2 Uploading the Local Site to the Remote Server01:36
      • 10.3 Testing the Live Site01:48
      • 10.4 Making the Edits and updating the Live Site05:03
      • 10.5 Testing and Debugging for Other Browsers07:31
    • Module 11 - Now Go Forth and Create 00:41
      • 11.1 Where to go From Here00:41
  • Free Course
    • {{childObj.title}}
      • {{childObj.childSection.chapter_name}}
        • {{lesson.title}}
      • {{lesson.title}}

    View More

    View Less

Reviews

Grace Lee
Grace Lee

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

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

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)

    People Also Bought

    Adobe Acrobat XI Adobe Acrobat XI Course Explore
    Adobe CC Cartoon Production Adobe CC Cartoon Production Course Explore
    Adobe CC Film Production Adobe CC Film Production Course Explore
    Adobe Encore CS6 Adobe Encore CS6 Course Explore
    Adobe Fireworks CS6 Adobe Fireworks CS6 Course Explore
    Choose your Location

    Let us know your convenient schedule

    Name *
    Email *
    Phone Number
    Date (MM/DD/YYYY)
    • Disclaimer
    • PMP, PMI, PMBOK, CAPM, PgMP, PfMP, ACP, PBA, RMP, SP, and OPM3 are registered marks of the Project Management Institute, Inc.
    Help and Support