CodeGarden 10: The sixth annual Umbraco Developer Conference
June 23-25th 2010 - free ASP.NET MVC pre-conference. Register today!

Website Start to Finish in 30 Minutes

I will be building this out over time, but here are the notes that were taken by Søren Erland Vestø

 

Bob Baty-Barr: The noob session

Creative website starter:

This is a very good place to start -- however, today I will show how to create a simple 4 page website from scratch using umbraco and photoshop. I have completed a similar tutorial as this over the phone with a friend of mine in less than forty minutes... so here it goes...


Think about what the client needs. Site structure - featureset. Create docTypes.
Developer -> XSLT -> right click drop down : Canned XSLT scripts; topnav - sitemap etc
Get the client thinking about content from day 1
"Stock packages": ImageGen, doc2Form, ImageCropper, XSLT Search
Start with a master docType - navigation, metadata
Reuse your master docType.

Will be available on the wiki..

One umbraco-instance per client.

Navigation:
NaviHide skips the node.
umbRedirect redirects to another page
umbracoURLAlias creates an alias for a page
umbracoURLName overrides the navigation name of the page
The stock navigation macros all generate UL's
Navigation is set by the node-structure

Getting rid of the .aspx:
- IIS create a wildcard mapping for ASP.NET
- web.config: useDirectoryURLs

Using nested documenttypes inherits the properties of the master document.
Properties on the master must be set or updated on the master but will propagate to the children
You can control the docTypes going underneath

docTypes:

Master
+--Homepage
+--Basicpage
+--Contactpage

doc2Form maps datafields on the docType to a form; email, save to node etc

CSS reset

Substyles in tinyMCE
Developer -> Datatype -> Richtext - Lock down editor tools
Styles dropdown: Control which stylesheets are shown in the styles dropdown. editorstyles.css
Puts the developer in the driver's seat

How to handle images?
Image upload? Mediapicker?
Mediahandling is a two step process.
Media reflects the site structure.
Bob uses mediapickers.

docTypes:
DocTypes is the box that holds your content; "PageTitle", "BodyText"
Templates is the crossover from content to display. Contains the markup. umbraco:get. Use the toolbar on the template editor.

Dictionary:
Localization, multi-lingual sites
Can be accessed by get-items on the templates