Definitions. Server / Browser / HTML files. Browser Assumptions. Files / Filenames

Transcription

1 Internet Publishing / DreamweaverNtes Williams and Tllett, pg , ) Definitins Web page versus Web site Hmepage The base hypermedia dcument fr an individual r rganizatin (usually index.htm r index.html) HTML HyperText Markup Language Plain Text <Tags><Tags>.html,.htm extensins XHTML (extensible HyperText Markup Language) Different supprted <Tags> Backwards cmpatibility CSS Server / Brwser / HTML files Server Serves Hst name ( ) Unique filename(s) Brwser Requests HTML HTML HTML Editr (Dreamweaver) Creates and edits HTML and XHTML Brwser Assumptins Brwser Assumptins Mzilla Firefx x Internet Explrer 4.x 8.x Chrme 0.x Safari 4.x Designed fr Screen reslutin 640 x 480, 800 x 600, 1024 x 768, 1280 x 1024 Fnts Cmputer / brwser cntrlled Files / Filenames Recmmended file naming syntax N N if pssible N special characters (i.e., #) Shrt but descriptive Organize all files in a flder May use subdirectries (flders) under rt index.html r index.htm

2 (can replicate in each directry) Table f cntents Html is default if yu have bth html and htm Yur URL /web is nt included in yur URL /directry is nly there if yu have a sub flder Filename must be exact match including the file extensin Everything t the right f the dmain is case sensitive P:\web\... is yur URL! Default filename index.html Link t ther files frm index.html Dreamweaver Html Editing Frmatting Assumptins Frmatted fr (reslutin) N (use pdf) N (use tables) N (use pdf r tables) cmputer specific (use pdf fr fixed frmat) Cpy and Paste will nt always wrk Graphics are files Graphic file frmats.jpg.gif.png Basic Hmepage Text and Tags Dreamweaver CS3 Labs Start >All Prgrams >Develpment Apps >Dreamweaver CS3 >Adbe Dreamweaver CS3 Dreamweaver CS3 Interface Tls and Panels (Dck r Flating Windw Menu Insert Prperties Files Insert Bar / Prperty Inspectr View Menu Cde Design Cde and Design (Refresh)

3 View Menu (Rulers and Grid) View menu Rulers (Pixils) (Snap T) Reslutin (Design View) Text Prperties Fnts Fixed Width Variable Width Family Size (relative) Clr (web safe) Enhancement (avid ) Bullet and numbered lists Indent Justificatin HyperLinks parts 1. Surce dcument text r image 2. Link (lcatin, file, target, mailt) Hyperlink Types <a href="url">link</a> 1. Internal file r lcatin n same server (Relative reference) 2. External file r lcatin (Abslute reference) 3. Target/Anchr (internal t the file) #name f defined target 4. Self addressed stamped mailt: address File Extensins.htm r.html Autmatic lad. jpg,.gif,.png Autmatic lad pdf Lads reader plugin if n cmputer.dc,.ppt,.xls IE lads miniviewer Netscape, Firefx pen r save.exe r ther Open r save

4 Preview <F12> Images Insert <img src=> Insert menu, Image Image buttn Image must exist and reside lcally (relative reference) r may be linked (abslute reference) Cannt an image frm anther applicatin Image Prperties Palette Size (pixils) Resize carefully and maintain aspect rati Placement and text wrap Use table Limited editing CS3 Add tag Types.jpg.gif.png Tables Insert Insert menu Table Table buttn Table Uses / Prperties Uses Spacing Alignment Brders (ff r 0 fr spacing/alignment) Embed Prperties Table Rw Cell Table Prperties Palette <table) Rw Prperties Palette <tr> r <th> Cell Prperties Palette <td>

5 Insert Rws/Merge Cells Inside a rw Right muse click Select Table Hrizntal Rule Insert > HTML > Hrizntal Rule <hr> Tag Selectin Page Prperties Page Page backgrund Clr Image Tips Brwser File menu Save As r Save Page As Right muse buttn Images Save As Text menu Check Spelling <Shift> <F7> <Shift> <Enter> = <br /> Check Spelling Text menu Check Spelling Cascading Style Sheet Inline r External File Separates frmatting frm cntent External file can be applies t multiple files (e.g., entire site) Tag, Class r Advanced Gd and Bad Web site exercise due Octber 15, Stre file in wwwexercise flder under \web. Yu will submit URL via Angel and it will lk similar t this: