Internet Publishing
39
Internet Publishing Luke E. Reese ANR Education and Communication Systems [email protected] www.msu.edu/~reesel 517-355-6580
description
Internet Publishing. Luke E. Reese ANR Education and Communication Systems [email protected] www.msu.edu/~reesel 517-355-6580. Outline. Definitions Basic homepage HTML Editors Netscape Composer (single page) Macromedia Dreamweaver 4.0 (page or site) Concepts HyperLinks Images Tables - PowerPoint PPT Presentation
Transcript of Internet Publishing
Internet PublishingLuke E. Reese
ANR Education and Communication Systems
www.msu.edu/~reesel
517-355-6580
OutlineDefinitionsBasic homepageHTML Editors
Netscape Composer (single page)Macromedia Dreamweaver 4.0 (page or site)
ConceptsHyperLinksImagesTablesSave AsPublish
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>
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>
Browsers / AssumptionBrowsers / Assumption
Netscape NavigatorVersion 4.x – 7.x
Internet ExplorerVersion 4.x – 6.0.x
Screen resolution640 x 480, 800 x 600, 1024 x 768, 1280 x 1024
PrintingFonts
Browser controlled
Formatting AssumptionsFormatting Assumptions
No page breaks (use pdf)No tabs or indentions (use tables)No columns (use tables)Fonts computer specific (use pdf or graphic)Copy and Paste will not always workGraphics
.jpg.gif
Html Editors
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>
Netscape Composer
File - NewBlank PagePage from templatePage from wizard
Composer MenuNetscape 4.x
Netscape 6.x
Dreamweaver
FileNewNew from template
Floating Palettes
Netscape Composer Editing Screen
Netscape Composer Editing Screen
Dreamweaver Editing Screen
Dreamweaver Editing Screen
Text toolbarFonts
Fixed Width Variable Width Size (relative) Color
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
Netscape 4.x
Netscape 7.x
Dreamweaver 4.x
Links
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 emailmailto:emailaddress
Netscape 4.x Netscape 7.x Dreamweaver 4.x
File LinksFile Links
.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 or plugin
HyperLinks
Two partsSource document text or image Link (location, file, target, mailto)
Netscape 4.x Dreamweaver 4.x
Tables
InsertInsert menu
TableTable button (see below)
Netscape 4.x Netscape 7.x Dreamweaver 4.x
Table Uses / Properties
UsesSpacingAlignment
Borders (off or 0 for spacing/alignment)EmbedProperties
TableRowCell
Tables Properties
Netscape 7.x
Dreamweaver 4.x
ImagesImages
InsertInsert menu
Image
Image button (see below)
Image must exist and reside locally or may be linked (absolute reference)
Netscape 4.x Netscape 7.x Dreamweaver 4.x
Images
Netscape 7.x
Images
Dreamweaver 4.x
Image Controls
Size (pixils)Resize carefully
Placement and text wrapUse table
No editingTypes
.jpg / .jpegphotos
.gif line art transparent color
.png
Page PropertiesPage Properties
Page titlePage background
ColorImage
FilenamesFilenames
CaSe SensitivESuggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape will
not load file)
Tips
Netscape Browser File menuEdit pageSave As
Right mouse buttonImagesSave As
Spell CheckLine Break <Shift> <Enter> = <br> single spaceParagraph <Enter> = <p> double spaceMultiple object selection <Ctrl> or <Shift> with mouse
click
Local versus Remote Server
Local versus Remote Server
LocalA:, C:, Zip, CD-ROMAvailable only to that computer
RemoteServer softwareAvailable 24/7Available to all Internet users
TipCreate file structure on localReplicate on remoteRelative reference
Remote Server Space
AFS space 50 MB
Hostnamepilot.msu.edu
Campus labsP: drive/web folder
WS-FTPWS-FTP
Where:X = first letter of your Pilot login in lower caseY = second letter of your Pilot login in lower casePILOTLOGIN = your Pilot login in lower caseUser name: = your Pilot login in lower casePassword: = your Pilot password
Netscape 4. X Publish to AFS Space
Publish buttonftp://www.msu.edu/msu/user/X/Y/PILOTLOGIN/web/
Dreamweaver Site Management
Dreamweaver Site Management
Similar to FTPDefine local and remote sitesSynchronize
Dreamweaver Site Management
Dreamweaver Site Management
Dreamweaver Site Management
Dreamweaver Site Management
Dreamweaver Site Management
Dreamweaver Site Management
Your URL
www.msu.edu/user/yourpilotlogin/optionalfolder/filename
or www.msu.edu/~yourpilotlogin/optionalfolder/filenameTip
index.html or index.htm (default)Link to other files from index.htm
URL using default filename index.htmwww.msu.edu/~reesel
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
Internet Publishing
