Internet Publishing Luke E. Reese 2/16/2019 Internet Publishing Luke E. Reese ANR Education and Communication Systems reesel@msu.edu www.msu.edu/~reesel 517-355-6580 Reese -- www.msu.edu/~reesel
Outline Definitions Basic homepage HTML Editors Concepts Netscape Composer (single page) Macromedia Dreamweaver 4.0 (page or site) Concepts HyperLinks Images Tables Save As Publish
Definitions Web page versus Web site Homepage HTML Internet Publishing HTML and Home pages 09/26/96 2/16/2019 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> Reese -- www.msu.edu/~reesel 6
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 / Assumption Netscape Navigator Internet Explorer Version 4.x – 7.x Internet Explorer Version 4.x – 6.0.x Screen resolution 640 x 480, 800 x 600, 1024 x 768, 1280 x 1024 Printing Fonts Browser controlled
Formatting 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 work Graphics .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 - New Composer Menu Blank Page Page from template Page from wizard Composer Menu Netscape 4.x Netscape 6.x
Dreamweaver File New New from template Floating Palettes
Netscape Composer Editing Screen
Dreamweaver Editing Screen
Text toolbar Fonts Enhancement (avoid underline) Fixed Width Variable Width Size (relative) Color Enhancement (avoid underline) Bullet and numbered lists Indent Justification Dreamweaver 4.x Netscape 7.x Netscape 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 email mailto:emailaddress Netscape 4.x Netscape 7.x Dreamweaver 4.x
File Links .htm or .html .pdf .doc, .ppt, .xls .jpg, .gif, .png Automatic load .pdf Loads reader plugin if on computer .doc, .ppt, .xls IE – loads miniviewer Netscape – open or save .jpg, .gif, .png .exe or other Open or save or plugin
HyperLinks Two parts Source document text or image Link (location, file, target, mailto) Netscape 4.x Dreamweaver 4.x
Tables Insert Insert menu Table button (see below) Table Netscape 4.x Dreamweaver 4.x
Table Uses / Properties Spacing Alignment Borders (off or 0 for spacing/alignment) Embed Properties Table Row Cell
Tables Properties Dreamweaver 4.x Netscape 7.x
Images Insert Insert 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) Placement and text wrap No editing Types Resize carefully Placement and text wrap Use table No editing Types .jpg / .jpeg photos .gif line art transparent color .png
Page Properties Page title Page background Color Image
Filenames CaSe SensitivE Short and as descriptive as possible Suggest all lower case Short and as descriptive as possible No spaces (earlier versions of Netscape will not load file)
Tips Netscape Browser File menu Right mouse button Spell Check Internet Publishing 2/16/2019 Tips Netscape Browser File menu Edit page Save As Right mouse button Images Spell Check Line Break <Shift> <Enter> = <br> single space Paragraph <Enter> = <p> double space Multiple object selection <Ctrl> or <Shift> with mouse click CAAS Computer Center Reese -- www.msu.edu/~reesel 9
Local versus Remote Server 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 Replicate on remote Relative reference
Remote Server Space AFS space Hostname Campus labs 50 MB pilot.msu.edu Internet Publishing HTML and Home pages 09/26/96 2/16/2019 Remote Server Space AFS space 50 MB Hostname pilot.msu.edu Campus labs P: drive /web folder Reese -- www.msu.edu/~reesel 4
WS-FTP
Netscape 4. X Publish to AFS Space Internet Publishing 2/16/2019 Netscape 4. X Publish to AFS Space Publish button ftp://www.msu.edu/msu/user/X/Y/PILOTLOGIN/web/ Where: X = first letter of your Pilot login in lower case Y = second letter of your Pilot login in lower case PILOTLOGIN = your Pilot login in lower case User name: = your Pilot login in lower case Password: = your Pilot password Reese -- www.msu.edu/~reesel
Dreamweaver Site Management Similar to FTP Define local and remote sites Synchronize
Dreamweaver Site Management
Dreamweaver Site Management
Dreamweaver Site Management
Your URL www.msu.edu/user/yourpilotlogin/optionalfolder/filename or Internet Publishing 2/16/2019 Your URL www.msu.edu/user/yourpilotlogin/optionalfolder/filename or www.msu.edu/~yourpilotlogin/optionalfolder/filename Tip index.html or index.htm (default) Link to other files from index.htm URL using default filename index.htm www.msu.edu/~reesel Reese -- www.msu.edu/~reesel
Useful Software Paint Shop Pro WSFTP - Lite www.jasc.com/download_4.asp WSFTP - Lite ipswitch.com/cgi/download_eval.pl?product=WL-1000 www.ftpplanet.com/download.htm
CD-ROM Creation
Internet Publishing Questions? Internet Publishing 2/16/2019 Reese -- www.msu.edu/~reesel