1. Internet Publishing / Dreamweaver Luke E. Reese Biosystems & Ag. Engr. / CARRS reesel@msu.edu www.msu.edu/~reesel 517-353-3258

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

3. Server / Browser / HTML files  Server  Serves HTML  Host name  Unique filename(s)  Browser  Requests HTML  Displays HTML  HTML Editor (Dreamweaver)  Edits HTML

4. Browser Assumptions  Netscape  Version 4.x – 7.x  Internet Explorer  Version 4.x – 6.0.x  Designed for screen not printing  Screen resolution  640 x 480, 800 x 600, 1024 x 768, 1280 x 1024  Fonts  Browser controlled

5. Files / Filenames  No spaces  No capitalization if possible  Short but descriptive  index.html or index.htm  Default (one per directory)  Table of contents  One root directory (folder) for all files  May use subdirectories (folders) under root

6. Your URL  www.msu.edu/~pilotid/directory/filename  Tip use default filename index.html  Link to other files from index.htm

7. Html Editing

8. Formatting Assumptions  Formatted for screen  No 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 work  Graphics .jpg .gif

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

11. Floating Palettes  Window Menu (on/off)  Objects  Properties

12. Objects / Properties Palettes

13. Views  Code  Design  Code and Design (Refresh)

14. Rulers and Grid  Rulers (Pixils)  Grid (Snap To)

15. Resolution (Design)

16. Text Properties Palette  Fonts  Fixed Width  Variable Width  Family  Size (relative)  Color (web safe)  Enhancement (avoid underline)  Bullet and numbered lists  Indent  Justification

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

18. Hyperlink Types  Target/Anchor (internal to the file)  #name of defined target  External file or location (absolute reference)  http://  Internal file or location on same server (relative reference)  filename  Self addressed stamped email  mailto:emailaddress

19. File Extensions .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

20. Images  Insert  Insert menu  Image  Image button  Image must exist and reside locally (relative reference) or may be linked (absolute reference)  Cannot copy and paste an image from another application

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

22. Tables  Insert  Insert menu  Table  Table button

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

24. Table Properties Palette

25. Item Selection

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

28. Tips  IE / Netscape Browser File menu  Edit Page (Netscape only)  Save As or Save Page As  Right mouse button  Images  Save As  Spell Check  Line Break

29. Local versus Server Review  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 in one root folder (relative reference)  Replicate on remote

30. Filenaming Review  CaSe SensitivE  Suggest all lower case  Short and as descriptive as possible  No spaces (earlier versions of Netscape may not load file

31. Define Site  Set up and define folder on local system  Set up server location  Set up transfer protocol (ftp)

32. Define Site

33. Define Local ** Put ALL web site files in this folder or subfolders

34. Define Local ** Put ALL web site files in this folder or subfolders

35. Define Remote

36. ** Substitute your directory name if used (e.g., aee211) ** Login: PilotID Password: ******

37. Sitemap Layout ** Home Page: index.html or index.htm

38. Site Defined

39. Connecting to Server ** Get ** Put

40. Synchronize   

41. Server Space  AFS space  128 MB  Hostname  afs.msu.edu