Modern Web Development with HTML5 and CSS

Go hands-on with the latest HTML5 and CSS standards to create compelling, usable web layouts and formatted content.
4.0 (2 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.
21 students enrolled
$19
$50
62% off
Take This Course
  • Lectures 89
  • Length 3.5 hours
  • 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 3/2015 English

Course Description

Are you interested in creating your own web pages and styled documents with no prior design experience? This course will teach you about modern HTML5 and CSS, showing you how to style content and build simple, responsive layouts. This course is designed for the absolute beginner, meaning no prior experience with HTML or CSS is required. You will start by learning the basics of developing for the web, then jump into HTML fundamentals, such as HTML Syntax, the Doctype, links, images, and validation. From there, Rachel teaches you about structural HTML, CSS fundamentals, text and typography, and color and images.

This video tutorial also covers how to layout with CSS, forms in HTML and CSS, and HTML5 audio and video. Finally, you will learn about responsive design, as well as browser and device testing and how to fix problems and ensure accessibility. Once you have completed this computer based training course, you will be fully capable of using HTML5 and CSS to develop your own responsive layouts. Working files are included, allowing you to follow along with the author throughout the lessons.

What are the requirements?

  • no prior experience with web development needed

What am I going to get from this course?

  • mark up documents an create web pages with HTML5
  • utilize CSS for layout, formatting text, modifying colors
  • demonstrate responsive design techniques for mobile development

What is the target audience?

  • anyone interested in learning to develop for the web using HTML5 an 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
Important - Download These First - Working Files
Preview
Article
HTML5 And CSS - An Introduction To Modern Web Development
Preview
02:10
Overview Of The Course
Preview
02:04
How To Access Your Working Files
Preview
03:22
Section 2: The Basics Of Developing For The Web
Setting Up Your Workspace
Preview
01:26
A Simple HTML Document
Preview
01:52
The Basic Structure Of A Website
01:33
Moving Files From Your Computer To A Webserver
01:55
Section 3: HTML Fundamentals
What Is HTML?
02:05
HTML Syntax
02:22
The Doctype
01:12
The Document Head
02:49
The Document Body
00:59
Understanding Block And Inline Elements
02:10
Paragraphs And Line Breaks
01:26
Div And Span
01:48
Links
02:29
Images
02:33
Basic Lists
01:49
Lists Of Lists
01:17
Tables
01:52
Validation
03:05
Section 4: Structural HTML
Understanding Document Structure In HTML
02:10
Quotes
01:21
Articles
01:34
Navigation
01:03
Figures
01:43
Sections
01:42
Headers And Footers
02:01
Aside
01:30
Section 5: CSS Fundamentals
What Is CSS?
01:54
Adding CSS To An HTML Document
02:02
Basic CSS Selectors
03:15
Grouping CSS Selectors
01:08
Using Shorthand
01:19
CSS Units
03:25
Color In CSS
01:46
The Cascade
03:30
Section 6: Text And Typography
Understanding Web Typography
03:19
Text Size
05:30
Text Weight And Style
02:11
Using Fonts
03:53
Pseudo-Class Selectors
01:45
Styling Links
02:01
Dynamic Pseudo-Class Selectors - The Hover State
01:28
Section 7: Color And Images
Background Color In CSS
02:37
Adding A Background Image To A Page
03:16
Using Background Images On Other Elements
01:59
Styling A Blockquote With Multiple Background Images
01:49
Gradients With CSS
03:47
Shadows In CSS
01:57
Opacity And Transparency
01:39
Section 8: Layout With CSS
The CSS Layout Model
02:22
Margins And Padding
02:55
Borders
02:48
Absolute Positioning
03:10
Relative Positioning
01:05
The Basics Of Float
01:56
Clearing Floats
03:09
Building A Simple, Floated Layout
05:09
Styling The Navigation Sidebar
02:31
Styling The Page Header
03:39
Styling The Page Footer
02:13
Section 9: Forms In HTML And CSS
Understanding The Role Of Forms On The Web
01:51
The Form Element
01:09
The Input Element
03:19
Form Labels
01:35
Text Areas
01:30
Buttons
01:19
File Input Fields
01:56
Hidden Fields
01:17
Checkboxes And Radio Buttons
02:23
Select Lists
02:44
Fieldsets And Legends
01:57
Laying Out A Simple Form
03:28
Styling Our Form With CSS
02:47
Advanced Form Styling Tips
04:13
Section 10: HTML5 Audio And Video
The Audio Element
02:10
The Video Element
02:51
Providing Fallbacks For Older Browsers
03:53
Section 11: Understanding Responsive Design
What Is Responsive Design?
02:03
Media Queries
02:23
Images In Responsive Design
01:35
A Simple Layout With Three Breakpoints
04:33
Section 12: Browser And Device Testing - Fixing Problems And Ensuring Accessibility
Testing Different Platforms
03:13
Debugging CSS Problems
02:56
Accessibility Tips
02:36
Common Problems When Making Websites Live
02:02

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Infinite Skills, High Quality Training

Infinite Skills is a Canadian based company who offer a huge and ever growing range of high quality eLearning solutions that teach using studio quality narrated videos backed-up with practical hands-on examples and comprehensive working files. All courses are created by trained educators and experts in video based education.

The emphasis is on teaching real life skills that are essential for progressing in today's commercial environment.

Ready to start learning?
Take This Course