ONLINE WEB DESIGN TRAINING
Learn Web Design, Visual Design and UI/UX Design
  • Complete Adobe Fireworks Training
  • Learn how to design a website (from concept)
  • Learn how to code a website in HTML/CSS
  • Over 60 videos, Over 15 hours
  • New exclusive videos added weekly
Note: Links are currently disabled. Join today for instant access!
Phase 1: Adobe Fireworks Training
Adobe Fireworks Overview Walk-Through (33:28)
How To Create a Vector Mask (4:41)
How To Create Gradients on Shapes & Text (5:11)
How To Export and Slice Images (JPG, GIF and PNG's) (12:29)
How To Work with the Color Picker (9:51)
How To Create Icons (10:06)
How To Work with Vector Objects (14:21)
How To Create an Image Map (7:50)
How To Import an Image (2:03)
How To Crop Images (6:48)
How To Work with Pages & Layers (6:32)
How To Align Objects (4:13)
How To Create and Use Symbols (4:06)
How To Create Animated GIFs (5:39)
How To Create a Static Prototype (6:59)
How To Create a Prototype PDF (3:01)
How To Work with the Text Features (13:47)
Phase 2: How To Design a Website
Step 1: The Kick-Off Meeting (7:35)
Step 2: Research (19:19)
Step 3: Organize & Gather Content (9:58)
Step 4: Wireframe the Home Page (24:55)
Step 4: Wireframe the Features & Specs Page (24:29)
Step 4: Wireframe the Photo Gallery Page (9:51)
Step 4: Wireframe the Brochure Download Page (Web Form) (13:10)
Step 4: Wireframe the "Get a Quote" Page (Web Form) (5:24)
Step 4: Prototype Wireframes (7:10)
Step 5: Design the Home Page Background & Header (33:53)
Step 5: Design the Home Page Billboard (32:04)
Step 5: Design the Home Page Content (3 Boxes) (27:02)
Step 5: Design the Features & Specs Page (41:59)
Step 5: Design the Photo Gallery Page (14:31)
Step 5: Design the Brochure Download Page (Web Form) (26:59)
Step 5: Design the "Get a Quote" Page (Web Form) (25:33)
Step 6: Create an Interactive Prototype of Final Design (14:30)
Phase 3: How To Code a Website in HTML/CSS
Coding the Background & Header (Setup Your HTML & CSS File) (42:34)
Coding the Home Page Billboard Section (42:39)
Coding the Home Page Content Section (3 boxes) (54:45)
Coding the Features & Specs Page (Part 1) (57:26)
Coding the Features & Specs Page (Part 2) (43:04)
Coding the Photo Gallery Page (1:06:14)
Coding the Brochure Download Page (54:48)
Coding the Get a Quote Page (32:41)
Web Form - How to Clear Text Field when Clicked (7:05)
Web Form - Making your Web Form Function Using 3rd Party Provider (19:31)
Test, Monitor & QA (10:50)
WEEKLY BONUS VIDEOS
Designing Tables in Adobe Fireworks (16:09)
May 12, 2012
Wireframing Tips, Advice and Techniques (10:49)
May 5, 2012
CSS3 Transitions (9:17)
Apr 28, 2012
iPhone UI Dimensions, Design Tips and Advice (13:42)
Apr 21, 2012
Visual Design Practice Exercise (18:47)
Apr 14, 2012
CSS3 Gradients with Colorzilla (10:09)
Apr 7, 2012
How to Create the Indented Look on Icons and Objects (10:39)
Mar 30, 2012
Web Design Tips and Best Practices (Refresher) (11:52)
Mar 23, 2012
Mobile Web Design Intro Discussion (8:54)
Mar 15, 2012
Personal Projects: Tips, Advice, Motivation (14:28)
Mar 9, 2012
The Logo Design Process (17:12)
Mar 2, 2012
Smooth Scrolling Anchor Links (11:57)
Feb 22, 2012
Designing with Subtleties and Proper Spacing (10:38)
Feb 16, 2012
CSS Image Rollover Effect - Using an Image Sprite (12:08)
Feb 9, 2012
Techniques for Choosing Colors and Applying Textures (11:47)
Feb 1, 2012
The Importance of Research, Content & Using a Guide of Reference (9:39)
Feb 1, 2012
The Perfect Portfolio - Best Practices (16:06)
Jan 26, 2012
Understanding the UI/UX Design Process (11:24)
Jan 20, 2012
UI/UX Design 101 (21:39)
Jan 13, 2012
Custom Letter Logo Design in Illustrator and Fireworks (14:37)
Jan 7, 2012
WordPress Customization Part 1 - Understanding the WordPress Framework (13:31)
Jan 1, 2012
WordPress Customization Part 2 - Installing WordPress on a Hosted Server / Setting up Your MySQL Database (9:27)
Jan 1, 2012
WordPress Customization - Part 3 - Editing the WordPress Theme Files (52:50)
Jan 1, 2012
Designing with SEO in Mind (11:22)
Dec 23, 2011
Training Your Creative Eye (10:58)
Dec 18, 2011
Visual Design Training - Using a Guide of Reference (11:08)
Dec 13, 2011
Visual Design Training - Focusing on Small Details (9:29)
Dec 13, 2011
How to Add a CMS to Your Website Easily (19:56)
Dec 8, 2011
How to Create the Magnifying Effect in Adobe Fireworks (11:32)
Dec 4, 2011
How to Use Flash to Spice Up Your Website (27:42)
November 28, 2011
To sum up what you get...
Complete Adobe Fireworks Training
  • Learn the essentials skills of Adobe Fireworks
  • Get a complete walk-through
  • Learn how to design anything in Fireworks
  • Learn how to master vector objects
  • Learn how to master the pen tool
  • Over 18 individual tutorials
  • New tutorials added weekly
How To Design a Complete Website
  • Learn my complete process for designing websites
  • Get step-by-step in depth hands on training
  • Watch as I build a website from concept to end
  • Get a deep understanding on how Adobe Fireworks is used for "real-world" visual and UI design
  • Learn wireframing techniques
  • Learn prototyping techniques
  • Learn what questions to ask and how to research when designing a website
How To Code a Website in HTML/CSS
  • Learn how to hand code an entire website in basic HTML/CSS
  • Learn how to align elements on a page with CSS
  • Learn how to export images from Adobe Fireworks and position them with CSS
  • Learn a deep understanding of HTML/CSS
  • Learn how to add a CMS to your website
  • Learn how to easily get web forms to work on your website
  • Some videos are 50 minutes long, training is very in-depth
You also get...
Access to Exclusive Weekly Videos
  • Get exclusive videos each week
  • Weekly tutorials on Adobe Fireworks
  • Learn how to customize a Wordpress blog
  • Learn how to become a better visual designer
  • Get exclusive knowledge sharing videos weekly
  • Professional advice and wisdom
  • Learn how to become a top notch UI designer
  • No monthly fees, access to all videos 24/7