Build Your First Website From Design to Code

Lesson 1, Step 1: Course Introduction

Courses Outline

Free
Course Introduction
0:41
Analyzing the Design and HTML Outline
5:21
CSS Outline and Image Exporting
8:41
Quiz
HTML and CSS Base (Part 1)
4:41
HTML and CSS Base (Part 2)
10:56
Header and Navigation
5:36
Footer
5:58
Content (Part 1)
6:46
Content (Part 2)
10:38
Quiz
Header
12:56
Navigation
11:46
Footer
12:18
Features
12:49
Recent Work
10:12
Latest Posts
5:56
Testimonials
6:48
Get in Touch
11:27
Quiz
Finishing Touches
7:46
Resources
Acknowledgments
0:54

Build Your First Website From Design to Code

Lesson 1, Step 1: Course Introduction

Recommended Tools

Text Editors

  • Notepad++ (Free - Windows)

  • Sublime Text (Windows / MacOS / Linux)

  • Coda (MacOS)

  • TextMate (MacOS)

  • Brackets (Free - Windows / MacOS / Linux)

  • PSPad (Free - Windows)

  • Komodo Edit (Free - Windows / MacOS / Linux)

  • Aptana Studio (Free - Windows)

  • NetBeans (Free - Windows / MacOS / Linux)

  • gedit (Free - Linux)

  • KWrite (Free - Linux)

  • BBEdit (MacOS)

    Plugins

  • Firebug

  • Colorzilla

    Font

  • PT Sans font