Creating a Basic Website using Umbraco

This tutorial was last tested on Umbraco 10.0.0+

Introduction

This tutorial will take you step by step through an Umbraco website build. It will allow you to take any website “template” (e.g. flat HTML, CSS, and JavaScript) and install it into a fresh Umbraco site and wire up the sections that need content managing by Umbraco.

We will avoid using any starter kits in this tutorial. Although these are extremely useful, they won’t provide you with an understanding of the basics of Umbraco, such as 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.

• Getting Started
• Document Types
• Creating Your First Template
• CSS and Images
• Displaying the Document Type Properties
• Creating a Master Template
• Creating Pages and Using the Master Template - Part 2
• Setting the Navigation Menu
• Articles and Article Items - A Parent Page with Infinite Children
• Adding Language Variants