Archive for the Tutorials and training Category

Create a CSS image gallery layout in Dreamweaver

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. With the “Insert page section layout” functionality, you can create more detailed and complex CSS layouts for content sections that can be inserted in the full page layouts: article lists, product [...]

How to create a 3 columns CSS layout with header and footer (video)

Creating a CSS layout in Dreamweaver from a PSD design

In this tutorial we will go through the steps of creating a CSS website starting from a layout received from the designer. We will explain how to understand the page structure and how to use the Flexi CSS Layouts to create the CSS layout without coding. Flexi CSS Layouts is an easy to use Dreamweaver [...]

Creating a 3 columns fixed CSS layout in Dreameaver

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 [...]

Creating a FIFA World Cup Statistics Chart using Dreamweaver

Since the FIFA World Cup 2010 finished, maybe it’s time 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 [...]

« Older Entries