Let's make a website

1. GitHub

GitHub is a platform for hosting and collaborating on code. They also allow you to host your website on their servers for free.

Sign up to a GitHub account here.

2. VS Code

VS Code is a code editor that makes it easy to write and edit code.

Download VS Code here.

After you've installed VS Code, install the Live Preview extension.

Then set up your file and folder structure.

3. HTML Boilerplate

The below HTML is one good starting point for your website.

... it loads Bootstrap's CSS and JavaScript onto your website, and also links out to file locations for your own custom CSS and JavaScript.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>[Your Title]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" href="images/favicon.ico" type="image/x-icon">
    <!-- Bootstrap's CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <!-- Custom CSS-->
    <link rel="stylesheet" href="css/style.css">
</head>
<body>

    <!-- Bootstrap's JS-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <!-- Custom JS-->
    <script src="js/main.js"></script>
</body>
</html>
Back to Home