Build Your First Website From Design to Code

Lesson 1, Step 1: Course Introduction

Previous
Sign up to continue
Contents

Courses Outline

Lesson 1: Introduction to Building a Website
Free
Course Introduction
0:41
Lesson 2: Planning the Website Build
Analyzing the Design and HTML Outline
5:21
CSS Outline and Image Exporting
8:41
Quiz
Lesson 3: Coding the Base
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
Lesson 4: Section Styling
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
Lesson 5: Wrapping It Up
Finishing Touches
7:46
Resources
Lesson 6: Course Conclusion
Acknowledgments
0:54
Join SitePoint Premium to download this course
Lesson Notes

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