The Complete Web Designer

  • Skill Level: Beginner - Intermediate
  • Total Running Time: 29 hours, 53 minutes
  • Project Files Included!

Download Now!
$99.99

Buy USB!
$119.99

Buy DVD!
$119.99

Lifetime Access to Videos Check out my NEW web developer COURSE FOR 2016 - now called the Interactive Web Developer course package.

I have been creating web design and developer courses since 2003, my new Interactive Web Developer course has the best videos I have ever created.

It covers the latest versions of HTML5, CSS3, JavaScript, PHP7 and so much more. A special feature of this course package is that it is interative, which makes learning coding easy as eating apple pie - and you don't put on any weight!

NOTE: I am only leaving the classic Web Designer course up for people who enjoy typewriters, and 4 day old bagels. If you prefer fresh bagels and SSD laptops, please check out my new Interactive Web Developer package. Yes, it's very affordable!

Stefan Mischook - July 2016

Here is a sample of what you will learn to build:

Table of Contents:

Total Running Time: 29 hours, 53 minutes
Total File Size: 6.9 GB

Project Files

4.5 MB

Beginners Web Design Videos 5h 25m

Learn the basics.
  1. Introduction (5:29)
  2. What Is A Web Page (4:45)
  3. Build Your First Web Page: Part 1 (8:51)
  4. Build Your First Web Page: Part 1 Cont. (10:55)
  5. Build Your First Web Page: Part 2 (10:45)
  6. Build Your First Web Page: Part 2 Cont. (7:08)
  7. Build Your First Web Page: Part 3 (7:13)
  8. Build Your First Web Page: Part 4 (8:09)
  9. Build Your First Web Page: Part 4 Cont. (8:42)
  10. Basic Web Concepts (7:32)
  11. Build Your First Web Page: Part 5 (11:09)
  12. Build Your First Web Page: Part 5 Cont. (10:26)
  13. Images (10:57)
  14. Images Cont. (9:59)
  15. Links (7:35)
  16. Links Cont. (9:22)
  17. Links Cont. (7:50)
  18. Learning CSS: Part 1 (8:07)
  19. Learning CSS: Part 2 (11:14)
  20. Learning CSS: Part 3 (9:34)
  21. Learning CSS: Part 4 (7:52)
  22. Learning CSS: Part 5 (4:09)
  23. Learning CSS: Part 6 (6:40)
  24. Learning CSS: Part 7 (8:36)
  25. Learning CSS: Part 8 (3:59)
  26. Learning CSS: Part 9 (7:48)
  27. Learning CSS: Part 10 (6:28)
  28. Learning CSS: Part 11 (7:58)
  29. Learning CSS: Part 12 (10:33)
  30. Learning CSS: Part 13 (13:39)
  31. Learning CSS: Part 14 (11:14)
  32. Learning CSS: Part 15 (5:24)
  33. HTML Tables (13:15)
  34. Forms: Part 1 (13:15)
  35. Forms: Part 2 (11:26)
  36. Domain Registration, Hosting, and cPanel: Part 1 (6:05)
  37. Domain Registration, Hosting, and cPanel: Part 2 (10:51)
  38. Beginners Web Design Project Files

HTML5, CSS3, and jQuery Videos 4h 9m

Learn how to use HTML5, CSS3, and jQuery to create modern websites.
  1. Introduction (4:46)
  2. XHTML vs HTML5 (8:38)
  3. HTML5 Skeleton (11:41)
  4. CSS Layout Review (10:13)
  5. Crossbrowser Compatibility (11:35)
  6. Rounded Corners (8:16)
  7. Box Shadow (9:10)
  8. Text Shadow (4:15)
  9. 2D Transform (6:51)
  10. 2D Transitions: Part 1 (7:10)
  11. 2D Transitions: Part 2 (12:05)
  12. @Font-Face (10:18)
  13. @Font-Face: Part 2 (6:58)
  14. Navigation Transitions (9:03)
  15. Intro to jQuery (10:51)
  16. Adding HTML (9:12)
  17. Adding jQuery (13:56)
  18. Tab Variations (7:45)
  19. Image Overlays: Part 1 (10:49)
  20. Image Overlays: Part 2 (10:01)
  21. Overlay CSS: Part 1 (11;07)
  22. Overlay CSS: Part 2 (8:41)
  23. Overlay CSS: Part 3 (7:19)
  24. 1-Page Slider (6:33)
  25. Project Concept (9:00)
  26. Basic HTML (5:43)
  27. Add Basic jQuery (7:55)
  28. CSS Explained (14:01)

