High Quality
Open the downloaded document, and select print from the file menu (PDF reader required).
Working with Web Pages in Dreamweaver 8
updated June 05, 2007
Introduction and Preparation
In this tutorial you will be creating a fictitious book selling web site. Because the web pagesthat you will create will be linked to other pages and images it is important to start by1. creating a folder which will contain your web pages and images. If you will be workingon multiple machines you may want to create this folder on a jumpdrive or floppy disk.Please follow the following protocol for naming your folders and web pages
o
No spaces, extra periods, or special characters (except dashes or underscores)
o
No numbers at the beginning of the file name
o
Every file name must be unique
o
Use lowercased letters2. Within your web site folder create another folder to contain your images.By having all elements of your web site contained within one main folder, you will beless likely to "break links".
Table of Contents
I. Setting Up Your Home PageA. Open Dreamweaver B. Save Your FileC. Give Your Page A Title D. Create A Table II. Adding Content To Your Home Page A. Add A Heading To Your Page B. Text Alignment, Font Face, Color, And Style C. Add Text For Navigation Linking D. Making Hyperlinks E. Resize The Table To Set Up A Large Content Area F. The Content Area Of Your Web PageIII. Creating The Next Web Page A. Save Your Existing Web File With A New Name B. Change The Web Page's TitleC. Remove The Background Image
Page 1
D. Remove Contents From The Content Area Cell Of The TableE. Add Background Color To The Table Cells F. Add New ContentG. Add Unordered (Bulleted) Lists H. Add Ordered (Numbered) ListsI. Add Anchor Links To Your Page IV. Adding A FormA. Insert A Form ObjectB. Form ObjectsC. Insert Text FieldD. Insert CheckboxesE. Insert List/MenuF. Insert Radio ButtonsG. Insert A Multi Line Text FieldH. Insert Submit and Reset Buttons
I. Setting Up Your Home Page
A. Open Dreamweaver
Page 2
The first thing you will see when you open Dreamweaver 8 is the new Start page. This pageprovides quick access to most of the commands you need to get started with Dreamweaver.Begin by choosing "HTML". This will bring up a blank page in either Design view, Code view,or Split view--depending upon the preferences that were set. You can easily switch betweenviews by clicking the "Code", "Split", or "Design" buttons in the objects toolbar. The examplebelow shows the Design View.
B. Save Your File
Save a new copy of your page in the folder that you created as "home.html" by clicking on the"File" menu and "Save As" option. Save frequently to prevent loss of data.
C. Give Your Page A Title
The title of your web page is the title that shows up in the title bar of the Web browser whensomeone opens your page. This title is very important as it is used to bookmark the page inBookmarks (Netscape) or Favorites (Internet Explorer). Some search engines also use it tolist your page.1. Type "Elephant Press" for the title of your page in the top menu bar. You may also go tothe "Modify" menu and select "Page Properties". In the Page Properties Window that opensselect "Title/Encoding" from the category pane and type "Elephant Press" in the title blank.
Page 3
Add a Comment
guerrard08left a comment