what are you looking for?

JONDJONES.COM
  • Books
    BOOKS
    • Umbraco V8 Secrets Exposed
    • Episerver Missing Manual
  • CMS
    Umbraco
    • V8 Tutorials By Published Date
    • V8 Tutorials By Category
    • Ultimate Umbraco Guide
    • V7 Tutorials
    • BOOK: Umbraco Secrets Exposed
    Episerver
    • Tutorials By Published Date
    • Tutorials By Category
    • Ultimate Episerver Guide
    • BOOK: Episerver: The Missing Manual
    Sitecore
    • Sitecore Tutorials
  • React & JS
    React JS
    • Tutorials By Published Date
    • Tutorials By Category
    • Ultimate React Guide
    Javascript
    • Tutorials By Published Date
    • Tutorials By Category
    • CODE: #ILoveJavascript
  • Architecture
  • Tactics
    Productivity
    • Productivity Tutorials
    • Ultimate Productivity Guide
    Insights
    • Blog
  • YouTube
  • About
  • Hire Me
    My Services
    • Umbraco Freelancer
    • Episerver Freelancer
    • Javascript Freelancer
    My Qualifications
    • My Portfolio
    • LinkedIn Profile
    • Stackoverflow CV
    My Company & Experience
    • Digital Prompt
  • Contact

Creating Your First Umbraco Page

  • Homepage
  • Learn Umbraco CMS
  • Umbraco 7 Tutorials
  • Creating Your First Umbraco Page
How To Architect Your First Umbraco Page
How To Architect Your First Umbraco Page
Wed 21 December, 2016
How To Create A Master Layout In Umbraco
How To Create A Master Layout In Umbraco
Wed 21 December, 2016
Creating A Header and Footer Using Partial Views In Umbraco
Creating A Header and Footer Using Partial Views In Umbraco
Thu 22 December, 2016
How To Add Dynamic Fields And Page Information To An Umbraco Template
How To Add Dynamic Fields And Page Information To An Umbraco Template
Thu 22 December, 2016
Creating Your First Umbraco Page

Welcome to lesson 3, in this section, I will teach you how to create your first page within Umbraco. The aim of this guide is to get you used to the Umbraco backend, the components required to create a page and the process. I’ll warn you now, for simplicity and ease of teaching.. the page we will be creating will be ugly!  The aim of this guide is to help you understand how Umbraco works, so things like HTML, CSS etc.. are purposely kept to a minimum.

Takeaway

If you have followed the previous tutorials, then congratulations you have just created your first Umbraco page!  This is quite a big milestone as everything else you will learn will build on these principles.  Just think, you now know the basics of creating a whole website in Umbraco.. albeit a pretty naff one. As we continue through the lessons and you spend more time building components within Umbraco, you’ll become much more comfortable using it.

If you’ve followed this guide, then you should now have everything you need to create a basic website in Umbraco.  There are many ways of doing things and depending on your level of expertise and the complexity of your project, you may have corners like if my document types are all virtual how do I add them to source control. If you know about good design practices, you might also think having the menu logic in your view is bad practice.  If you want to write your code following SOLID principles, don’t worry too much now as I’ll go over these types of concepts in lesson 6.  As for the next lesson ‘, Umbraco API explained’,  I’ll explain some of the most frequently used API calls.

NAVIGATION
  • Umbraco Getting Started Advice
  • Umbraco Core Concepts
  • Umbraco API Explained
  • How To Structure Your Umbraco Project
  • Umbraco and MVC
  • Creating Your First Umbraco Page
  • Strongly Typed Models Within Umbraco
  • Grid Editor
  • Umbraco Component Tutorials
  • Umbraco Caching
  • Umbraco Backend Customisation
  • Umbraco Deployment
  • Umbraco Event Handling
  • Umbraco Hosting
  • Umbraco Load Balancing
  • Umbraco Multi-Language
  • Umbraco Plugins
  • Umbraco Performance Tweaking
  • Umbraco Routing
  • Umbraco Search
  • Umbraco Security
  • Umbraco SEO
  • Umbraco Tips And Advice
  • Umbraco Troubleshooting
  • Umbraco Unit Testing
  • Umbraco Upgrading Guide
  • Umbraco Web API
  • Wordpress Content Into Umbraco
  • uSiteBuilder
UMBRACO V8 BOOK
Umbraco V8 Secrets Exposed

I 💖 Umbraco

New to Umbraco CMS and want to learn how to get started?

Ultimate Umbraco Guide

SUNDAY SESSIONS
Free Weekly newsletter with my best tools, tips, and resources for the week

Thank you!

You have successfully joined our subscriber list.

SUPPORT MY WORK



SUPPORT THIS SITE

Click An Advert

WELCOME

Hi, I'm Jon, I write articles about creating and optimizing websites to help your business meet its goals. I am a technical architect and technology fanatic by profession. You can find out more about me by joining my newsletter.

Latest Posts
  • How To Solve Problems Installing MemberListView For Umbraco 7
  • 10 Great Visual Studio Extensions For 2021
  • CachePartial() The Simple Way To Cache Your Partials Within Umbraco
  • The Quirks Of Querying Content In Umbraco V8

© Jon D Jones