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...

Table of Contents
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

Quick links

Ready to join?

Subscription benefits:

Most comprehensive scholastic content on the web!
Over 500 math science computer science software training and linguistic subjects
Innovative lecture presentation whiteboard
Self-paced learning
Ability to pinpoint exactly where your subject of interest is explained
Unlimited access to all courses for one price!
Unlimited personal support from the professor! All lesson questions and discussions are answered by the professor!

Choose a Subscription Plan:

Monthly	Annual
$35/mo.	$240/yr.

Or find out about our Multiuser plans: Corporate and Educational

Free Sample Lecture

Free Sample Lecture will get you started (Flash® 10 required).

Educator

the best free way to manage your classroom

Free Class Website!

Free Unlimited Hosting!

Free Educator.com Domain!

Web Design and E-Commerce
with: Steven Echavarria

Table of Contents
expand all collapse all

Quick links

Ready to join?

Subscription benefits:

Free Sample Lecture

Educator

the best free way to manage your classroom

Free Class Website!

Free Unlimited Hosting!

Free Educator.com Domain!

Web Design and E-Commercewith: Steven Echavarria

Table of Contentsexpand all collapse all

Quick links

Ready to join?

Subscription benefits:

Free Sample Lecture

Web Design and E-Commerce
with: Steven Echavarria

Table of Contents
expand all collapse all