This message indicates that your new site doesnâ€™t know how to render itself. In the next section, you will change that.
Associating a Presentation Template
For the new site home page to display, you must specify what kind of presentation template to use.
Web Studio allows you to have many presentation templates for a single page. The default format(default) corresponds to HTML output. However, you may also be interested in other formats such as:
YOu can use as many different formats for this page as you like. For example, the home page could have a default HTML format for browsers, with alternative formats for various types of customer devices.
To set up a default template:
Click Associate a Presentation Template to display the presentation templates associated by page. There is a single presentation template listed for each format.
Select Default from the out-of-the-box options in the Formats list. This sets up the template for the HTML format. You can add additional formats through configuration, which is not covered in this tutorial.
Select Basic - Home Page from the out-of-the-box options in the Templates list. You can create your own templates using graphical editor provided with Web Studio or you can build templates using Freemarker (FTL).
The default templates include:
Basic Home Page â€“ a simple home page layout with regions for header, navigation, body content (left, center and right) as well as a footer.
Basic Landing Page â€“ a simple landing page layout with region sfor header, navigation body content (left and right) as well as a footer.
With Web Studio, you can drag 'things' from the sliders into the web page regions. For instance, if you drag a piece of content into a region, it creates a relationship between that piece of content and that region on the page.
In fact, Web Studio handles a lot Surf wiring. Web Studio instantiates new component instances, configures the component instances to reference the content you are dragging, and then associates the component instance to the region on the page.
In short, Web Studio automatically creates Alfresco Surf component bindings.
You can drag the following into the page to establish component instances:
Files that are stored in our web application
Folders that are part of our web application
Documents from our Alfresco Spaces Repository
Spaces from our Alfresco Spaces Repository
Custom objects from our Alfresco Spaces Repository
Content of various types from our Alfresco Share site
Document Library files
A component instance is like a gadget or a portlet. You might use this to drop in any of the following, just to name a few:
An image display gadget which renders a company logo
An article list that shows the top headlines of the day
A thumbnail browser of popular video content
A breadcrumb trail
A dynamic navigation selector
Binding in a Header Component
Open the in-context editor and expand the Web Content slider. The Web Content slider provides you with full access to your web application content.
When youâ€™re using Web Studio, all of your web application content actually resides inside of a web project in Alfresco WCM.In fact, you are looking at the current userâ€™s sandbox. Also, notice how the regions have responded. The regions become â€œactiveâ€ meaning that you can drop things onto them. Hovering your mouse over a region will cause the region to transition in color, suggesting that you can drop things onto the region.
Select the header.jpg file from Web Site -> images - home.