2 DreamWeaver Set Up the Local Site 3 Set up the Local Site Choose the Advanced Tab in the Site Definition dialog box Give your local site a descriptive name Choose the Local root folder this is where you want to store your local site ID: 673105
Download Presentation The PPT/PDF document "DreamWeaver CS4 1 DreamWeaver" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
DreamWeaver
CS4
1Slide2
DreamWeaver
2Slide3
DreamWeaver
: Set Up the Local Site
3
Set up the Local Site
Choose the “Advanced” Tab in the Site Definition dialog box
Give your local site a descriptive name
Choose the “Local root folder” this is where you want to store your local site
Appears in lower rt.Slide4
DreamWeaver Window
4Slide5
DW Home Page: Choose a Layout
5
File Menu, Choose “New”
Select “Blank Page,” “HTML”
“Liquid” means that they layout adjusts to the user’s Web browser window
Choose a layoutSlide6
DW Home Page: Save the Style Sheet
6
DW automatically offers to save the site’s style sheet in the folder you set up to start
Name it based on your site’s name
Click Save
Notice it now appears in your Local Files panelSlide7
DW Home Page: Page Title
7Slide8
DW: Save Your Home Page
8
Click “Save As” on the File Menu
In your local file folder, save your home page
Best practice is to name the home page “index” (this helps Web servers know the main entrance to your site)
Note: not the same as the “Title” you already chose
Added to your Files PanelSlide9
DW Home Page: Add Text
9Slide10
DW: Add Special Characters
10Slide11
DW Headings
11Slide12
DW Lists
12Slide13
DW: Add a Footer
13
Scroll to the bottom of the page and select the layout placeholder “Footer”
Replace this with your own text
Choose CSS in the properties panel
Click the Align Center button to center your footer on the pageSlide14
DW: Modify Text Properties
Best done with CSS Style Sheet formatting
Can be done using CSS properties panel
Select the text
Fontface
Font sizeFont colorSlide15
DW: Add an Image
15Slide16
DW: Modify an Image
16Slide17
DW: Add a Table
17
Press ENTER to start a new paragraph where you want the table
Click the “Table” Button on the Common Tab
Use the Table dialog box to set:
Table width
Headers
Number of rows & columnsSlide18
Modify a Table
18
Type your text into the cells (notice the header cells are bolded)
To add rows or columns, use the Layout Tab
To delete rows or columns:
Highlight the row or column to delete
Hit the BACKSPACE keySlide19
Modify a Table
To change cell alignment:
Click in the cell
HTML Properties Panel
Horizon, Vertical alignment
Right clicking inside the table & choosing “Table” will also bring up a menu of table options for formattingSlide20
Creating Links: Internal
Select the text you want to link to another page in your site
Click the “Point to File” icon (looks like a compass) and drag the file line to the target file in the Files panel
Appears in the Link window on the HTML properties panelSlide21
Creating Links: External
Select the text you want to add an external link to
In the Link text window type the full web address for the outside page, including the ‘http://’
Select “_blank” from the Target drop down menu
Save and testSlide22
Creating Links: E-mail
Select the text you want to link to email
Click the Email Link Button on the Common Tab
The text appears in the top field, add the email address in the bottom field
Click OKSlide23
Creating Links: Anchors
To create an anchor:
Click where you want the anchor
Click the Anchor Button
Type a distinctive name
An Anchor Icon AppearsLink to the Anchor:Select the text to link
In the Link text window type #
Anchorname
Press ENTERSlide24
CSS Styles Tab
Style sheets create formatting rules for parts of your site
Element-based styles
Context-based styles
Class-based styles
Grouped on the CSS Styles tabAll CurrentSlide25
Publish Your Site with DW
Pre-Publishing Options:
Click the Tag Button to
Add Keywords
Site Description
Check & Fix linksFrom the Site Menu, Choose “Check Links
Sitewide
”
Fix any broken linksSlide26
The Files PanelSlide27
Set Up the Remote Site
Choose “Remote Info”
Access = FTP
FTP host:
plaza.ufl.edu
Login: Your usernamePassword: Your passwordChoose “Use passive FTP” unless you’re told otherwise
Click “Test” to test the connection
OKSlide28
FTP Files from Local to Remote
Drag & Drop