DefinitionsServer / Browser / HTML filesBrowser AssumptionsFiles / FilenamesYour URLDreamweaver Html EditingFormatting AssumptionsBasic Homepage Text and TagsDreamweaver CS3 - LabsDreamweaver CS3Floating PalettesObjects / Properties PalettesViewRulers and GridResolution (Design)Text Properties PaletteHyperLinksHyperlink TypesFile ExtensionsInternet Publishing / DreamweaverNotes Williams and Tollett, pg 47-112, 155--184)Definitions- Web page versus Web site- Homepage o The base hypermedia document for an individual or organization (usually index.htm or index.html)- HTML HyperText Markup Languageo Plain Texto <Tags>Server / Browser / HTML files- Servero Serves ______________o Host name (______________)o Unique filename(s)- Browsero Requests HTMLo ______________ HTML- HTML Editor (Dreamweaver)o Creates and edits HTML Browser Assumptions- Netscape 4.x – 7.x- Mozilla Firefox 1.5-2.x- Internet Explorer 4.x – 8.x (based on Firefox)- Chrome 0.X- Designed for ____________________________- Screen resolutiono 640 x 480, 800 x 600, 1024 x 768, 1280 x 1024- Fontso Browser controlledFiles / Filenames- Recommended file naming syntaxo No ______________o No ______________ if possibleo No special characters (i.e., #)o Short but descriptive- Organize all files in a foldero May use subdirectories (folders) under root- index.html or index.htm o ______________ (can replicate in each directory)o Table of contentso Html is default if you have bothYour URL- www.msu.edu/~NetId/directory/filenameo /web is not included in your URLo /directory is only there if you have a sub foldero Filename must be exact match including the file extensiono Everything to the right of the domain is case sensitive- P:\web\... is ______________ your URL!- Default filename index.htmlo Link to other files from index.htmlDreamweaver Html EditingFormatting Assumptions- Formatted for ______________ (resolution)- No ____________________________ (use pdf)- No ____________________________ (use tables)- No ______________ (use pdf or tables)- ______________ computer specific (use pdf for fixed format)- Copy and Paste will not always work- Graphics are ______________ files- Graphic file formatso .jpgo .gifo .pngBasic Homepage Text and TagsDreamweaver CS3 - Labs- Start ->All Programs->Development Apps->Dreamweaver CS3->Adobe Dreamweaver CS3Dreamweaver CS3Floating Palettes- Window Menu (on/off)o Objectso PropertiesObjects / Properties PalettesView- Code- Design- Code and Design (Refresh)Rulers and Grid- View menuo Rulers (Pixils)o ______________ (Snap To)Resolution (Design)Text Properties Palette- Fontso Fixed Widtho Variable Widtho Familyo Size (relative)o Color (web safe)- Enhancement (avoid ______________)- Bullet and numbered lists- Indent- JustificationHyperLinks- ______________ parts1. Source document text or image 2. Link (location, file, target, mailto)Hyperlink Types1. Internal file or location on same server (relative reference)o ______________2. External file or location (absolute reference)o ______________3. Target/Anchor (internal to the file)o #name of defined target4. Self addressed stamped emailo mailto:emailaddressFile Extensions- .htm or .htmlo Automatic load- . jpg, .gif, .pngo Automatic load- pdfo Loads reader plugin if on computer- .doc, .ppt, .xls o IE – loads miniviewero Netscape, Firefox – open or save- .exe or othero Open or saveGood and Bad Web site exercise due October 2, 2008. Store file in “wwwexercise” folder under \web. URL you will submit via Angel will look similar to this: