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

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 se... View More

5,615

Students