eTutorials.org

Chapter: Replace the image placeholder

Replace the image placeholder

  1. In Dreamweaver, open the index.html file that you created in Tutorial: Creating a Table-based Page Layout

    NOTE

     

    If you did not complete Tutorial: Creating a Table-based Page Layout see Locate your files for how to proceed.

  2. Double-click the image placeholder, banner_graphic, at the top of the page.

    This is a picture of the feature being described.

  3. In the Select Image Source dialog box, navigate to the images folder inside the cafe_townsend folder that you defined as your site root folder.
  4. Select the banner_graphic.jpg file and click OK.

    This is a picture of the feature being described.

    Dreamweaver replaces the image placeholder with the banner graphic for Cafe Townsend.

    This is a picture of the feature being described.

  5. Click once outside the table to deselect the image.
  6. Save the page (File > Save).
Top
Dream Weaver Online Help
Getting Started with Dreamweaver
Introduction
Learning Dreamweaver
Dreamweaver Basics
Tutorial: Setting Up Your Site and Project Files
Tutorial: Creating a Table-based Page Layout
Tutorial: Adding Content to Pages
Locate your files
Review your task
Insert images
Replace the image placeholder
Insert an image by using the Insert menu
Insert an image by dragging
Insert an image from the Assets panel
Insert and play a Flash file
Insert Flash Video
Insert text
Create links
Preview your page in a browser
Tutorial: Formatting Your Page with CSS
Tutorial: Publishing Your Site
Tutorial: Working with Code
Tutorial: Creating a CSS-based Page Layout
Tutorial: Displaying XML Data
Tutorial: Developing a Web Application
Understanding Web Applications
Installing a Web Server
Setup for Sample ColdFusion Site
Setup for Sample ASP.NET Site
Setup for Sample ASP Site
Setup for Sample JSP Site
Setup for Sample PHP Site
Dreamweaver Basics