Build an HTML and CSS Website From Scratch

57 VIDEOS (11h 2m)
  • HTML and Web Fundamentals

    • Trailer

      01:03

    • Web Fundamentals

      10:30

    • Getting Started

      02:17

    • Document Structure

      16:34

    • Text Formatting

      24:12

    • Images

      12:37

    • Links

      21:59

    • Validating HTML

      06:29

    • Site Publishing

      14:01

  • Tables, Forms, and Iframes

    • Introducing Tables, Forms, & Iframes

      19:22

    • Tables

      10:13

    • Iframes

      04:47

    • Forms

      08:31

  • HTML5 Elements

    • Introducing HTML5 Media, Semantic Elements, and Metadata

      23:36

    • Video

      11:01

    • Prep for HTML5

      10:40

    • HTML5 Semantic Elements

      13:19

    • Metadata

      04:14

  • CSS Fundamentals

    • Styling the Front-end

      10:05

    • Setting up an External Style Sheet

      04:23

    • Type Selector

      14:28

    • Color Systems

      15:11

    • Font Shorthand

      02:45

    • Web Fonts

      06:36

    • Class Selector

      07:50

    • ID Selector

      08:44

    • Descendant Selector

      06:58

    • Psuedo Selector

      14:52

    • Developer Tools (part 1)

      11:51

  • Building Page Layouts

    • Element Display

      09:39

    • Box Model

      37:59

    • Box Aesthetics

      17:48

    • Floating

      37:01

    • Prep Layout

      08:24

    • Applying Box Properties

      06:40

    • Styling Tables

      06:44

    • Styling Forms

      06:28

    • Styling Iframe

      01:42

    • Centering Content

      04:29

    • Applying Box Shadow

      03:28

    • Applying Gradients

      04:07

    • Styling the Logo

      03:27

    • Styling Main Sections

      06:31

    • Styling Details Section

      01:46

    • Creating Column Structure

      26:41

    • Developer Tools (part 2)

      06:45

  • Positioning and Sprites

    • Positioning Techniques

      10:59

    • Z-Index Layering

      04:49

    • Sprite Rollovers

      04:49

    • Styling Navigation

      16:14

    • Styling the Social Media Bar

      16:46

  • Responsive Layout

    • Responsive Layout Techniques

      12:31

    • Setting Up Local Responsive Testing

      11:41

    • Prep HTML for Responsive Layout

      08:47

    • Applying CSS3 Media Queries

      40:24

  • Finishing Touches and Onward

    • Adding PHP Mailer Script

      16:13

    • Resets, Grid Systems, & Templates

      10:11

Class Project: Build your own website using HTML and CSS

Assignment Details

5,730

Students

622

Projects

About This Class

This class is perfect for anyone with a great website idea or just an interest in learning how to code. This is a beginner-level class so if you have basic computer literacy and an internet connection, you're all set. Learn at your own pace.   You'll leave this class with the skills to create your very own s... Read More

Published on Mon, Apr 8th 2013