internet publishing / dreamweaver
DESCRIPTION
Internet Publishing / Dreamweaver. Luke E. Reese ANR Educ. and Communication Systems [email protected] 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 - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/1.jpg)
Internet Publishing / Dreamweaver
Luke E. Reese
ANR Educ. and Communication Systems
www.msu.edu/~reesel
517-355-6580
![Page 2: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/2.jpg)
Definitions
Web page versus Web siteHomepage
The base hypermedia document for an individual or organization (usually index.htm or index.html)
HTML HyperText Markup Language
Plain Text <Tags>
![Page 3: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/3.jpg)
Server / Browser / HTML files
Server / Browser / HTML files
ServerServes HTMLHost nameUnique filename(s)
BrowserRequests HTMLDisplays HTML
HTML Editor (Dreamweaver)Edits HTML
![Page 4: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/4.jpg)
Browser AssumptionsBrowser Assumptions
NetscapeVersion 4.x – 7.x
Internet ExplorerVersion 4.x – 6.0.x
Designed for screen not printingScreen resolution
640 x 480, 800 x 600, 1024 x 768, 1280 x 1024Fonts
Browser controlled
![Page 5: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/5.jpg)
Files / FilenamesFiles / Filenames
No spacesNo capitalization if possibleShort but descriptiveindex.html or index.htm
Default (one per directory)Table of contents
One root directory (folder) for all filesMay use subdirectories (folder) under root
![Page 6: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/6.jpg)
Define Site Define Site
Define folder on local systemSet up server locationSet up transfer protocol (ftp)
![Page 7: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/7.jpg)
Define SiteDefine Site
![Page 8: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/8.jpg)
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
![Page 9: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/9.jpg)
Define RemoteDefine Remote
![Page 10: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/10.jpg)
Define RemoteDefine Remote
** Enter your directory name (lower case web/)
** Login: PilotID Password: Pilot Password
![Page 11: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/11.jpg)
Sitemap LayoutSitemap Layout
** Home Page: index.html or index.htm
![Page 12: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/12.jpg)
Site DefinedSite Defined
![Page 13: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/13.jpg)
Connecting to ServerConnecting to Server
** Get
** Put
![Page 14: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/14.jpg)
SynchronizeSynchronize
![Page 15: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/15.jpg)
Your URL
www.msu.edu/~PilotID/filenameTip use default filename index.html
Link to other files from index.htm
![Page 16: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/16.jpg)
Html Editing
![Page 17: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/17.jpg)
Formatting AssumptionsFormatting Assumptions
Formatted for screenNo 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 workGraphics
.jpg.gif
![Page 18: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/18.jpg)
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>
![Page 19: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/19.jpg)
DreamweaverDreamweaver
![Page 20: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/20.jpg)
Floating PalettesFloating Palettes
Window Menu (on/off)ObjectsProperties
![Page 21: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/21.jpg)
Objects / Properties Palettes
Objects / Properties Palettes
![Page 22: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/22.jpg)
ViewsViewsCodeDesignCode and Design
(Refresh)
![Page 23: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/23.jpg)
Rulers and GridRulers and Grid
Rulers (Pixils)Grid (Snap To)
![Page 24: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/24.jpg)
Resolution (Design)Resolution (Design)
![Page 25: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/25.jpg)
Text Properties PaletteFonts
Fixed Width Variable Width Family Size (relative) Color (web safe)
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
![Page 26: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/26.jpg)
HyperLinks
Two partsSource document text or image Link (location, file, target, mailto)
![Page 27: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/27.jpg)
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 emailemailto:emailaddress
![Page 28: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/28.jpg)
File ExtensionsFile Extensions
.htm or .htmlAutomatic load
.pdfLoads reader plugin if on computer
.doc, .ppt, .xls IE – loads miniviewerNetscape – open or save
.jpg, .gif, .pngAutomatic load
.exe or otherOpen or save
![Page 29: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/29.jpg)
ImagesImages
InsertInsert menu
ImageImage button Image must exist and reside locally or may be linked (absolute reference)
Cannot copy and paste an image from another application
![Page 30: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/30.jpg)
Image Properties PaletteSize (pixils)
Resize carefully Placement and text wrap
Use tableNo editingAlt tagTypes
.jpg / .jpeg photos
.gif line art transparent color
.png
![Page 31: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/31.jpg)
Tables
InsertInsert menu
TableTable button
![Page 32: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/32.jpg)
Table Uses / Properties
UsesSpacingAlignment
Borders (off or 0 for spacing/alignment)EmbedProperties
TableRowCell
![Page 33: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/33.jpg)
Table Properties Palette
![Page 34: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/34.jpg)
Item SelectionItem Selection
![Page 35: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/35.jpg)
Item SelectionItem Selection
![Page 36: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/36.jpg)
Page PropertiesPage Properties
Page titlePage background
ColorImage
![Page 37: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/37.jpg)
Tips
Netscape Browser File menuEdit pageSave As
Right mouse buttonImagesSave As
Spell CheckLine Break <Shift> <Enter>
![Page 38: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/38.jpg)
Local versus Server Review
Local versus Server Review
LocalA:, C:, Zip, CD-ROMAvailable only to that computer
RemoteServer softwareAvailable 24/7Available to all Internet users
TipCreate file structure on local in one root folder (relative reference)Replicate on remote
![Page 39: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/39.jpg)
Filenaming ReviewFilenaming Review
CaSe SensitivESuggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape may
not load file
![Page 40: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/40.jpg)
Useful SoftwareUseful Software
Paint Shop Prowww.jasc.com/download_4.asp
WSFTP - Lite ipswitch.com/cgi/download_eval.pl?product=WL-1000
www.ftpplanet.com/download.htm
![Page 41: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/41.jpg)
PDFPDF
![Page 42: Internet Publishing / Dreamweaver](https://reader035.vdocuments.us/reader035/viewer/2022081519/56813db2550346895da779c6/html5/thumbnails/42.jpg)
CD-ROM CreationCD-ROM Creation