Internet Publishing / Dreamweaver
42
Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems [email protected] www.msu.edu/~reesel 517-355-6580
description
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 - PowerPoint PPT Presentation
Transcript of Internet Publishing / Dreamweaver
Internet Publishing / Dreamweaver
Luke E. Reese
ANR Educ. and Communication Systems
www.msu.edu/~reesel
517-355-6580
Definitions
Web page versus Web siteHomepage
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 / HTML files
ServerServes HTMLHost nameUnique filename(s)
BrowserRequests HTMLDisplays HTML
HTML Editor (Dreamweaver)Edits HTML
Browser AssumptionsBrowser Assumptions
NetscapeVersion 4.x – 7.x
Internet ExplorerVersion 4.x – 6.0.x
Designed for screen not printingScreen resolution
640 x 480, 800 x 600, 1024 x 768, 1280 x 1024Fonts
Browser controlled
Files / FilenamesFiles / Filenames
No spacesNo capitalization if possibleShort but descriptiveindex.html or index.htm
Default (one per directory)Table of contents
One root directory (folder) for all filesMay use subdirectories (folder) under root
Define Site Define Site
Define folder on local systemSet up server locationSet up transfer protocol (ftp)
Define SiteDefine Site
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
Define RemoteDefine Remote
Define RemoteDefine Remote
** Enter your directory name (lower case web/)
** Login: PilotID Password: Pilot Password
Sitemap LayoutSitemap Layout
** Home Page: index.html or index.htm
Site DefinedSite Defined
Connecting to ServerConnecting to Server
** Get
** Put
SynchronizeSynchronize
Your URL
www.msu.edu/~PilotID/filenameTip use default filename index.html
Link to other files from index.htm
Html Editing
Formatting AssumptionsFormatting Assumptions
Formatted for screenNo 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 workGraphics
.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>
DreamweaverDreamweaver
Floating PalettesFloating Palettes
Window Menu (on/off)ObjectsProperties
Objects / Properties Palettes
Objects / Properties Palettes
ViewsViewsCodeDesignCode and Design
(Refresh)
Rulers and GridRulers and Grid
Rulers (Pixils)Grid (Snap To)
Resolution (Design)Resolution (Design)
Text Properties PaletteFonts
Fixed Width Variable Width Family Size (relative) Color (web safe)
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
HyperLinks
Two partsSource 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)http://
File or location on same server (relative reference)filename
Self addressed stamped emailemailto:emailaddress
File ExtensionsFile Extensions
.htm or .htmlAutomatic load
.pdfLoads reader plugin if on computer
.doc, .ppt, .xls IE – loads miniviewerNetscape – open or save
.jpg, .gif, .pngAutomatic load
.exe or otherOpen or save
ImagesImages
InsertInsert menu
ImageImage button Image must exist and reside locally or may be linked (absolute reference)
Cannot copy and paste an image from another application
Image Properties PaletteSize (pixils)
Resize carefully Placement and text wrap
Use tableNo editingAlt tagTypes
.jpg / .jpeg photos
.gif line art transparent color
.png
Tables
InsertInsert menu
TableTable button
Table Uses / Properties
UsesSpacingAlignment
Borders (off or 0 for spacing/alignment)EmbedProperties
TableRowCell
Table Properties Palette
Item SelectionItem Selection
Item SelectionItem Selection
Page PropertiesPage Properties
Page titlePage background
ColorImage
Tips
Netscape Browser File menuEdit pageSave As
Right mouse buttonImagesSave As
Spell CheckLine Break <Shift> <Enter>
Local versus Server Review
Local versus Server Review
LocalA:, C:, Zip, CD-ROMAvailable only to that computer
RemoteServer softwareAvailable 24/7Available to all Internet users
TipCreate file structure on local in one root folder (relative reference)Replicate on remote
Filenaming ReviewFilenaming Review
CaSe SensitivESuggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape may
not load file
Useful SoftwareUseful Software
Paint Shop Prowww.jasc.com/download_4.asp
WSFTP - Lite ipswitch.com/cgi/download_eval.pl?product=WL-1000
www.ftpplanet.com/download.htm
PDFPDF
CD-ROM CreationCD-ROM Creation
