Creating a Basic Website

A guide to creating a Basic Website using Umbraco

This tutorial was last tested on the latest version of Umbraco 11.

Introduction

This tutorial will take you step-by-step through an Umbraco website build. It will allow you to take any website "template" (for example, flat HTML, CSS, and JavaScript) and install it into a fresh Umbraco site. You can then wire up the sections that need content managing by Umbraco.

We will avoid using any starter kits in this tutorial. Although these are useful, they won’t provide you with an understanding of the basics of Umbraco. We'll look at how to create Document Types and Templates and how these work together to build pages.

It is recommended that you work through the subsections in the following order.

Last updated 1 year ago

Introduction

It is recommended that you work through the subsections in the following order.

Creating a Basic Website

Introduction

Getting Started

Creating Your First Document Type

Creating Your First Template and Content Node

CSS & Images

Displaying the Document Type Properties

Creating a Master Template

Creating Pages and using the Master Template

Setting The Navigation Menu

Articles Parent and Article Items

Adding Language Variants

Conclusions

Introduction

Getting Started

Creating Your First Document Type

Creating Your First Template and Content Node

CSS & Images

Displaying the Document Type Properties

Creating a Master Template

Creating Pages and using the Master Template

Setting The Navigation Menu

Articles Parent and Article Items

Adding Language Variants

Conclusions