1 / 42

Internet Publishing / Dreamweaver

Internet Publishing / Dreamweaver. Luke E. Reese ANR Educ. and Communication Systems reesel@msu.edu www.msu.edu/~reesel 517-355-6580. Definitions. Web page versus Web site Homepage The base hypermedia document for an individual or organization (usually index.htm or index.html) HTML

hanzila
Download Presentation

Internet Publishing / Dreamweaver

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • <Tags>

  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. Define Remote ** Login: PilotID Password: Pilot Password ** Enter your directory name (lower case web/)

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

  12. Site Defined

  13. Connecting to Server ** Put ** Get

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

  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

  35. 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 <Shift> <Enter>

  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

More Related