Enter your Sign on user name and password.

Forgot password?
  • Follow us on:

Steven Echavarria teaches the Web Design and E-Commerce course which emphasizes practical applications and the creation of a fully functional e-commerce website. Steven has been a developer for over nine years and has designed and coded numerous successful websites. He uses this knowledge combined with practical classroom teaching experience to help you create your own functional and aesthetically pleasing website from beginning to end. He covers topics such as brainstorming the idea and color theory, all the way to setting up servers and utilizing Cartweaver to create a custom shopping cart.

Loading video...
expand all   collapse all
I. Brainstorming
  The Idea 12:08
   Intro 0:00 
   Learning Objectives 0:17 
    Learning Objectives 0:18 
   The Idea 0:49 
    Sketching 0:50 
   Logo Sketch 5:25 
    Logo Sketch: Kiddo Apparel 5:26 
   Logo Sketch 9:01 
    Website Layout 9:02 
  Color Theory 21:31
   Intro 0:00 
   Learning Objectives 0:18 
    Learning Objectives 0:19 
   Introduction 0:53 
    Why Color? 0:54 
   Color Wheel 2:37 
    Primary, Secondary, Tertiary Colors 2:38 
    Complementary Colors 4:05 
    Analogous Colors 5:34 
   Color Variations 7:12 
    Warm, Cool, and Neutral Colors 7:13 
    Value 9:15 
    Brightness 9:28 
    Saturation 9:44 
   Types of Colors 10:19 
    RGB Color (Red, Green, and Blue) 10:20 
    CMYK (Cyan, Magenta, Yellow, and Black) Pigment Colors 11:02 
   Mixing Colors 12:45 
    Mixing Colors 12:46 
   Cool Colors 13:44 
    Cool Colors 13:45 
   Warm Colors 15:36 
    Warm Colors 15:37 
   Neutral Colors 16:11 
    Neutral Colors 16:12 
   Saturated Colors 17:07 
    Saturated Colors 17:08 
   De-Saturated Colors 18:12 
    De-Saturated Colors 18:13 
  Logo Types 25:43
   Intro 0:00 
   Learning Objectives 0:12 
    Learning Objectives 0:13 
   Logo Types 2:12 
    Text-based Logo and Icon/Image Base Logo 2:13 
   Text-Based Logo 2:49 
    Text-Based Logo: Examples 2:50 
   Icon Based Logo 4:48 
    Icon Based Logo: Examples 4:49 
   Creating Vector Base Logo Using Adobe Illustrator 7:26 
    Creating Vector Base Logo Using Adobe Illustrator 7:27 
  Web Layout 37:54
   Intro 0:00 
   Learning Objectives 0:11 
    Learning Objectives 0:12 
   Digitally Layout Your Website Design 0:48 
    Template Design 0:49 
    Text Tools 10:22 
    Web Page Body Design 15:05 
    Graphic Design 17:55 
    Utility Design 20:03 
   Export Images for the Web 27:05 
    Export Images for the Web 27:06 
    Image Types: GIF, JPEG, PNG 29:28 
