HTML5 & CSS3 Site Design

Take the confusion and murkiness out of the fundamentals!
4.7 (18 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.
212 students enrolled
$75
Take This Course
  • Lectures 62
  • Contents Video: 6 hours
    Other: 0 mins
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

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

About This Course

Published 10/2013 English

Course Description

Need to learn how to build a website, or brush up on your coding skills to enhance an existing site? This course will show you, step-by-step, how to set up a web site from scratch and tips and tricks of the trade to make your site more attractive and user-friendly. From what tools you need to build your site and creating and formatting pages, to what to test and look for before your site goes live, award-winning trainer Geoff Blake gives detailed and valuable information that will help you to master HTML coding skills. Geoff’s casual tone, real world examples, and the follow-along video make this course as entertaining as it is informative.

What are the requirements?

  • Basic computer skills

What am I going to get from this course?

  • Gain valuable skills, develop web projects, and push your career forward!

What is the target audience?

  • Those looking to build a strong foundation in web design, HTML, and CSS

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Welcome to HTML5 & CSS3!
Preview
01:25
A Look At What We'll Build
Preview
02:14
Section 2: Let's Get Started!
Programs I'll Be Using
Preview
03:34
In The Beginning…HTML Fundamentals
Preview
11:17
Understanding What CSS is All About
06:34
Viewing A Page's Background Code
04:15
Section 3: Gettin' Your Files Organized!
Organizing Site Files
06:53
Creating A Page and Understanding Index Files
05:40
Setting Up An External Style Sheet
03:36
Section 4: Doin' Nuthin'? Let's Build A Web Layout From Scratch!
Setting Up The Page Structure
07:03
Connecting the External Style Sheet and Testing
08:13
Inserting and Formatting the Site Header
07:35
Finishing Up The Basic Layout
04:48
Debugging for Internet Explorer
03:24
Understanding How the Layout Works
05:49
Using Divs for Page Layout
07:13
A More Economical Approach to Layout and CSS
07:50
Using Float And Clear
05:53
Centering the Layout
09:00
Nesting Layout Objects
07:03
Spacing Apart the Layout
09:11
Final Touches
04:45
Section 5: Insertin' And Formattin' Text!
Inserting Text Into the Layout
04:25
Setting Up Paragraphs and Headings
04:35
Adjusting the Layout For Text, Part 1
07:35
Adjusting the Layout For Text, Part 2
05:19
Formatting HTML Headings with CSS
06:48
Formatting Paragraphs
04:09
Using Class Rules to Format Text
05:22
More Formatting with Class Rules
09:06
Working More Efficiently with CSS
06:52
Inserting and Formatting Lists
06:40
Using A List to Build The Main Navigation Menu
10:15
Setting Up the Footer Navigation
06:29
Section 6: Now It's Time For Some Graphics!
Inserting an Image
06:37
Resizing Images with your Graphics Editor
04:51
Controlling Graphics with CSS
07:06
Inserting the FeatureBox Images
07:10
Adjusting the FeatureBox Layout
02:56
Setting Up the FeatureBox Titles
06:18
Illustrator, Photoshop, HTML, and CSS Workflow
07:27
Section 7: Site Rollout: From A Single Page To A Multi-Page Site!
Getting Ready for Site Rollout
03:47
How to Not Roll Out A Website
07:06
Rollout Part 1: Setting Internal Hyperlinks
04:36
Rollout Part 2: Creating The Site's Pages
01:32
Previewing And Testing The Site
04:02
A Final Thought on Site Rollout
05:25
Section 8: Inserting Additional Page Elements!
Adjusting the Site's Hyperlink Formatting
07:08
Inserting A Simple Slideshow
08:28
Inserting and Formatting Tables
08:14
Inserting A Google Map
07:50
Formatting A Customer Testimonial Page
07:06
Setting Up A Contact Us Page
06:43
Finalizing the Site
11:54
Organizing the CSS File
05:27
Section 9: Going Live: Uploading the Completed Site!
Setting the Remote Site Info
04:01
Uploading the Local Site to the Remote Server
02:24
Testing the Live Site
02:04
Making Edits and Updating the Live Site
06:49
Testing And Debugging For Other Browsers
09:52
Section 10: Wrapping Up HTML5 & CSS3
Where to Go from Here
03:12
Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 180,000+ Happy Udemy Students | 320,000+ Students Worldwide

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 320,000 students currently taking Stone River eLearning courses. We currently offer 125+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Ready to start learning?
Take This Course