Create (Edit) your first templates (template)
Expand Settings > Templates folder-then you should see the child node named "Homepage"-This is what we created automatically when we created the Document Type (Remember the previous check box "create Matching template "? )
Note-the display is not updated automatically under the previous version 7.1 tree, and if you do not see it, try refreshing umbraco (Ctrl + F5).
Clicking on the homepage node will load this template-here is empty, except for a little bit of razor code.
Let's copy the template code first, regardless of the code there (if you don't understand it, don't worry). Open index.html from your favorite text editor (notepad++), paste the entire copy into the template, and finally remember to close the curly brace "}". Your template now looks like this:
"Homepage Template and layout HTML code"
Click the Save button. We now have a template.
Create your first content node
Umbraco the third and final stage of creating our first page is to create a content node, add content in the Content editor, and Umbraco will use the document type and template to provide an HTML page to the visitor.
We are now ready to create the first page of Umbraco! Click the Content button (on the left-hand side of the first Options menu).
Hover over the gray text CONTENT and you'll see three dots ... -Click this. If everything you do is right, you should be able to see the option to create our homepage!
If you can't see this, don't panic-check settings> Document Types > Homepage node > Structure tab > Allow at Whether root is selected.
Let's create our homepage. Click on that icon and we'll see what we've just created-our document type-it gives us the fields we need to edit.
In the top form of red you will see "Enter a name ..." Click and enter the name of the new content node. We call it "homepage".
Fill in the information on the Contents tab:
Page Title: Welcome to Widgets LTD
Body Text: Hello world! We can write what we like here!
"Widgets LTD 2014"
Click the Footer tab and enter:
Footer Text: "Copyright Widgets Ltd."
Now we click on the green button Save and publish menu, will publish this content as the homepage of our website. Go to the browser to refresh your page http://localhost-the default Umbraco page will disappear and we will see an original, no style page! Let's talk about this first!
Umbraco (2)-Creating Your first Template and Content Node (translating documents)