Class Powerpoint

Download Report

Transcript Class Powerpoint

Internet Publishing / Dreamweaver
Luke E. Reese
CARRS
[email protected]
www.msu.edu/~reesel
517-353-3258
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
<Tags>
Server / Browser / HTML files

Server




Browser



Serves HTML
Host name
Unique filename(s)
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 (folders) under root
Define Site
 Set
up and 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 Local
** Put ALL web site files in this folder or subfolders
Define Remote
Define Remote
** Login: PilotID Password: ******
** Substitute your directory name if used (e.g., aee211)
Sitemap Layout
** Home Page: index.html or index.htm
Site Defined
Connecting to Server
** Put
** Get
Synchronize



Your URL
www.msu.edu/~pilotid/directory/filename
 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
<HTML>
<HEAD>
<TITLE> The title for my simple homepage
that appears on the top browser status
bar.</TITLE>
</HEAD>
<BODY>
<H1> My homepage</H1>
<P> This is my homepage where you can learn
about my selected AEE 401 client.</P>
</BODY>
</HTML>
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

#name of defined target
 External

(internal to the file)
file or location (absolute reference)
http://
 Internal
file or location on same server (relative
reference)

filename
 Self

addressed stamped email
mailto:emailaddress
File Extensions

.htm or .html


.pdf



IE – loads miniviewer
Netscape – open or save
.jpg, .gif, .png


Loads reader plugin if on computer
.doc, .ppt, .xls


Automatic load
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)


Placement and text wrap




Resize carefully
Use table
No editing
Alt tag
Types

.jpg / .jpeg


.gif



photos
.png
line art
transparent color
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
Item Selection
Page Properties
 Page
title
 Page background
 Color
 Image
Tips
 IE
/ Netscape Browser File menu
 Edit
Page (Netscape only)
 Save As or Save Page As
 Right
mouse button
 Images
 Save As
 Spell
Check
 Line Break <Shift> <Enter>
Local versus Server Review

Local



Remote




A:, C:, Zip, CD-ROM
Available only to that computer
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
 Short
all lower case
and as descriptive as possible
 No spaces (earlier versions of Netscape may
not load file
Server Space
 AFS
 64
space
MB
 Hostname
 afs.msu.edu