1. Internet Publishing / Dreamweaver Luke E. Reese 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. Define Site  Set up and define folder on local system  Set up server location  Set up transfer protocol (ftp)

7. Define Site

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

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

10. Define Remote

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

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

13. Site Defined

14. Connecting to Server ** Get ** Put

15. Synchronize   

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

17. Html Editing

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

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

20. Dreamweaver

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

22. Objects / Properties Palettes

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

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

25. Resolution (Design)

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

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

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

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

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

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

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

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

34. Table Properties Palette

35. Item Selection

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

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

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

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

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