2. Internet Publishing Luke E. Reese ANR Education and Communication Systems reesel@msu.edu www.msu.edu/~reesel 517-355-6580

3. Outline  Definitions  Basic homepage  HTML Editors  Netscape Composer (single page)  Macromedia Dreamweaver 4.0 (page or site)  Concepts  HyperLinks  Images  Tables  Save As  Publish

4. 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 

5. Basic Homepage Text and Tags The title for my simple homepage that appears on the top browser status bar. My homepage This is my homepage where you can learn about my selected AEE 401 client.

6. Browsers / Assumption  Netscape Navigator  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

7. 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

8. Html Editors

9. Basic Homepage Text and Tags The title for my simple homepage that appears on the top browser status bar. My homepage This is my homepage where you can learn about my selected AEE 401 client.

10. Netscape Composer  File - New  Blank Page  Page from template  Page from wizard  Composer Menu Netscape 4.x Netscape 6.x

11. Dreamweaver  File  New  New from template  Floating Palettes

12. Netscape Composer Editing Screen

13. Dreamweaver Editing Screen

14. Text toolbar  Fonts  Fixed Width  Variable Width  Size (relative)  Color  Enhancement (avoid underline)  Bullet and numbered lists  Indent  Justification Netscape 4.x Netscape 7.x Dreamweaver 4.x

15. 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.xNetscape 7.xDreamweaver 4.x

16. File Links .htm or.html  Automatic load .pdf  Loads reader plugin if on computer .doc,.ppt,.xls  IE – loads miniviewer  Netscape – open or save .jpg,.gif,.png  Automatic load .exe or other  Open or save or plugin

17. HyperLinks  Two parts  Source document text or image  Link (location, file, target, mailto) Netscape 4.xDreamweaver 4.x

18. Tables  Insert  Insert menu  Table  Table button (see below) Netscape 4.xNetscape 7.xDreamweaver 4.x

19. Table Uses / Properties  Uses  Spacing  Alignment  Borders (off or 0 for spacing/alignment)  Embed  Properties  Table  Row  Cell

20. Tables Properties Netscape 7.x Dreamweaver 4.x

21. Images  Insert  Insert menu  Image  Image button (see below)  Image must exist and reside locally or may be linked (absolute reference) Netscape 4.xNetscape 7.xDreamweaver 4.x

22. Images Netscape 7.x

23. Images Dreamweaver 4.x

24. Image Controls  Size (pixils)  Resize carefully  Placement and text wrap  Use table  No editing  Types .jpg /.jpeg  photos .gif  line art  transparent color .png

25. Page Properties  Page title  Page background  Color  Image

26. Filenames  CaSe SensitivE  Suggest all lower case  Short and as descriptive as possible  No spaces (earlier versions of Netscape will not load file)

27. Tips  Netscape Browser File menu  Edit page  Save As  Right mouse button  Images  Save As  Spell Check  Line Break = single space  Paragraph = double space  Multiple object selection or with mouse click

28. Local versus Remote Server  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  Replicate on remote  Relative reference

29. Remote Server Space  AFS space  50 MB  Hostname  pilot.msu.edu  Campus labs  P: drive  /web folder

30. WS-FTP

31. 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 Netscape 4. X Publish to AFS Space  Publish button ftp://www.msu.edu/msu/user/X/Y/PILOTLOGIN/web/

32. Dreamweaver Site Management  Similar to FTP  Define local and remote sites  Synchronize

33. Dreamweaver Site Management

36. 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

37. 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

38. PDF

39. CD-ROM Creation

40. Internet Publishing