internet publishing / dreamweaver luke e. reese carrs [email protected] reesel 517-353-3258
Post on 21-Dec-2015
214 views
TRANSCRIPT
Internet Publishing / Dreamweaver
Luke E. Reese
CARRS
www.msu.edu/~reesel
517-353-3258
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>
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
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
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
Define Site Define Site
Set up and define folder on local systemSet up server locationSet up transfer protocol (ftp)
Define SiteDefine Site
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
Define LocalDefine Local
** Put ALL web site files in this folder or subfolders
Define RemoteDefine Remote
Define RemoteDefine Remote
** Substitute your directory name if used (e.g., aee211)
** Login: PilotID Password: ******
Sitemap LayoutSitemap Layout
** Home Page: index.html or index.htm
Site DefinedSite Defined
Connecting to ServerConnecting to Server
** Get
** Put
SynchronizeSynchronize
Your URL
www.msu.edu/~pilotid/directory/filenameTip use default filename index.html
Link to other files from index.htm
Html Editing
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
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>
DreamweaverDreamweaver
Floating PalettesFloating Palettes
Window Menu (on/off) Objects Properties
Objects / Properties Palettes
Objects / Properties Palettes
ViewsViewsCodeDesignCode and Design
(Refresh)
Rulers and GridRulers and Grid
Rulers (Pixils)Grid (Snap To)
Resolution (Design)Resolution (Design)
Text Properties PaletteFonts
Fixed Width Variable Width Family Size (relative) Color (web safe)
Enhancement (avoid underline)Bullet and numbered listsIndentJustification
HyperLinks
Two parts Source document text or image Link (location, file, target, mailto)
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
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
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
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
Tables
Insert Insert menu
Table Table button
Table Uses / Properties
Uses Spacing Alignment
Borders (off or 0 for spacing/alignment)EmbedProperties
Table Row Cell
Table Properties Palette
Item SelectionItem Selection
Item SelectionItem Selection
Page PropertiesPage Properties
Page titlePage background
Color Image
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>
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
Filenaming ReviewFilenaming Review
CaSe SensitivE Suggest all lower case
Short and as descriptive as possibleNo spaces (earlier versions of Netscape may
not load file
Server Space
AFS space 64 MB
Hostname afs.msu.edu