# Creating a Basic Website

This tutorial is based and tested on the latest version of **Umbraco 14**.

## Introduction

This tutorial will guide you through building an Umbraco website step by step. It will show you how to take any website template, such as flat HTML, CSS, and JavaScript, and install it into a new Umbraco site. Then, you can connect the sections that require content management by Umbraco.

We will not be using any starter kits in this tutorial. While these can be helpful, they do not offer a full understanding of the basics of Umbraco. Instead, we will focus on creating Document Types and Templates and how they work together to build pages.

It is recommended that you work through the sub-sections in the following order.

## [Getting Started](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/getting-started)

To follow this tutorial, ensure to complete this section first.

## [Creating Your First Document Type](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/document-types)

Learn how to create Document Types and understand their purpose.

## [Creating Your First Template and Content Node](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/creating-your-first-template-and-content-node)

Discover how to create your first template and set up a content node.

## [CSS & Images](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/css-and-images)

Learn how to integrate CSS and JavaScript into your Umbraco site.

## [Displaying the Document Type Properties](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/displaying-the-document-type-properties)

Find out how to connect Document Type Properties (Umbraco Data Fields) to templates to display the editor's data correctly.

## [Creating a Master Template](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/creating-master-template-part-1)

Learn how to create a Master Template to streamline the creation of additional pages and reduce repetitive HTML code.

## [Creating Pages and using the Master Template](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/creating-master-template-part-2)

Use the Master Template to generate new page types.

## [Setting The Navigation Menu](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/setting-the-navigation-menu)

Manage the navigation menu in your template.

## [Articles Parent and Article Items](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/article-parent-and-article-items)

Learn how to create a parent page that automatically lists and links to child nodes. Ideal for something like blogs or news sections.

## [Adding Language Variants](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/adding-language-variants)

Explore how to expand your basic site by introducing Language Variants to support multiple languages.

## [Conclusions](https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website/conclusion)

By this stage, you will have a basic functioning site. Discover where to go next and explore the deeper capabilities of Umbraco with additional resources.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.umbraco.com/umbraco-cms/tutorials/creating-a-basic-website.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.