Web Design from the Ground Up
4.6 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,246 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Web Design from the Ground Up to your Wishlist.

Add to Wishlist

Web Design from the Ground Up

Learn web design online: Everything you need to know about XHTML and CSS, the basic building blocks of web design.
4.6 (32 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
1,246 students enrolled
Created by E Learning Lab
Published 6/2011
English
Price: $165
30-Day Money-Back Guarantee
Includes:
  • 6 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Introduction to HTML and XHTML including the most commonly used elements like linking,
Introduction to CSS (Cascading Style Sheets) for working with fonts, colors, and complete layout control
Web Graphics and Image manipulation with an introduction to Photoshop!
Introduction to JavaScript with practical applications including script tags, alert boxes, form validation, and much more!
Domain name registration - how it works, pointing your domain to your site, best practices and much more!
How to put your site on the Internet, including choosing a web host, working with FTP, and much more!
Accessibility - make your site visible to all users!
Ecommerce with PayPal - setting up a shopping cart, integrating PayPal, making money with your site!
View Curriculum
Description

Web Design is one of the fastest growing, and best paid fields in the world today!

In this highly informative web design course, veteran web designer and developer Steven Taylor takes you through the entire process of building a complete website from scratch.

Starting with nothing but a blank page on Note Pad, Steve shows you step-by-step how to build a beautiful, fully functional website, while teaching you everything you need to know about HTML and CSS, the basic building blocks of the web.

But that's not all you will learn in this exciting online web design training: introduction to Photoshop and JavaScript are also covered, along with a complete tutorial on integrating PayPal's popular eCommerce solution into your site.

Whether you are starting a career in web design or just want to build your own website, "Web Design from the Ground Up" will give you the essential tools and information you need to create beautiful, intuitive sites using the latest web standards.

</p>
Who is the target audience?
  • If you are an "absolute beginner" this course is just perfect for you. However, if you have a basic understanding of HTML and even a little CSS, this course would also be appropriate. You should have a working knowledge of computers and an interest in the Web. You do not need to have any prior "programming" knowledge or experience - just a desire to learn.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 38 Lectures Collapse All 38 Lectures 09:28:51
+
Web Design from the Ground Up
1 Lecture 00:00
The acclaimed text book that accompanies the online course, "Web Design from the Ground Up."
Preview 219 pages
+
How the Web Works
3 Lectures 10:38

A brief introduction to the first chapter

Preview 01:19

Our course starts off with an introduction into how the web works. You don’t need to be an IT professional to understand the basics of how information flows over the Internet, but it is important to have a solid working knowledge of the concepts. Websites contain information, and this section gives you a clear understanding of how that information gets to the users who need it.

Preview 08:45

A brief summary of the first chapter.

Chapter 1 Summary
00:34
+
Introduction to XHTML
3 Lectures 19:42

A brief introduction to chapter 2.

Chapter 2 Introduction
00:50

What is XHTML and how is it different from plain old HTML? Why is it better? This class is vitally important because here we learn the latest markup language that drives the web, XHTML. In this part of the course we begin building our project site using XHTML and web standards laid down by the World Wide Web Consortium, an international community that develops standards to ensure the long-term growth of the Web. You will be amazed at the power and simplicity of this easy to use markup language!

Classes Cover:

  • Most commonly used elements
  • Linking
  • Lists
  • Tables
  • Forms
  • Much more!
Chapter 2 - Introduction to XHTML
18:18

A brief summary of chapter 2.

Chapter 2 Summary
00:34
+
Your First Web Site
3 Lectures 45:57

A brief introduction to Chapter 3.

Chapter 3 - Introduction
00:44

Now that we have an understanding of the basics of XHTML it is time to jump into our first real web site!

Over the next few chapters we are going to build a site for our fictitious web design business, Maui Webtronics, where potential clients will find information about our company. The new site is going to have the following features:

  • A "Home" page introducing the company and welcoming the visitor
  • An "About Us" page to display in-depth company information
  • A "Contact Us" page for contact information (no big surprise there)
  • A "Proposals" page where prospective clients can tell us about their project
  • A "Products" page where people can buy a t-shirt with our logo
Chapter 3 - 3 Your First Web Site
44:47

A brief summary of chapter 3.

Chapter 3 - Summary
00:26
+
Gotta Have Style
3 Lectures 43:13

A brief introduction to chapter 4.

Chapter 4 - Introduction
00:31

In this chapter we learn about casscading style sheets or CSS. CSS is a language that allows us to change elements such as font, text color, background, borders and the position of elements on the page. CSS was designed to keep the content of web pages separate from the presentation or layout. By using CSS you can change the way your pages look without ever having to touch your content.
Inline

Chapter 4 - Gotta Have Style
42:18

A brief summary of chapter 4.

Chapter 4 - Summary
00:24
+
Designing Your Layout with CSS
3 Lectures 49:22

A brief introduction of chapter 5.

Chapter 5 - Introduction
00:26

In the early days of web design CSS was used primarily to style text on the page, while other methods were used to control layout. Modern web browsers, however, all support the full capabilities of CSS, which makes it easy to create borders, backgrounds, and position items anywhere on a document.

Chapter 5 - Designing Your Layout with CSS
48:15

A brief summary of chapter 5.

Chapter 5 - Summary
00:41
+
Tables
3 Lectures 15:33

A brief introduction to chapter 6.

Chapter 6 - Introduction
01:14

What is a table? A table is a method of arranging data into rows and columns of cells. If you have ever looked at a calendar or used a spreadsheet program like Microsoft Excel then you are familiar with this concept. In this chapter we learn how to create tables with html and style them with css.

Chapter 6 - Tables
13:56

A brief summary of chapter 6.

Chapter 6 - Summary
00:23
+
Working with Images
3 Lectures 30:46

A brief introduction to chapter 7.

Chapter 7 - Introduction
00:22

Though informative, relevant text is essential to any website, a picture is still worth "a thousand words." The Web would be a pretty boring place without images, which not only make your site more exciting, but also easier to use. In this chapter we will learn how to manipulate images using Adobe Photoshop, and the best practices for utilizing those images in our site.

Chapter 7 - Working with Images
29:43

A brief summary of chapter 7.

Chapter 7 - Summary
00:41
+
Getting Input from Users
3 Lectures 39:34

A brief introduction to chapter 8.

Chapter 8 - Introduction
00:39

Anyone who has ever purchased a product, signed up for a newsletter, or created any kind of account on the Internet is familiar with forms. Forms are special web pages that collect data such as "Name", "Address", "Email", etc., and send that data to a server for processing. With forms, we create two-way communication on the Web. Every time you enter information in your Facebook account, or buy something on Ebay, or even Twitter, you are using a web form.

Chapter 8 - Forms: Getting Input from Users
38:18

A brief summary of chapter 8.

Chapter 8 - Summary
00:37
+
Introduction to JavaScript
3 Lectures 36:38

A brief introduction to chapter 9.

Chapter 9 - Introduction
00:45

What is JavaScript? JavaScript is an object-oriented scripting language that lets you make your pages interact with your users and respond to what they do. You can do some really amazing stuff with JavaScript, and we're going to look at the basic building blocks in this chapter.

Chapter 9 - Introduction to JavaScript
35:16

A brief summary of chapter 9.

Chapter 9 - Summary
00:37
4 More Sections
About the Instructor
E Learning Lab
4.7 Average rating
101 Reviews
2,406 Students
5 Courses
Software Developer

Thirty years Information System veteran.

E Learning Lab is a  of e learning company teaching Java, Microsoft Razor, iPad Teaching, Javascript and web design. E learning Lab is focus on imparting our skills and expertise to the younger generation by providing accurate and informative ebooks on Udemy. Collaborating with international companies have always been top priority. E learning lab is also the head training provider and the main representative for several companies and education institutions around the world too.