Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems

Definitions  Web page versus Web site  Homepage  The base hypermedia document for an individual or organization (usually index.htm or index.html)  HTML  HyperText Markup Language  Plain Text 

Server / Browser / HTML files  Server  Serves HTML  Host name  Unique filename(s)  Browser  Requests HTML  Displays HTML  HTML Editor (Dreamweaver)  Edits HTML

Browser Assumptions  Netscape  Version 4.x – 7.x  Internet Explorer  Version 4.x – 6.0.x  Designed for screen not printing  Screen resolution  640 x 480, 800 x 600, 1024 x 768, 1280 x 1024  Fonts  Browser controlled

Files / Filenames  No spaces  No capitalization if possible  Short but descriptive  index.html or index.htm  Default (one per directory)  Table of contents  One root directory (folder) for all files  May use subdirectories (folder) under root

Define Site  Define folder on local system  Set up server location  Set up transfer protocol (ftp)

Define Site

Define Local ** Put ALL web site files in this folder or subfolders

Define Remote

** Enter your directory name (lower case web/) ** Login: PilotID Password: Pilot Password

Sitemap Layout ** Home Page: index.html or index.htm

Site Defined

Connecting to Server ** Get ** Put

Synchronize   

Your URL   Tip use default filename index.html  Link to other files from index.htm

Html Editing

Formatting Assumptions  Formatted for screen  No page breaks (use pdf)  No tabs or indentions (use tables)  No columns (use pdf or tables)  Fonts computer specific (use pdf or graphic)  Copy and Paste will not always work  Graphics .jpg .gif

Basic Homepage Text and Tags The title for my simple homepage that appears on the top browser status bar. My homepage This is my homepage where you can learn about my selected AEE 401 client.

Dreamweaver

Floating Palettes  Window Menu (on/off)  Objects  Properties

Objects / Properties Palettes

Views  Code  Design  Code and Design (Refresh)

Rulers and Grid  Rulers (Pixils)  Grid (Snap To)

Resolution (Design)

Text Properties Palette  Fonts  Fixed Width  Variable Width  Family  Size (relative)  Color (web safe)  Enhancement (avoid underline)  Bullet and numbered lists  Indent  Justification

HyperLinks  Two parts  Source document text or image  Link (location, file, target, mailto)

Hyperlink Types  Target/Anchor (internal to the file)  #name of defined target  Specific file or location (absolute reference)   File or location on same server (relative reference)  filename  Self addressed stamped  to: address

File Extensions .htm or.html  Automatic load .pdf  Loads reader plugin if on computer .doc,.ppt,.xls  IE – loads miniviewer  Netscape – open or save .jpg,.gif,.png  Automatic load .exe or other  Open or save

Images  Insert  Insert menu  Image  Image button  Image must exist and reside locally or may be linked (absolute reference)  Cannot copy and paste an image from another application

Image Properties Palette  Size (pixils)  Resize carefully  Placement and text wrap  Use table  No editing  Alt tag  Types .jpg /.jpeg  photos .gif  line art  transparent color .png

Tables  Insert  Insert menu  Table  Table button

Table Uses / Properties  Uses  Spacing  Alignment  Borders (off or 0 for spacing/alignment)  Embed  Properties  Table  Row  Cell

Table Properties Palette

Item Selection

Page Properties  Page title  Page background  Color  Image

Tips  Netscape Browser File menu  Edit page  Save As  Right mouse button  Images  Save As  Spell Check  Line Break

Local versus Server Review  Local  A:, C:, Zip, CD-ROM  Available only to that computer  Remote  Server software  Available 24/7  Available to all Internet users  Tip  Create file structure on local in one root folder (relative reference)  Replicate on remote

Filenaming Review  CaSe SensitivE  Suggest all lower case  Short and as descriptive as possible  No spaces (earlier versions of Netscape may not load file

Useful Software  Paint Shop Pro  WSFTP - Lite ipswitch.com/cgi/download_eval.pl?product=WL

PDF

CD-ROM Creation