internet publishing / dreamweaver luke e. reese anr educ. and communication systems [email protected]...
Post on 21-Dec-2015
216 views
TRANSCRIPT
![Page 1: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/1.jpg)
Internet Publishing / Dreamweaver
Luke E. Reese
ANR Educ. and Communication Systems
www.msu.edu/~reesel
517-355-6580
![Page 2: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/2.jpg)
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>
![Page 3: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/3.jpg)
Server / Browser / HTML files
Server / Browser / HTML files
ServerServes HTMLHost nameUnique filename(s)
BrowserRequests HTMLDisplays HTML
HTML Editor (Dreamweaver)Edits HTML
![Page 4: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/4.jpg)
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
![Page 5: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/5.jpg)
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
![Page 6: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/6.jpg)
Define Site Define Site
Define folder on local systemSet up server locationSet up transfer protocol (ftp)
![Page 7: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/7.jpg)
Define SiteDefine Site
![Page 8: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/8.jpg)
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
![Page 9: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/9.jpg)
Define RemoteDefine Remote
![Page 10: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/10.jpg)
Define RemoteDefine Remote
** Enter your directory name (lower case web/)
** Login: PilotID Password: Pilot Password
![Page 11: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/11.jpg)
Sitemap LayoutSitemap Layout
** Home Page: index.html or index.htm
![Page 12: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/12.jpg)
Site DefinedSite Defined
![Page 13: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/13.jpg)
Connecting to ServerConnecting to Server
** Get
** Put
![Page 14: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/14.jpg)
SynchronizeSynchronize
![Page 15: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/15.jpg)
Your URL
www.msu.edu/~PilotID/filenameTip use default filename index.html
Link to other files from index.htm
![Page 16: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/16.jpg)
Html Editing
![Page 17: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/17.jpg)
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
![Page 18: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/18.jpg)
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>
![Page 19: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/19.jpg)
DreamweaverDreamweaver
![Page 20: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/20.jpg)
Floating PalettesFloating Palettes
Window Menu (on/off)ObjectsProperties
![Page 21: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/21.jpg)
Objects / Properties Palettes
Objects / Properties Palettes
![Page 22: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/22.jpg)
ViewsViewsCodeDesignCode and Design
(Refresh)
![Page 23: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/23.jpg)
Rulers and GridRulers and Grid
Rulers (Pixils)Grid (Snap To)
![Page 24: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/24.jpg)
Resolution (Design)Resolution (Design)
![Page 25: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/25.jpg)
Text Properties PaletteFonts
Fixed Width Variable Width Family Size (relative) Color (web safe)
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
![Page 26: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/26.jpg)
HyperLinks
Two partsSource document text or image Link (location, file, target, mailto)
![Page 27: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/27.jpg)
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
![Page 28: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/28.jpg)
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
![Page 29: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/29.jpg)
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
![Page 30: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/30.jpg)
Image Properties PaletteSize (pixils)
Resize carefully Placement and text wrap
Use tableNo editingAlt tagTypes
.jpg / .jpeg photos
.gif line art transparent color
.png
![Page 31: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/31.jpg)
Tables
InsertInsert menu
TableTable button
![Page 32: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/32.jpg)
Table Uses / Properties
UsesSpacingAlignment
Borders (off or 0 for spacing/alignment)EmbedProperties
TableRowCell
![Page 33: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/33.jpg)
Table Properties Palette
![Page 34: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/34.jpg)
Item SelectionItem Selection
![Page 35: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/35.jpg)
Item SelectionItem Selection
![Page 36: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/36.jpg)
Page PropertiesPage Properties
Page titlePage background
ColorImage
![Page 37: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/37.jpg)
Tips
Netscape Browser File menuEdit pageSave As
Right mouse buttonImagesSave As
Spell CheckLine Break <Shift> <Enter>
![Page 38: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/38.jpg)
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
![Page 39: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/39.jpg)
Filenaming ReviewFilenaming Review
CaSe SensitivESuggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape may
not load file
![Page 40: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/40.jpg)
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
![Page 41: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/41.jpg)
PDFPDF
![Page 42: Internet Publishing / Dreamweaver Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu reesel 517-355-6580](https://reader030.vdocuments.mx/reader030/viewer/2022032521/56649d565503460f94a34d7d/html5/thumbnails/42.jpg)
CD-ROM CreationCD-ROM Creation