Internet Publishing / Dreamweaver Luke E. Reese CARRS [email protected] reesel 517-353-3258.
-
date post
21-Dec-2015 -
Category
Documents
-
view
214 -
download
1
Transcript of Internet Publishing / Dreamweaver Luke E. Reese CARRS [email protected] reesel 517-353-3258.
![Page 1: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/1.jpg)
Internet Publishing / Dreamweaver
Luke E. Reese
CARRS
www.msu.edu/~reesel
517-353-3258
![Page 2: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/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 Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/3.jpg)
Server / Browser / HTML files
Server / Browser / HTML files
Server Serves HTML Host name Unique filename(s)
Browser Requests HTML Displays HTML
HTML Editor (Dreamweaver) Edits HTML
![Page 4: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/4.jpg)
Browser AssumptionsBrowser Assumptions
Netscape Version 4.x – 7.x
Internet Explorer Version 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 Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/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 files May use subdirectories (folders) under root
![Page 6: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/6.jpg)
Define Site Define Site
Set up and define folder on local systemSet up server locationSet up transfer protocol (ftp)
![Page 7: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/7.jpg)
Define SiteDefine Site
![Page 8: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/8.jpg)
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
![Page 9: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/9.jpg)
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
![Page 10: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/10.jpg)
Define RemoteDefine Remote
![Page 11: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/11.jpg)
Define RemoteDefine Remote
** Substitute your directory name if used (e.g., aee211)
** Login: PilotID Password: ******
![Page 12: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/12.jpg)
Sitemap LayoutSitemap Layout
** Home Page: index.html or index.htm
![Page 13: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/13.jpg)
Site DefinedSite Defined
![Page 14: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/14.jpg)
Connecting to ServerConnecting to Server
** Get
** Put
![Page 15: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/15.jpg)
SynchronizeSynchronize
![Page 16: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/16.jpg)
Your URL
www.msu.edu/~pilotid/directory/filenameTip use default filename index.html
Link to other files from index.htm
![Page 17: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/17.jpg)
Html Editing
![Page 18: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/18.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 19: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/19.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 20: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/20.jpg)
DreamweaverDreamweaver
![Page 21: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/21.jpg)
Floating PalettesFloating Palettes
Window Menu (on/off) Objects Properties
![Page 22: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/22.jpg)
Objects / Properties Palettes
Objects / Properties Palettes
![Page 23: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/23.jpg)
ViewsViewsCodeDesignCode and Design
(Refresh)
![Page 24: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/24.jpg)
Rulers and GridRulers and Grid
Rulers (Pixils)Grid (Snap To)
![Page 25: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/25.jpg)
Resolution (Design)Resolution (Design)
![Page 26: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/26.jpg)
Text Properties PaletteFonts
Fixed Width Variable Width Family Size (relative) Color (web safe)
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
![Page 27: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/27.jpg)
HyperLinks
Two parts Source document text or image Link (location, file, target, mailto)
![Page 28: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/28.jpg)
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
![Page 29: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/29.jpg)
File ExtensionsFile 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
![Page 30: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/30.jpg)
ImagesImages
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
![Page 31: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/31.jpg)
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
![Page 32: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/32.jpg)
Tables
Insert Insert menu
Table Table button
![Page 33: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/33.jpg)
Table Uses / Properties
Uses Spacing Alignment
Borders (off or 0 for spacing/alignment)EmbedProperties
Table Row Cell
![Page 34: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/34.jpg)
Table Properties Palette
![Page 35: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/35.jpg)
Item SelectionItem Selection
![Page 36: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/36.jpg)
Item SelectionItem Selection
![Page 37: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/37.jpg)
Page PropertiesPage Properties
Page titlePage background
Color Image
![Page 38: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/38.jpg)
Tips
IE / Netscape Browser File menu Edit Page (Netscape only) Save As or Save Page As
Right mouse button Images Save As
Spell CheckLine Break <Shift> <Enter>
![Page 39: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/39.jpg)
Local versus Server Review
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
![Page 40: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/40.jpg)
Filenaming ReviewFilenaming Review
CaSe SensitivE Suggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape may
not load file
![Page 41: Internet Publishing / Dreamweaver Luke E. Reese CARRS reesel@msu.edu reesel 517-353-3258.](https://reader030.fdocuments.in/reader030/viewer/2022032522/56649d6c5503460f94a4be4f/html5/thumbnails/41.jpg)
Server Space
AFS space 64 MB
Hostname afs.msu.edu