Have questions? Call us: 1-855-932-8091
Complete Web Designer

The Complete Web Designer

  • Skill Level: Beginner - Intermediate
  • Total Running Time: 29 hours, 53 minutes
  • User Reviews:

Download Now!

$99.99

Buy DVD

$119.99

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

Table of Contents:

Total Running Time: approx. 29 hours, 53 minutes
Total File Size: 6.92GB

Complete Web Designer Project Files

4.5Mb

Beginners Web Design

Learn the basics

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

HTML5, CSS3, and jQuery

Learn how to use HTML5, CSS3, and jQuery to create modern websites

4h09m
  • Introduction (4:46)
  • XHTML vs HTML5 (8:38)
  • HTML5 Skeleton (11:41)
  • CSS Layout Review (10:13)
  • Crossbrowser Compatibility (11:35)
  • Rounded Corners (8:16)
  • Box Shadow (9:10)
  • Text Shadow (4:15)
  • 2D Transform (6:51)
  • 2D Transitions: Part 1 (7:10)
  • 2D Transitions: Part 2 (12:05)
  • @Font-Face (10:18)
  • @Font-Face: Part 2 (6:58)
  • Navigation Transitions (9:03)
  • Intro to jQuery (10:51)
  • Adding HTML (9:12)
  • Adding jQuery (13:56)
  • Tab Variations (7:45)
  • Image Overlays: Part 1 (10:49)
  • Image Overlays: Part 2 (10:01)
  • Overlay CSS: Part 1 (11;07)
  • Overlay CSS: Part 2 (8:41)
  • Overlay CSS: Part 3 (7:19)
  • 1-Page Slider (6:33)
  • Project Concept (9:00)
  • Basic HTML (5:43)
  • Add Basic jQuery (7:55)
  • CSS Explained (14:01)

Dreamweaver CS6

Learn web design using Dreaweaver CS6

10h56m
  • Introduction (2:29)
  • Code vs WYSIWYG (5:38)
  • The Welcome Screen (4:10)
  • The Document Bar (12:00)
  • Workspace Panels (8:44)
  • Property Panel (9:07)
  • Insert Panel (5:34)
  • Site Structure (3:43)
  • Site Definition (6:37)
  • Manage Files (5:33)
  • Preview In Browser (7:09)
  • Create New Pages (7:41)
  • Site Skeletor (6:21)
  • Adding Text (14:40)
  • Adding Links (11:13)
  • Adding Email Links (2:58)
  • Adding Named Anchors (12:58)
  • Insert Images (10:42)
  • Inserting Lists (7:48)
  • CSS Theory (10:45)
  • Inline And Internal CSS (11:31)
  • External CSS (12:27)
  • Tag Selectors (10:55)
  • Class Selectors: Part 1 (7:49)
  • Class Selectors: Part 2 (6:38)
  • Box Width (9:32)
  • Relative Positioning (5:08)
  • Absolute Positioning (10:20)
  • Floats (8:18)
  • HTML5 Semantics (13:52)
  • HTML5 Shim (4:13)
  • HTML5 Display Rule (6:47)
  • CSS Reset (10:11)
  • Basic Layout 1: Wrapper (6:48)
  • Basic Layout 2: Header (8:02)
  • Basic Layout 3: Nav (12:20)
  • Basic Layout 4: Section, Article, and Aside (6:45)
  • Basic Layout 5: Footer (9:49)
  • Global Padding (4:12)
  • Web Font Resources (5:01)
  • Adding Web Fonts (11:55)
  • Font Size EMS (10:58)
  • Nav and Section Type (16:03)
  • Article Type (5:05)
  • Aside Type (8:05)
  • Footer Type (6:20)
  • Killer Website Intro (0:59)
  • Killersites Header (6:41)
  • Banner 1: Multiple BGs (8:58)
  • Banner 2: Absolute Position (5:42)
  • Banner 3: Typography (7:29)
  • CSS3 Buttong Styling (5:26)
  • CSS Rollovers (8:45)
  • Pixy Rollovers (5:35)
  • Section Type (6:15)
  • Article Styling (11:09)
  • Aside Styling (6:18)
  • Footer Styling (10:20)
  • Subpage: Part 1 (5:49)
  • Subpage: Part 2 (12:18)
  • Subpage: Part 3 (5:12)
  • Create Template (7:42)
  • Create From Template (8:39)
  • Change From Template (8:29)
  • Forms and Text (8:06)
  • Text, Radio, and Checkbox (10:42)
  • Button Action (4:49)
  • Styling Forms (8:39)
  • CSS3 Transitions: Part 1 (8:38)
  • CSS3 Transitions: Part 2 (8:15)
  • CSS3 Transitions: Part 3 (10:26)
  • Spry Menus (10:49)
  • Styling Spry Menus (9:20)
  • HTML5 Video (13:15)
  • Responsive Design (10:15)
  • Inserting Fluid Grid Divs (8:20)
  • Resetting Fluid Grid Divs (11:03)
  • Dreamweavers FTP Client (15:13)

CSS Layouts

Go deeper into web layouts using CSS

2h29m
  • Introduction (4:08)
  • Fixed Pixel Explained (9:50)
  • HTML Basic Layout: Part 1 (11:01)
  • HTML Basic Layout: Part 2 (6:29)
  • Universal Selector (8:06)
  • Centering the Container Div (7:07)
  • The Header Div (3:43)
  • The Navigation Div (4:55)
  • The Main Div (4:23)
  • The Footer Div (3:04)
  • Convert Two Columns to Three (4:37)
  • Navigation Links: Part 1 (6:15)
  • Navigation Links: Part 2 (13:50)
  • Styling Text (11:38)
  • Styling The Header (5:21)
  • Styling The Footer (1:52)
  • Styling Main Text (11:26)
  • Styling Nested Divs (12:14)
  • Nested Footer Divs: Part 1 (9:34)
  • Nested Footer Divs: Part 2 (9:11)

CSS Lists

Learn to harness the power of HTML lists with CSS

1h28m
  • Introduction (1:57)
  • Defining Your Site (3:43)
  • Styling Lists (9:46)
  • Vertical Navigation (12:53)
  • Vertical Navigation with Images (14:30)
  • Vertical Navigation Pixy Method (5:49)
  • Vertical Navigation in Layout (18:34)
  • Horizontal Navigation: Part 1 (11:23)
  • Horizontal Navigation: Part 2 (9:20)

Photoshop for the Web

Learn to transform your Photoshop based layouts into web pages

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

HTML Forms

Learn to create HTML forms to collect information

47m
  • Introduction (1:10)
  • Input Text (10:55)
  • Radio Buttons (5:02)
  • Checkboxes (4:21)
  • Dropdown Lists (7:00)
  • Text Areas (2:27)
  • Fieldsets (4:08)
  • Buttons (3:34)
  • Email Form Example (8:24)

Horizontal Lists with CSS Sprites

Go deeper into creating cool menus with CSS

25m
  • Horizontal Navigation With CSS Sprites: Part 1 (12:33)
  • Horizontal Navigation With CSS Sprites: Part 2 (12:25)