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

Currently Browsing: Dreamweaver Tutorials

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.

Creating a 3 columns fixed CSS layout in Dreamweaver tutorial

In this tutorial we will use the Flexi CSS Layouts Dreamweaver extension to create a simple 3 columns CSS layout with a fixed width. The layout will have a header and footer and the content part will be split in 3 columns. Using the Flexi CSS Layouts extension, the layout will look the same in all major browsers.

Requirements for this tutorial:

Flexi CSS Layouts is an easy to use Dreamweaver extension that helps you create table-less HTML layouts without coding, in less than 5 minutes. You can simply create the page structure directly from the interface and the extension will automatically create the divs and CSS for your layout. Or choose from a wide range of embedded templates for your layout, then customize the layout with your own CSS rules.

Read the tutorial here.

Fifa World Cup Chart

Creating a FIFA World Cup Statistics Chart

Since the FIFA World Cup 2010 is in progress I was thinking that it would be interesting to create a statistics chart with all FIFA editions dating back to 1930, to see how things have evolved. Included for each year: how many teams have participated, how many matches were played each year, how many goals were scored each year, average goal per year and attendances per year.


Final Result


Creating a Dreamweaver Chart (more…)

Page 2 of 912345...Last »