Support Contact:
Phone: +40 (21) 310.63.42; Forums:

How to create a full site using the Flexi CSS Layouts

In this tutorial we will show how easy is to create a site using the templates that come with the Flexi CSS Layouts gallery. The basics are: defining a site in Dreamweaver, create as many html pages as you need for the site, insert a layout in each of the pages then change the menu links to point to the right pages. For this tutorial we will create 3 pages: an index page (index.html), a contact page (contact.html) and a features page (features.html); you can add more pages using the same procedure.

Note: this tutorial assumes that you already know the basics of using the Flexi CSS Layouts Dreamweaver extension.

Creating the index page

Create a new empty html file in Dreamweaver. Save the file as “index.html” then find the Flexi CSS Layouts tab and open the Template Gallery. Select the full templates category and select one of the home page templates (for example “Software Product – Home page”). Press “Insert” to add the layout in the page or “Customize layout” if you want to make changes.

Read the tutorial here.

Flexi CSS Layouts reviewed on 10Steps.SG

Not only that we got nice reviews on the Adobe exchange from our customers but Flexi CSS Layouts created quite a buzz amongst bloggers too. Johnson Koh from 10Steps.SG calls Flexi CSS Layouts as a “Brilliant invention” and says:

“Some designers have difficulties in using CSS to form up their web pages so they prefer using tables, which is much easier to visualize the final output. I am happy to get a chance to try out the Flexi CSS Layouts from ExtendStudio.  In short, Flexi CSS Layouts is a Dreamweaver plugin that allows you to create CSS layouts without writing a single code from yourself. ”

Read the review on 10Steps.SG

Flexi CSS Layouts giveaway on

Our brand new Dreamweaver extension that creates CSS layouts got exposure! offers 3 Flexi CSS Layouts extensions (value $99 each) to celebrate the one year birthday! Exactly one year ago, in September, 2009, Tutorialzine was born. And it’s been a great year, with over 52 tutorials and a fresh redesign.

How to participate?

To participate, just leave a comment with a valid email in the comment section here. The giveaway ends on September 9th when 9 winners will be chosen at random and announced in a follow-up post.

In the meanwhile, here is a video on what Flexi CSS layouts can do:

Enjoy and register for the giveaway on the site!

Page 9 of 30« First...78910112030...Last »