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

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 (folder) under root

6. Define Site  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 Remote

10. ** Enter your directory name (lower case web/) ** Login: PilotID Password: Pilot Password

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

12. Site Defined

13. Connecting to Server ** Get ** Put

14. Synchronize   

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

16. Html Editing

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

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

19. Dreamweaver

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

21. Objects / Properties Palettes

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

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

24. Resolution (Design)

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

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

27. Hyperlink Types  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  emailto:emailaddress

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

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

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

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

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

33. Table Properties Palette

34. Item Selection

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

37. Tips  Netscape Browser File menu  Edit page  Save As  Right mouse button  Images  Save As  Spell Check  Line Break

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

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

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

41. PDF

42. CD-ROM Creation