Internet Publishing / Dreamweaver

1
Internet Publishing / Dreamweaver

• Luke E. Reese
• ANR Educ. and Communication Systems
• reesel_at_msu.edu
• www.msu.edu/reesel
• 517-355-6580

2
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
• ltTagsgt

3
Server / Browser / HTML files

• Server
• Serves HTML
• Host name
• Unique filename(s)
• Browser
• Requests HTML
• Displays HTML
• HTML Editor (Dreamweaver)
• Edits HTML

4
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

5
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

6
Define Site

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

7
Define Site
8
Define Local
Put ALL web site files in this folder or
subfolders
9
Define Remote
10
Define Remote
Login PilotID Password Pilot Password
Enter your directory name (lower case web/)
11
Sitemap Layout
Home Page index.html or index.htm
12
Site Defined
13
Connecting to Server
Put
Get
14
Synchronize
?
?
?
15
Your URL

• www.msu.edu/PilotID/filename
• Tip use default filename index.html
• Link to other files from index.htm

16
Html Editing
17
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

18
Basic Homepage Text and Tags
ltHTMLgt ltHEADgt ltTITLEgt The title for my simple
homepage that appears on the top browser status
bar.lt/TITLEgt lt/HEADgt ltBODYgt ltH1gt My
homepagelt/H1gt ltPgt This is my homepage where you
can learn about my selected AEE 401
client.lt/Pgt lt/BODYgt lt/HTMLgt
19
Dreamweaver
20
Floating Palettes

• Window Menu (on/off)
• Objects
• Properties

21
Objects / Properties Palettes
22
Views

• Code
• Design
• Code and Design (Refresh)

23
Rulers and Grid

• Rulers (Pixils)
• Grid (Snap To)

24
Resolution (Design)
25
Text Properties Palette

• Fonts
• Fixed Width
• Variable Width
• Family
• Size (relative)
• Color (web safe)
• Enhancement (avoid underline)
• Bullet and numbered lists
• Indent
• Justification

26
HyperLinks

• Two parts
• Source document text or image
• Link (location, file, target, mailto)

27
Hyperlink Types

• Target/Anchor (internal to the file)
• name of defined target
• Specific file or location (absolute reference)
• http//
• File or location on same server (relative
  reference)
• filename
• Self addressed stamped email
• emailtoemailaddress

28
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

29
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

30
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

31
Tables

• Insert
• Insert menu
• Table
• Table button

32
Table Uses / Properties

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

33
Table Properties Palette
34
Item Selection
35
Item Selection
36
Page Properties

• Page title
• Page background
• Color
• Image

37
Tips

• Netscape Browser File menu
• Edit page
• Save As
• Right mouse button
• Images
• Save As
• Spell Check
• Line Break ltShiftgt ltEntergt

38
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

39
Filenaming Review

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

40
Useful Software

• Paint Shop Pro
• www.jasc.com/download_4.asp
• WSFTP - Lite
• ipswitch.com/cgi/download_eval.pl?productWL-1000
• www.ftpplanet.com/download.htm

41
PDF
42
CD-ROM Creation