Back to Basics: Make a Simple Website, Fast

Martin (Chaim) Berlove, The people side of programming

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
5 Videos (16m)
    • Introduction

      0:40
    • Part 1: Goal & Background

      2:43
    • Part 2: Building & Styling

      6:23
    • Part 3: Adding Pages & Responsiveness

      5:20
    • Conclusion

      1:07

About This Class

Making a good-looking website doesn't need to be challenging. There are a lot of great resources out there for building large and complex web projects without having to start from scratch. But for small-scale projects, like an informational site or a landing page, sometimes the overhead in setting up a framework or other web tool can be more trouble than it's worth. This class gets back to basics, laying out a straightforward method for building basic sites that look good with a minimum of hassle. Using nothing but plain HTML and standard CSS, we'll go through the surprisingly fast and simple process of designing and developing a website. You'll learn how to: Apply basic structural methods to build your pages Organize a page using HTML5 semantic elements Iterate through design until you get what you want Make your site mobile-friendly Important Links / Resources: HTML5 Semantic Tags: https://www.w3schools.com/html/html5_semantic_elements.asp, https://www.w3.org/TR/html5/sections.html NotePad++ (I use this, but use whatever text editor you like): https://notepad-plus-plus.org/ Penn's Pet Project example site: http://mberlove.com/education/petproject/ Penn's Pet Project example code (zip): http://mberlove.com/education/petproject.zip Pixabay (source for free, high-quality images, for backgrounds, etc): https://pixabay.com/

3

Students

--

Projects

0

Reviews (0)

Martin (Chaim) Berlove

The people side of programming

Software developer and aspiring renaissance man. Broad interests in technology, computing, and most other things. I like to specialize in the human side of software engineering.