A–C
D–H
I–Z
Developer services
Project centers
Community resources
- Adobe Cookbooks (share code)
- CSS Advisor (browser bug fixes)
- Exchanges (share components)
- Adobe Labs
- Adobe Open Source
- Forums
- RSS feeds
- Bug base
- User groups
- Adobe Community Experts (ACE)
- Developer events
Integration
Product documentation
Downloads
Samples
Training and books
- Online training
- Classroom training
- Certification
- Adobe Developer Library
- Adobe Press
- Safari Books Online
Newsletters
Blogs
Archives
ADC program
Additional resources
Table of Contents
- Introduction
- Exploring the template website
- Embedding Flash video into a web page
- Exploring the code
Presenting video with the Flash video component in Dreamweaver CS3
Exploring the template website
In order to follow the steps in this tutorial, you must install Dreamweaver CS3 and download the farm_cs3.zip sample file from this tutorial's introductory page.
Extract the contents of the farm_cs3.zip sample file you downloaded to a new folder on your desktop called farm. The ZIP file contains an entire Dreamweaver template website, including Flash video (FLV) files. You will work with the files in the farmsite folder during this tutorial. You can compare your work to the finished files in the finished folder.
The website template that you use for the following exercises has a distinct farm theme (see the sample site). The farm site consists of nine main folders, seven templates, a few dozen static HTML pages, and a Cascading Style Sheet (see Figure 1). The purpose of the website is to create a gallery of images and videos for six common farm animals. Each animal has its own subfolder where you store HTML pages specific to that animal. For example, you store pages that display images or videos that relate to chickens in the chickens folder. You use the last three folders (called images, videos, and Templates) to organize the images, videos, and templates for the farm site.
Figure 1. Farm website with its intuitive folder structure
The site has a basic three-column design, where the left column contains the main site navigation and the middle column displays content (text, images, and video). You nest templates in the right column to display thumbnail images for both videos and static images of animals (see Figure 2).
Figure 2. Simple page layout containing thumbnails for the video you embed later on
Using nested templates enables you to add new pages easily to the site and automatically have the subnavigation added for you. Also, making changes to the animal-specific templates causes the changes to cascade to any file using that template. So if you need to modify the subnavigation within the chicken template, all files based on that template are updated automatically.
