Showing posts with label Blog Layout Tutorials. Show all posts
Showing posts with label Blog Layout Tutorials. Show all posts

Adding Content to Pages

This tutorial shows you how to add content to web pages in Macromedia Dreamweaver 8. You can add many different kinds of content to web pages, including graphics, Macromedia Flash files, Macromedia Flash Video files, and text, to name a few. After you’ve added content to your pages, you can preview your work in a browser so that you can see what it will look like on the web.

Locate your files
In this tutorial, you’ll begin with the table-based page layout (index.html) that you created in Tutorial: Creating a Table-based Page Layout If you did not complete that tutorial, you can either complete it before proceeding, or you can open the finished version of the tutorial and begin with that.

The finished version of the tutorial, table_layout.html, is located in the completed_files/dreamweaver folder, within the cafe_townsend folder that you copied to your hard disk in Tutorial: Setting Up Your Site and Project Files

NOTE

If you begin this tutorial with the completed table_layout.html file, instead of the index.html file from Tutorial: Creating a Table-based Page Layout some steps and illustrations in the tutorial will not match what you see on your screen.

Review your task
In this tutorial you’ll add assets to the home page for Cafe Townsend, a fictional restaurant. You’ll learn how to add images, a Macromedia Flash file, a Macromedia Flash Video file, and text.


Insert images
After you create your page layout, you are ready to add assets to the page. You’ll start by adding images. You can use several methods to add images to a web page in Dreamweaver. In this section, you’ll add four different images to the index page for Cafe Townsend, using various methods.

Insert and play a Flash file
Next, you’ll insert a Flash file that plays a photographic slide show of Cafe Townsend’s featured food items. The Flash file you’ll insert is a flexible messaging area--or FMA--file. An FMA is a common type of Flash application that displays an informational message to the audience. The message can change based on the needs of the business. For example, if Cafe Townsend is holding a special event, the FMA could easily change (without affecting the rest of the web page) to display information about the event, instead of featured food items.



[ Read More ]

Setting Up Your Site and Project Files

This tutorial introduces you to the concept of a Macromedia Dreamweaver 8 site and shows you how to set up the project files for the Cafe Townsend sample website. In Dreamweaver, a site generally consists of two parts: a collection of files on a local computer (the local site), and a location on a remote web server that you upload the files to when you’re ready to make them publicly available (the remote site). You use the Dreamweaver Files panel to manage the files for your site.

The most common approach to creating a website with Dreamweaver is to create and edit pages on your local disk, and then upload copies of those pages to a remote web server for viewing on the web. In this tutorial you’ll only learn how to set up the local site so that you can begin building web pages right away. Later, after you’ve completed the website, you’ll learn how to create a remote site so that you can upload your files to a web server.

[ Read More ]