It features graphical overlays that facilitate the building of your web site's pages, navigation structure, templates and presentation layout. Web components snap into your site's pages through simple drag-and-drop interactions.
One of the major themes to Web Studio is simplicity. Users should be able to create moderately complex Alfresco Surf-powered web sites with ease.
A key objective for achieving this was to promote as much reuse as possible. As such, Alfresco Surf provides a scriptable way of building web site elements, sharing them and reusing them. You can even package an entire web site up and share it - all of its pages, templates, components, themes, chrome, etc... You name it.
We've leveraged this capability to make it easy for folks to get started.
On this page, you'll find three tutorials which walk through web site creation using Alfresco Web Studio. The first tutorials are pretty simple but they get more complex as you go on.
This tutorial serves as a very basic introduction to Web Studio. It introduces concepts such as page assembly and component bindings.
We'll begin with a 'starter site' which includes a few images, pre-stocked templates and pages. The Alfresco Green Energy Site is currently archived on Alfresco Network as a zip file. We will import it using Web Studio. Web Studio will deploy it to a new Web Project. We can then start to work with the site. This tutorial will show how to bind - into template regions - a few image assets. The end result will be to produce a basic mockup of the Green Energy site.
The tutorial should take about 30 minutes to complete.
This tutorial is a more advanced introduction into site building. It introduces the concepts of creating a new web site, navigation trees, dynamic templates and content associations.
We'll begin by creating a completely blank web site and will then create a few dynamic templates and bind them to pages. Since our web site won't have much content in it, we we'll focus on drawing content from the Alfresco Repository.
The tutorial should take about 60 minutes to complete.
We're leaving open the option for our community to contribute pre-built sites and tutorials. Pre-built sites can be bundled and made available via the site creation wizards if accompanied by a tutorial walkthrough similar to those provided here.