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.
12 reviews
TAUGHT BY
  • Steven Taylor Web and Mobile App Developer

    Steven Taylor taught himself web design before there were any formal courses in the subject. Over the last 10 years he has designed over 250 sites, and developed countless web, mobile and desktop applications. He is the co-founder and CTO of the Yoga Learning Center (www.YogaLearningCenter.com), founder and President of the media and design company SteveWare Labs (www.SteveWareLabs.com) and the author of the best selling eBook, "Web Design from the Ground Up" currently available in all major eBook sellers including Amazon and iBookstore. (The book is included in the course)

WHAT'S INSIDE
  • Lifetime access to 38 lectures
  • 9+ hours of high quality content
  • A community of 900+ students learning together!
  • 50+ discussions
SHARE

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

HOW UDEMY WORKS?

Discover courses made by experts from around the world.

Take your courses with you and learn anytime, anywhere.

Learn and practice real-world skills and achieve your goals.

COURSE 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>
    • Over 38 lectures and 9.5 hours of content!
    • 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!
    • 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.

THE UDEMY GUARANTEE

30 day money back guarantee
Lifetime access
Available on Desktop, iOs and Android
Certificate of completion

CURRICULUM

  • 1
    Web Design from the Ground Up
    219 pages
    The acclaimed text book that accompanies the online course, "Web Design from the Ground Up."
  • SECTION 1:
    How the Web Works
  • 2
    Chapter 1 Introduction
    01:19

    A brief introduction to the first chapter

  • 3
    Chapter 1 - How the Web Works
    08:45

    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.

  • 4
    Chapter 1 Summary
    00:34

    A brief summary of the first chapter.

  • SECTION 2:
    Introduction to XHTML
  • 5
    Chapter 2 Introduction
    00:50

    A brief introduction to chapter 2.

  • 6
    Chapter 2 - Introduction to XHTML
    18:18

    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!
  • 7
    Chapter 2 Summary
    00:34

    A brief summary of chapter 2.

  • SECTION 3:
    Your First Web Site
  • 8
    Chapter 3 - Introduction
    00:44

    A brief introduction to Chapter 3.

  • 9
    Chapter 3 - 3 Your First Web Site
    44:47

    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
  • 10
    Chapter 3 - Summary
    00:26

    A brief summary of chapter 3.

  • SECTION 4:
    Gotta Have Style
  • 11
    Chapter 4 - Introduction
    00:31

    A brief introduction to chapter 4.

  • 12
    Chapter 4 - Gotta Have Style
    42:18

    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

  • 13
    Chapter 4 - Summary
    00:24

    A brief summary of chapter 4.

  • SECTION 5:
    Designing Your Layout with CSS
  • 14
    Chapter 5 - Introduction
    00:26

    A brief introduction of chapter 5.

  • 15
    Chapter 5 - Designing Your Layout with CSS
    48:15

    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.

  • 16
    Chapter 5 - Summary
    00:41

    A brief summary of chapter 5.

  • SECTION 6:
    Tables
  • 17
    Chapter 6 - Introduction
    01:14

    A brief introduction to chapter 6.

  • 18
    Chapter 6 - Tables
    13:56

    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.

  • 19
    Chapter 6 - Summary
    00:23

    A brief summary of chapter 6.

  • SECTION 7:
    Working with Images
  • 20
    Chapter 7 - Introduction
    00:22

    A brief introduction to chapter 7.

  • 21
    Chapter 7 - Working with Images
    29:43

    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.

  • 22
    Chapter 7 - Summary
    00:41

    A brief summary of chapter 7.

  • SECTION 8:
    Getting Input from Users
  • 23
    Chapter 8 - Introduction
    00:39

    A brief introduction to chapter 8.

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

    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.

  • 25
    Chapter 8 - Summary
    00:37

    A brief summary of chapter 8.

  • SECTION 9:
    Introduction to JavaScript
  • 26
    Chapter 9 - Introduction
    00:45

    A brief introduction to chapter 9.

  • 27
    Chapter 9 - Introduction to JavaScript
    35:16

    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.

  • 28
    Chapter 9 - Summary
    00:37

    A brief summary of chapter 9.

  • SECTION 10:
    Putting Your Site on the Web
  • 29
    Chapter 10 - Introduction
    00:14

    A brief introduction to chapter 10.

  • 30
    Chapter 10 - Putting Your Site on the Web
    27:25

    We have our site files all ready, working well and looking good. How do we put our creation on the Internet? Before we go into the specifics of launching our site, we need to do a quick review of how the Internet works.

  • 31
    Chapter 10 - Summary
    00:39

    A brief summary of chapter 10.

  • SECTION 11:
    Ecommerce with PayPal
  • 32
    Chapter 11 - Introduction
    01:00

    A brief introduction to chapter 11.

  • 33
    Chapter 11 - Ecommerce with PayPal
    18:58

    PayPal offers web designers and developers many different tools to accept credit cards online, and we will take a look at integrating PayPal into our project site.

  • 34
    Chapter 11 - Summary
    00:41

    A brief summary of chapter 11

  • SECTION 12:
    Where to Go from Here
  • 35
    Chapter 12 - Introduction
    00:40

    A brief introduction of Chapter 12

  • 36
    Chapter 12 - Where to Go from Here
    08:51

    You just made it through this book/course and developed your first website. What is the next step?

  • SECTION 13:
    Course Materials
  • 37
    Source Code for Web Design from the Ground Up
    2.36 MB

    Source code and project files for Web Design from the Ground Up.

  • 38
    Web Design from the Ground Up eBook
    8.16 MB

    Downloadable PDF version of the text book.

UDEMY BY THE NUMBERS

5,200,000
Hours of video content
19,000,000
Course Enrollments
5,800,000
Students

RATING

  • 10
  • 2
  • 0
  • 0
  • 0
AVERAGE RATING
NUMBER OF RATINGS
12

REVIEWS

  • J M
    good beginner course

    I liked this course. It is a good beginner course and it will help you learn html but it will not be the end of your html journey. No course will do that. You will need to continue practicing the lessons. You should practice as much as possible. I did run into problems and I reached out for help and he responded. I also liked it provided a project to complete.

  • Jim Filippi
    All the Escentials

    It starts out a little slow but gets very deep into the critical areas anyone would need to know when developing a web site. Excellent presentation. Easy to follow and clear examples.

  • Charles Reavis

    Web Design from the Ground Up is very well organized and easy to follow. It gives me a good basis for taking the other courses I intend to complete. I really like the companion text.

  • Shawn Telford
    Very informative!

    I really enjoyed this course. The pace was just right and the information was presented in a logical manner. It was easy to follow and I feel I learned a lot.

  • Katharina Rossmeier
    easy to follow, all Basics covered

    I could follow the teacher easily and finalize my first nice Project with some cool Features. The course covers all Basics and gives you hints where to go to deepen your knowledge. It could have covered more in-depths on photoshop and JavaScript though, in my opinion. But if you are new to web design, I can absolutely recommend this course.

  • 30 day money back guarantee!
  • Lifetime Access. No Limits!
  • Mobile Accessibility
  • Certificate of Completion