How to Code Your Own Website (for Beginners 12+) | Beginner Web Development

Updated: May 6

Code Your Own Website


Have you ever wanted to learn how to design web pages or make a site online? Today, we’re going to show you how to build your own personal website!


Read on for more information about the importance of learning web development, a step-by-step guide to accompany the video, and to learn about tools you can use to further enhance your web development experience.


REMEMBER:

  • The website in this tutorial is just an example project for teaching purposes. Before starting, keep in mind that minors should not post personal information online like your full name, address, or telephone number! Also be careful when uploading personal photos online.

  • If you’re unsure what is okay to upload, always check with an adult.

Who’s this for?



This project info and learning outcomes summary will help you decide if this HTML/CSS coding project is right for you.


This beginner HTML/CSS tutorial is for students that want a medium challenge project, about 121 lines of code long. It will help to have a basic understanding of how HTML and CSS work beforehand, but if you’re completely new, we also explain more basics in this video!


This tutorial is great for beginners in coding, especially those interested in design or art. We recommend that students be 12 years old or older to follow along.


For learning outcomes, you'll get a lot of practice with div, lists, links, position, display, text (h1/h2/p), fonts, and general CSS. This project is estimated to take you about 40 minutes or longer, depending on how creative you get, but you should move faster or slower at your own pace!


Why Learn Web Development?


These days, you don’t need to know web development or coding to create a website. Toward the end of this article, we’ll show you a few drag-and-drop website creators that will make the process incredibly easy to do. So why should you learn web development? That’s a great question.


Unlimited Customization


All of the easy website creation tools are actually limited. They offer you a set of themes and plugins that are very easy for beginners to use – as long as you don’t need to modify them.

When you do need to modify a theme or do something more custom with your website, however, you will need at least a basic understanding of web development code. As an exam