Dreamweaver CS6 Videos 10h 56m

Learn web design using Dreamweaver CS6.
  1. Introduction (2:29)
  2. Code vs WYSIWYG (5:38)
  3. The Welcome Screen (4:10)
  4. The Document Bar (12:00)
  5. Workspace Panels (8:44)
  6. Property Panel (9:07)
  7. Insert Panel (5:34)
  8. Site Structure (3:43)
  9. Site Definition (6:37)
  10. Manage Files (5:33)
  11. Preview In Browser (7:09)
  12. Create New Pages (7:41)
  13. Site Skeletor (6:21)
  14. Adding Text (14:40)
  15. Adding Links (11:13)
  16. Adding Email Links (2:58)
  17. Adding Named Anchors (12:58)
  18. Insert Images (10:42)
  19. Inserting Lists (7:48)
  20. CSS Theory (10:45)
  21. Inline And Internal CSS (11:31)
  22. External CSS (12:27)
  23. Tag Selectors (10:55)
  24. Class Selectors: Part 1 (7:49)
  25. Class Selectors: Part 2 (6:38)
  26. Box Width (9:32)
  27. Relative Positioning (5:08)
  28. Absolute Positioning (10:20)
  29. Floats (8:18)
  30. HTML5 Semantics (13:52)
  31. HTML5 Shim (4:13)
  32. HTML5 Display Rule (6:47)
  33. CSS Reset (10:11)
  34. Basic Layout 1: Wrapper (6:48)
  35. Basic Layout 2: Header (8:02)
  36. Basic Layout 3: Nav (12:20)
  37. Basic Layout 4: Section, Article, and Aside (6:45)
  38. Basic Layout 5: Footer (9:49)
  39. Global Padding (4:12)
  40. Web Font Resources (5:01)
  41. Adding Web Fonts (11:55)
  42. Font Size EMS (10:58)
  43. Nav and Section Type (16:03)
  44. Article Type (5:05)
  45. Aside Type (8:05)
  46. Footer Type (6:20)
  47. Killer Website Intro (0:59)
  48. Killersites Header (6:41)
  49. Banner 1: Multiple BGs (8:58)
  50. Banner 2: Absolute Position (5:42)
  51. Banner 3: Typography (7:29)
  52. CSS3 Buttong Styling (5:26)
  53. CSS Rollovers (8:45)
  54. Pixy Rollovers (5:35)
  55. Section Type (6:15)
  56. Article Styling (11:09)
  57. Aside Styling (6:18)
  58. Footer Styling (10:20)
  59. Subpage: Part 1 (5:49)
  60. Subpage: Part 2 (12:18)
  61. Subpage: Part 3 (5:12)
  62. Create Template (7:42)
  63. Create From Template (8:39)
  64. Change From Template (8:29)
  65. Forms and Text (8:06)
  66. Text, Radio, and Checkbox (10:42)
  67. Button Action (4:49)
  68. Styling Forms (8:39)
  69. CSS3 Transitions: Part 1 (8:38)
  70. CSS3 Transitions: Part 2 (8:15)
  71. CSS3 Transitions: Part 3 (10:26)
  72. Spry Menus (10:49)
  73. Styling Spry Menus (9:20)
  74. HTML5 Video (13:15)
  75. Responsive Design (10:15)
  76. Inserting Fluid Grid Divs (8:20)
  77. Resetting Fluid Grid Divs (11:03)
  78. Dreamweaver's FTP Client (15:13)

CSS Layout Videos 2h 30m