II. Creation
  Setting Up Files 15:39
   Intro 0:00 
   Learning Objectives 0:16 
    Learning Objectives 0:17 
   Preparing Image File for the Web 0:51 
    Image Size & File Types 1:30 
   Folder Hierarchy 6:11 
    Dreamweaver: Setting Up Folder Hierarchy 7:39 
  Putting the Idea Together, Part 1 34:34
   Intro 0:00 
   Learning Objectives 0:24 
    Learning Objectives 0:25 
   Setting Up Web Page in Adobe Dreamweaver 0:13 
    Setting Up the Web Page in Adobe Dreamweaver 0:14 
    Stylizing Web Page in HTML5 & CSS 5:17 
  Putting the Idea Together, Part 2 47:32
   Intro 0:00 
   Learning Objectives 0:15 
    Learning Objectives 0:16 
   CSS Navigation 1:32 
    CSS Navigation 1:33 
   Customer Service 19:30 
    Customer Service and Contact Page 19:31 
  Setting Up the Server 22:45
   Intro 0:00 
   Learning Objectives 0:27 
    Learning Objectives 0:28 
   Useful Links 1:53 
    Overview 1:54 
    MAMP 5:01 
    WAMP 8:08 
    PhpMyAdmin 9:26 
    Web Hosting Services 12:21 
    Domain Registration 14:48 
   Setting Up the Server Example 16:49 
    MAMP, WAMP and PhpMyAdmin 16:50 
  Adding E-Commerce Functionality 13:11
   Intro 0:00 
   Learning Objectives 0:32 
    Learning Objectives 0:33 
   E-Commerce Options 1:14 
    Introduction to Cartweaver 1:15 
    Zen Cart 7:01 
    Installing Cartweaver Extenstion Plugin to Dreamweaver Example 8:09 
   Installing Cartweaver 3 PHP Extension 12:03 
    Installing Cartweaver 3 PHP Extension 12:04 
  Cartweaver 3 PHP setup 32:45
   Intro 0:00 
   Learning Objectives 0:39 
    Learning Objectives 0:40 
   Installing Cartweaver 3 PHP 1:12 
    Installing Cartweaver 3 PHP 1:13 
   Creating a Database 11:45 
    Creating a Database 11:46 
   Connecting to the Database 18:47 
    Connecting to the Database 18:48 
   Connecting to the Database, cont. 31:27 
    Input Connection Information 31:28 
    Input Website Information 31:40 
    Selection Presentation Files and Setup Miscellaneous Information 31:48 
  Setting Up Presentation Files, Part 1 45:01
   Intro 0:00 
   Learning Objectives 0:21 
    Learning Objectives 0:22 
   Cartweaver's Detail Page 1:25 
    Learn How to Setup Carweaver's Detail Page 1:26 
   Cartweaver's Results Page 26:35 
    Learn How to Setup Cartweaver's Results Page and Activate Product Buttons 26:36 
  Setting Up Presentation Files, Part 2 15:29
   Intro 0:00 
   Learning Objectives 0:17 
    Learning Objectives 0:18 
   Cartweaver's Order Form Page 0:59 
    Learn How to Setup Cartweaver's Order Form Page 1:00 
   Cartweaver's Confirmation and Showcart Page 6:44 
    Learn How to Setup Cartweaver's Confirmation Page and Show Cart Page 6:45 
  Content Management System 21:31
   Intro 0:00 
   Learning Objectives 0:15 
    Learning Objectives 0:16 
   Content Management System 0:42 
    Learn How to Login Into and Make Changes In the Content Management System (CSM) 0:43 
  Editing Cartweaver's CSS File 12:10
   Intro 0:00 
   Learning Objectives 0:17 
    Learning Objectives 0:18 
   Editing Cartweaver's CSS File 0:35 
    Changing Cartweaver's CSS File to Match Your Website's Color Palette 0:36 
  Setting Up Image Files 6:37
   Intro 0:00 
   Learning Objectives 0:15 
    Learning Objectives 0:16 
   Image Sizes 0:46 
    Image Sizes & Importing Images Through the CMS 0:47 
    Image Folders Location 3:53 
III. Testing and Launch
  Testing Websites 18:13
   Intro 0:00 
   Learning Objectives 0:10 
    Learning Objectives 0:11 
   Browser Testing 0:42 
    Live Browser Service Testing 0:43 
   User Testing 7:46 
    Writs Out the Usability Test 7:47 
    Find Participate of All Types 10:08 
    Determine How Long Test Should Take 11:56 
    Evaluate the Results 13:47 
  Going Live 11:31
   Intro 0:00 
   Learning Objectives 0:07 
    Learning Objectives 0:08 
   Uploading Files Via File Transfer Protocol (FTP) 0:28 
    Uploading Files Via File Transfer Protocol (FTP) 0:29 
  Web Design 22:38
   Intro 0:00 
   Learning Objectives 0:18 
    Learning Objectives 0:19 
   Favicon 0:24 
    Implementing Favicon to Your Website 0:36 
   SSL Certificate 7:00 
    Creating and Setting Up Secure Sockets Layer 7:01 
   Exporting and Importing MySQL Database 12:42 
    Exporting and Importing MySQL Database File Into phpMyAdmin 12:43