Internet Publishing / DreamweaverDefinitionsServer / Browser / HTML filesBrowser AssumptionsFiles / FilenamesYour URLHtml EditingFormatting AssumptionsBasic Homepage Text and TagsDreamweaver CS3 - LabsDreamweaver CS3Tools and Panels (Dock or Floating)Insert Bar / Property InspectorView MenuView Menu (Rulers and Grid)Resolution (Design)Text Properties PHyperLinksHyperlink TypesFile ExtensionsPreviewImagesImage Properties PaletteSlide 24TablesTable Uses / PropertiesTable Properties PaletteRow Properties PaletteCell Properties PaletteInsert Rows/Merge CellsHorizontal RuleTag SelectionPage PropertiesTipsCheck SpellingCascading Style SheetWWW NavigationText LinkFlash TextFlash ButtonRollover ImageMapped ImageSpry MenuSlide 44Manage SitesLocal versus Server ReviewFilenaming ReviewDefine SiteManage SiteDefine LocalDefine Remote (FTP access)AFS space accessDefine RemoteSitemap LayoutConnecting to SiteShow Local and RemoteTransfer filesSynchronizeSite Definition AdvantagesAFS Server SpaceLuke E. ReeseBiosystems & Ag. Engr. [email protected]/~reesel517-353-3258Web page versus Web siteHomepage The base hypermedia document for an individual or organization (usually index.htm or index.html)HTML ()Plain Text<Tags>.html, .htm extensionsXHTML (eXtensible HyperText Markup Language)Different supported <Tags>Backwards compatibilityCSSServerServes HTMLHost name (domain)Unique filename(s)BrowserRequests HTMLDisplays HTMLHTML Editor (Dreamweaver)Creates and edits HTMLMozilla Firefox 1.5-3.xInternet Explorer 4.x – 8.xChrome 0.xSafari 4.xDesigned for screen not printingScreen resolution640 x 480, 800 x 600, 1024 x 768, 1280 x 1024FontsComputer / browser controlledRecommended file naming syntaxNo spacesNo capitalization if possibleNo special characters (i.e., #)Short but descriptiveOrganize all files in a folderMay use subdirectories (folders) under rootindex.html or index.htm Default (can replicate in each directory)Table of contentsHtml is default if you have bothwww.msu.edu/~NetId/directory/filename/web is not included in your URL/directory is only there if you have a sub folderFilename must be exact match including the file extensionEverything to the right of the domain is case sensitiveP:\web\... is NOT your URL!Default filename index.htmlLink to other files from index.htmlDreamweaverFormatted for screen (resolution)No page breaks (use pdf)No tabs or indentions (use tables)No columns (use pdf or tables)Fonts computer specific (use pdf for fixed format)Copy and Paste will not always workGraphics are linked filesGraphic file formats.jpg.gif.png<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>StartAll ProgramsDevelopment AppsDreamweaver CS3Adobe Dreamweaver CS3Window Menu (on/off)InsertPropertiesFilesCodeDesignCode and Design (Refresh)Rulers (Pixils)Grid (*Snap To) Edit window must be minimizedFonts Fixed Width Variable Width Family Size (relative) Color (web safe)Enhancement (avoid underline)Bullet and numbered listsIndent / OutdentJustificationLinkTwo parts1. Source document text or image 2. Link (location, file, target, mailto)Internal file or location on same server (relative reference)filenameExternal file or location (absolute reference)http://Target/Anchor (internal to the file)#name of defined targetSelf addressed stamped emailmailto:emailaddress.htm or .htmlAutomatic load. jpg, .gif, .pngAutomatic loadpdfLoads reader plugin if on computer.doc, .ppt, .xls IE – loads miniviewerNetscape – open or save.exe or otherOpen or saveInsert <img src=>Insert menuImageImage button Image must exist and reside locally (relative reference) or may be linked (absolute reference)Cannot copy and paste an image from another applicationSize (pixils)Resize carefully and maintain aspect ratioPlacement and text wrapUse tableLimited editing CS3Alt tagTypes.jpg.gif .pngInsertInsert menuTableTable buttonUsesSpacingAlignmentBorders (off or 0 for spacing/alignment)EmbedPropertiesTable <table>Row <tr> or <th>Cell <td>Inside a rowRight mouse clickSelect TableInsert -> HTML -> Horizontal Rule <hr>Page titlePage backgroundColorImageBrowser File menuSave As or Save Page AsRight mouse buttonImagesSave AsText menu – Check SpellingLine Break <Shift> <Enter>Text menuCheck Spelling (Shift + F7)Inline or External FileSeparates formatting from contentExternal file can be applies to multiple files (e.g., entire site)Tag, Class or AdvancedType TextUse Link field on Properties PaletteInsert Menu –> Media –> Flash TextInsert Menu –> Media –> Flash ButtonInsert menu -> Image Object -> Rollover ImageInsert menu -> Spry -> Spry Menu BarHorizontal or VerticalHierarchy CSS Style SheetLocalA:, C:, Zip, Jump Drive, CD-ROMAvailable only to that computerRemoteServer softwareAvailable 24/7Available to all Internet usersTipCreate file structure on local in one root folder (relative reference)Replicate on remoteCaSe SensitivESuggest all lower caseShort and as descriptive as possibleNo spaces (earlier versions of Netscape may not load fileSet up and define folder on local systemSet up server locationSet up transfer protocol (ftp)** Put ALL web site files in this folder or subfoldersAccess - FTPFTP Host – afs.msu.eduHost Directory – web/portfolioLogin – NetIdPassword – NetId password** Substitute your directory name if used (e.g., web/portfolio)** Login: NETid Password: ******** Home Page: index.html or index.htm1. Choose site2. Choose connect3. Enter password123** Get** PutMoving & renaming filesAll links are updatedDependent files are transferredSynchronizationHostnameafs.msu.eduSpace1 GB\web folder publicWeb
View Full Document