The following templates and sample applications show you what you can create with Dreamweaver.

Dreamweaver starter templates

Note: For an overview and brief introduction on how to use the following templates, refer to Chris Converse's article, Customizable starter designs for beginners.

Design #1 / Developer: Chris Converse

Design #1 / Developer: Chris Converse

Features include: CSS-based layout, fluid design elements, sliced Photoshop documents, Ajax assets, and Spry menus.

  1. Download Design 1  (ZIP, 1.3 MB)
Design #2 / Developer: Chris Converse

Design #2 / Developer: Chris Converse

Features include: CSS-based layout, CSS-based navigation, sliced Photoshop documents, Ajax assets, and Spry Accordion.

  1. Download Design 2 (ZIP, 3.4 MB)
Design #3 / Developer: Chris Converse

Design #3 / Developer: Chris Converse

Features include: CSS-based layout, sliced Photoshop documents, Ajax assets, and Spry Accordion.

  1. Download Design 3  (ZIP, 782 KB)
Design #4 / Developer: Chris Converse

Design #4 / Developer: Chris Converse

Features include: CSS-based layout, fluid design elements, sliced Photoshop documents, Ajax assets, and Spry tabbed panels.

  1. Download Design 4  (ZIP, 945 KB)
Design #5 / Developer: Chris Converse

Design #5 / Developer: Chris Converse

Features include: CSS-based layout, transparent design elements, sliced Photoshop documents, Ajax assets, and Spry collapsible panels.

  1. Download Design 5  (ZIP, 4.5 MB)

Note: For an overview and brief introduction on how to use the following templates, refer to Chris Converse's article, Customizable starter designs for web designers.

Design #6 / Developer: Chris Converse

Design #6 / Developer: Chris Converse

Features include: CSS-based layout, fluid and proportional design elements, absolute and inline positioned elements, sliced Photoshop documents, HTML/CSS, Ajax assets, and Spry menus.

  1. Download Design 6  (ZIP, 1.3 MB)
Design #7 / Developer: Chris Converse

Design #7 / Developer: Chris Converse

Features include: CSS-based layout, Spry tabbed panel with transparency, sliced Photoshop documents, HTML/CSS, multi-image fluid design elements, custom jQuery functions for dynamic layout adjustment upon resizing.

  1. Download Design 7  (ZIP, 4.0 MB)
Design #8 / Developer: Chris Converse

Design #8 / Developer: Chris Converse

Features include: CSS-based layout; positioning, stacking, and transparency techniques; sliced Photoshop documents; HTML/CSS; developed as a WordPress theme.

  1. Download Design 8  (ZIP, 4.5 MB)
Design #9 / Developer: Chris Converse

Design #9 / Developer: Chris Converse

Features include: CSS-based layout, dynamic WordPress elements populated into a Spry menu, HTML/CSS, developed as a WordPress theme.

  1. Download Design 9  (ZIP, 1.9 MB)
Design #10 / Developer: Chris Converse

Design #10 / Developer: Chris Converse

Features include: CSS3 media queries, HTML5 semantics, varied image compression, absolute positioning, float properties, CSS sprites, and font styles. For an overview of this template, refer to Customizable starter design for multiscreen development.

  1. Download Design 10  (ZIP, 4.8 MB)
Design #10 / Developer: Chris Converse

Design #11 / Developer: Chris Converse

Features include: jQuery Mobile framework, HTML5 and CSS3, customized CSS overrides, custom imagery, sliced Photoshop document. For an overview of this template, refer to Customizable starter design for jQuery Mobile.

  1. Download Design 11  (ZIP, 1.6 MB)
Design #12 / Developer: Chris Converse

Design #12 / Developer: Chris Converse

Features include: HTML5 video player, custom CSS file with CSS rules overrides for jQuery UI, custom graphic overrides, sliced Photoshop document for creating imagery used by jQuery UI. For an overview of this template, refer to Customizable starter design for HTML5 video.

  1. Download Design 12  (ZIP, 4.1 MB)

Spry

Note: The following demos are a proof of concept for the data capabilities of the Spry framework. They may not be keyboard or screen reader accessible. Please review the FAQ for more information.

Spry Effects Demo / Developer: Spry team

Spry Effects Demo / Developer: Spry team

See what sample effects it is possible to create with Spry.

Spry Form Validation / Developer: Spry team

Spry Form Validation / Developer: Spry team

Get a demonstration of the Spry form validation in action.

Spry Periodic Table / Developer: Don Booth

Spry Periodic Table / Developer: Don Booth

This sample application takes advantage of various Spry techniques.

Spry Photo Gallery / Developer: Spry team

Spry Photo Gallery / Developer: Spry team

This sample application shows an XML-based photo gallery.

Spry Product Table / Developer: Spry team

Spry Product Table / Developer: Spry team

Explore an interactive data grid displaying XML-based data.

Spry RSS Reader / Developer: Spry team

Spry RSS Reader / Developer: Spry team

See how multiple XML files can be used to build a rich interface.