Web Publishing Powerpoint

Download Report

Transcript Web Publishing Powerpoint 

Internet Publishing / Dreamweaver
Luke E. Reese
ANR Educ. and Communication Systems
[email protected]
www.msu.edu/~reesel
517-355-6580
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
Serves
HTML
Host name
Unique filename(s)
 Browser
Requests
HTML
Displays HTML
 HTML Editor
Edits
HTML
(Dreamweaver)
Browser Assumptions
 Netscape
Version
 Internet
4.x – 7.x
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
Define Remote
** Login: PilotID Password: Pilot Password
** Enter your directory name (lower case web/)
Sitemap Layout
** Home Page: index.html or index.htm
Site Defined
Connecting to Server
** Put
** Get
Synchronize



Your URL
 www.msu.edu/~PilotID/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
Specific
(internal to the file)
of defined target
file or location (absolute reference)
http://
File
or location on same server (relative reference)
filename
Self
addressed stamped email
emailto:emailaddress
File Extensions
 .htm
or .html
Automatic
load
 .pdf
Loads
 .doc,
reader plugin if on computer
.ppt, .xls
– loads miniviewer
Netscape – open or save
IE
 .jpg,
.gif, .png
Automatic
 .exe
load
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
 Use
and text wrap
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
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 <Shift> <Enter>
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
Short
all lower case
and as descriptive as possible
No spaces (earlier versions of Netscape may
not load file
Useful Software
Paint
Shop Pro
www.jasc.com/download_4.asp
WSFTP -
Lite
ipswitch.com/cgi/download_eval.pl?product=WL-1000
www.ftpplanet.com/download.htm
PDF
CD-ROM Creation