Home » Computer Science » Web Design

No. of
Lectures

Duration
(hrs:min)

8:36

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

4.4

147 ratings • 7 reviews

Level Beginner
18 Lessons (8hr : 36min)
1,038 already enrolled!
4.4 147 Ratings & 7 Reviews
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
Course Details

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%

By Emmanuel Halilu Tanko•September 22, 2014

Great thanks that help allot, i enjoyed your lectures the details are quite simplified.

By Mohammed Alsharif•February 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 Alsharif•February 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 Gonzales•May 23, 2012

Hi Steve, I don't get the source code until now. Could you please follow up with Educator? Thanks

By Peter Dixon•April 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.