Go deeper into web layouts using CSS.
  1. Introduction (4:08)
  2. Fixed Pixel Explained (9:50)
  3. HTML Basic Layout: Part 1 (11:01)
  4. HTML Basic Layout: Part 2 (6:29)
  5. Universal Selector (8:06)
  6. Centering the Container Div (7:07)
  7. The Header Div (3:43)
  8. The Navigation Div (4:55)
  9. The Main Div (4:23)
  10. The Footer Div (3:04)
  11. Convert Two Columns to Three (4:37)
  12. Navigation Links: Part 1 (6:15)
  13. Navigation Links: Part 2 (13:50)
  14. Styling Text (11:38)
  15. Styling The Header (5:21)
  16. Styling The Footer (1:52)
  17. Styling Main Text (11:26)
  18. Styling Nested Divs (12:14)
  19. Nested Footer Divs: Part 1 (9:34)
  20. Nested Footer Divs: Part 2 (9:11)

CSS List Videos 1h 30m

Learn to harness the power of HTML lists with CSS.
  1. Introduction (1:57)
  2. Defining Your Site (3:43)
  3. Styling Lists (9:46)
  4. Vertical Navigation (12:53)
  5. Vertical Navigation with Images (14:30)
  6. Vertical Navigation Pixy Method (5:49)
  7. Vertical Navigation in Layout (18:34)
  8. Horizontal Navigation: Part 1 (11:23)
  9. Horizontal Navigation: Part 2 (9:20)

Photoshop for the Web Videos 5h 6m

Learn to transform your Photoshop based layouts into web pages.
  1. Introduction (2:05)
  2. Planning Your Dimensions (13:44)
  3. Rulers and Guides (14:34)
  4. Color Schemes p1 (8:10)
  5. Color Schemes p2 (5:50)
  6. Branding Your Site (10:57)
  7. Adding Shape Layers (5:07)
  8. Adding Pictures (15:03)
  9. Adding Body Text (16:22)
  10. The Slice Tool (12:31)
  11. Sliced and Optimized (15:33)
  12. Dreamweaver's Site Window (8:46)
  13. The Wrapper Div (17:50)
  14. The Universal Selector (7:04)
  15. The Body Tag (6:56)
  16. The Header Div (9:25)
  17. Three Column Divs (16:50)
  18. Three Column Pictures (11:55)
  19. The H1 Tags (14:10)
  20. The Paragraph Tags (5:59)
  21. Background Images (9:32)
  22. Secondary Pages (5:27)
  23. Photoshop Secondary Pages: Part 1 (13:41)
  24. Photoshop Secondary Pages: Part 2 (11:29)
  25. Photoshop Secondary Pages: Part 3 (8:50)
  26. Two Column About Page (9:29)
  27. Navigation Links (17:33)
  28. Two Column Pages (11:53)

HTML Forms Videos 47m

Learn to create HTML forms to collect information.
  1. Introduction (1:10)
  2. Input Text (10:55)
  3. Radio Buttons (5:02)
  4. Checkboxes (4:21)
  5. Dropdown Lists (7:00)
  6. Text Areas (2:27)
  7. Fieldsets (4:08)
  8. Buttons (3:34)
  9. Email Form Example (8:24)

Horizontal Lists with CSS Sprites Videos 25m

Go deeper into creating cool menus with CSS.
  1. Horizontal Navigation With CSS Sprites: Part 1 (12:33)
  2. Horizontal Navigation With CSS Sprites: Part 2 (12:25)

You Might Also Be Interested In:

Complete Web Programmer

A career building course with over 33 hours of training that easily guide you from total beginner to becoming a productive web programmer using PHP and Javascript. Learn More

Download Now!
$99.99

Buy USB!
$119.99

Buy DVD!
$119.99

Web Design for Small Business

This course teaches small business owners EVERYTHING they need to know to run a commercially viable website. Learn More

Download Now!
$149.99

Buy USB!
$169.99

Buy DVD!
$169.99


Fatal error: Uncaught exception 'Exception' with message 'item not found: COMPLETEADOBE' in /home/killervi/public_html/resources/functions/functions.php:146 Stack trace: #0 /home/killervi/public_html/resources/functions/templates.php(738): get_xml_item('COMPLETEADOBE') #1 /home/killervi/public_html/video-courses/complete-web-designer.php(508): render_products_array_from_xml(Array) #2 {main} thrown in /home/killervi/public_html/resources/functions/functions.php on line 146