Home » Computer Science » Web Design
No. of
Lectures
Duration
(hrs:min)
18
8:36

Web Design and E-Commerce Prof. Steven Echavarria, M.S.

4.4
147 ratings • 7 reviews
  • Level Beginner
  • 18 Lessons (8hr : 36min)
  • 1,035 already enrolled!
  • Audio: English

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.

Table of Contents

Section 1: 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 

Section 2: 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 

Section 3: 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 

Duration: 8 hours, 36 minutes

Number of Lessons: 18

Student Feedback

4.4

7 Reviews

43%
57%
0%
0%
0%
By Emmanuel Halilu TankoSeptember 22, 2014
Great thanks that help allot, i enjoyed your lectures the details are quite simplified.
By Mohammed AlsharifFebruary 5, 2013
Thank you so much my email is [email protected] or [email protected]
I don't have skybe account but I will get one and I will have to buy camera because I using a tesktop computer. until then have a good day.

regards
By Mohammed AlsharifFebruary 2, 2013
Thank you but I am still confused how can I install the cartweaver 4 php into your existing website. As you did not show this in your video.

thank you

regards

By Melchor GonzalesMay 23, 2012
Hi Steve, I don't get the source code until now. Could you please follow up with Educator? Thanks
By Peter DixonApril 2, 2012
Steve, great information on Servers, especially interested in the Apache, as I have been talking with a friend on setting up an e-commerce site and the best way to test before going live.
Educator®

Please sign in to participate in this lecture discussion.

Resetting Your Password?
OR

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Membership Overview

  • Available 24/7. Unlimited Access to Our Entire Library.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lecture slides for taking notes.
  • Track your course viewing progress.
  • Accessible anytime, anywhere with our Android and iOS apps.