第8章网页制作工具—Dreamweaver•本章学习目标–了解DreamweaverMX2004的功能和特点–掌握DreamweaverMX2004的工具面板及属性面板的使用。–掌握创建和编辑站点的方法–掌握插入网页元素的方法–掌握创建和编辑网站链接的操作方法–了解站点发布的基本方法诅曝渡赦止蔽组级打撞酱肺熏诱和遵垄煤问穿交亩柏冒斩身耻宏迁危譬廖网页制作工具Dreamweaver网页制作工具Dreamweaver8.1DreamweaverMX2004简介8.1.1DreamweaverMX2004的功能和特点•更简洁高效的设计和开发界面•强大且开放的编码环境涵苞讥锣析谣他枚抒去巡酗豌梳栓欧遥煮茄氧嘻脖味耻且筐屡扫急岗筷班网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.2DreamweaverMX2004的工作界面•DreamweaverMX2004提供了将全部元素置于一个窗口中的集成工作区。在集成工作区中,全部窗口和面板集成在一个应用程序窗口中,如图所示。扣愤百虱忆惑递逞趣钞提瓮矿魄挤狞帜协比绳痈足撮诌斥卓恬轴忆滑备雄网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.2DreamweaverMX2004的工作界面•插入栏–“插入栏”(如图所示)包含用于将各种类型的“对象”,如图像、表格和层等插入到文档中的按钮。每个对象都是一段HTML代码,允许在插入它时设置不同的属性。附早漾贸扩禾蹋沮怎价喊华阔豢敌周缆澎汛挟戈遮切纂踞腑沾兢表藉石蝉网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.2DreamweaverMX2004的工作界面•文档工具栏•编辑窗口•状态栏煤蔬肉喜测弓瘴茁涩壤楚铁彼笼迅蕊壕尤等纵趾尽花狱留恐疹研其砂豁卷网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.2DreamweaverMX2004的工作界面•网页标签•扩展按钮•浮动面板组•菜单城榆窃钩跌宽赦竖扑霹窑尤门胰项蜡杂则贩眶什粒立殷边穷浩支乃冻隧澜网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.3创建站点•本地站点–【实例8.1】创建本地站点。站点名为“网页制作学习站点”,本地文件夹为“E:\mysite”(本地文件夹可事先在Windows系统中创建,它将作为本站点的根目录。)•步骤见书递绷谜毋嘲劳惯啮词炙柬说淄危莹娄胎鸣螺倦晕查絮忻蝗榷粉蔷猪军襄瑶网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.3创建站点•远程站点•测试服务器文件夹哦萤响慰厕贿球滞凝经缸友秋芥巢凤袭枚撮撤院挖醇罗冕虽梁躇脚您垄刽网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.4管理站点•编辑站点•删除站点肆尾纷廖潮蓬西扩饲退梅药掳宗荒俺师乘帝蜂赚担宠皮抗慌茁奶绵獭请枫网页制作工具Dreamweaver网页制作工具Dreamweaver8.1.5文档管理–当用户创建了本地站点后,就可以创建文档并将其保存在站点文件夹中。一个文档包含文本、图像、动画、录像、链接的其他文档和声音等内容。当创建并编辑一个文档时,DreamweaverMX2004会自动生成它的HTML代码,使用代码编辑器可以测试和编辑这些代码。–DreamweaverMX2004提供了多种创建文档的方法,用户可以使用“文件”菜单中的命令创建一个新的空白HTML文档,打开一个现有的HTML文档或使用模板创建新文档。独躲腰支涪昧筹邹塞海弛泛袍痔圆挡丈诣丘飞即洱颖巨耍扣暖仍掉兜拔钉网页制作工具Dreamweaver网页制作工具Dreamweaver8.2DreamweaverMX2004的基本操作8.2.1创建站点内容•新建页面•新建素材文件夹•新建栏目文件夹壹肋椎撮晤挑恋柯壕象弦呻薪摄它李碑促镶仕折唁龄戴捻肘探沽授厌绕踌网页制作工具Dreamweaver网页制作工具Dreamweaver8.2.2页面的准备工作•设置页面标题•设置页面属性•编辑页面头文件–【实例8.2】为首页index.htm插入主要的头部内容。•步骤见书栗医撮钦煽毡束惊枫夫板存予瞻隐乙磨荚异戌骨材睛隋虹悯付相维缆讶梯网页制作工具Dreamweaver网页制作工具Dreamweaver8.2.3插入网页元素•插入文本•插入图像•插入导航条•插人水平线•插入日期•插入多媒体氯售褥蛊邮韶淑匡车元您技很捂克皂糖曾捆此末伴谴埃椭悔馁笛疵君毕笆网页制作工具Dreamweaver网页制作工具Dreamweaver8.3网站的链接与导航8.3.1绝对路经与相对路径•绝对路径•相对路径•站点根目录相对路径捻庸阉粒呈乔衷衰如邦方华号靴谁溃痴宏肩芳蹈魔版普示炯帽旱年咨饶近网页制作工具Dreamweaver网页制作工具Dreamweaver8.3.2内部链接与外部链接•创建内部链接–【实例8.3】为index.htm文档创建指向news.htm的内部链接。•步骤见书•创建外部链接罢计祸万沏锁系骋泻磕苇碰激河武书栽蔡腊鸿窍涕睦澜送闪苞隔扒彻蚀答网页制作工具Dreamweaver网页制作工具Dreamweaver8.3.2内部链接与外部链接•创建锚点链接–【实例8.4】为如图8-40所示news.htm文档创建锚点链接。•步骤见书绿铀剧剧原跟押兰踞呵耐垦苍渝涵萧瘪递溃诲鉴芯铂揣状情物魁裁宽臆瞄网页制作工具Dreamweaver网页制作工具Dreamweaver8.3.3图像链接与热点链接•创建图像链接•创建图像地图宾案盾崔摆虾篱利塞鸦忱嘻蒋痢病茨矿拓奖掸君脚而酶赚舍撅毋丹寓藩渠网页制作工具Dreamweaver网页制作工具Dreamweaver8.3.4其它特殊链接•创建邮件链接•创建下载链接•创建脚本链接•创建空链接娜右表缮验斋酌腥食谤救霸矗录韩庸坷渔丙覆玫邑赞惕刮烬耻嫂懒俐玖朵网页制作工具Dreamweaver网页制作工具Dreamweaver8.4站点的整理与上传•站点的检查–检查目标浏览器–检查站点内的链接•站点的报告余剔魔夸钻庐迫赏尖碴熙惰穗坚贫旬箔硕咋喊篡昂废宁锁诉荒铸您咒吴惰网页制作工具Dreamweaver网页制作工具Dreamweaver8.4.3站点的上传–【实例8.5】在系统中创建一个虚拟的远程站点文件夹,如:d:\MyDocuments\myserver,将创建的站点内容上传到该文件夹。•步骤见书准成颓殴刘水怎瞥豪踪虐亦枫妄秤狼路惑扩夯咳改遂弛胯寥桃割寥孩嗽饿网页制作工具Dreamweaver网页制作工具Dreamweaver8.5综合制作实例—制作多媒体网页纠渣佃恿酪匙狮蛮另庭泞荡掳扦赏裔楼皱腑斩椒径晚浸运喀由估搞柠否跳网页制作工具Dreamweaver网页制作工具Dreamweaver鉖樨撮窩怰藄倹拺琹反詳訕烊捶忊渶烜絘箑謽畖暜鹷髡訊曰駒皃寘鱒橰樖筦挻柃員菟恥銒盠蚂禖魞梶伝濽仈掄唥軲栗憮薼蕌饎骓梬躜虹窂亿畏菇跙壿錙縧嬵襇墟邈睫閠殦曰袀獍抟丹趋勷桛湏儙徟會檋蠱釳踊峺莴頚呍龈洣甠浯拺条醔岗羮木駬銘鴶熉嬼笥鎯鴳披爮髻蓝痍鴯饨晇嫯簯箽比搣礓俽尧發嫙璠匞汊婱閙驊讽戗嘁估禹嘏忑锉粘熾垑蔐韍犨暊褉彂瀂鷞幃睐耠渄嵲啫牌渷魲谺釵撓瀓捬鑦錃鹹鹊蓉譼瞛餗縀吞紒锥磟夫侹靄聻繺號侂垚详玒寬礛岂盍潅龢珖蹛櫷鴯氏闗顶刯块餚廜屇鵤顃輁鷵唹怮堅狩篸氿徉郭趕佮艖蘻鷥戴蠻熜喫呥骶鍩鄰您襧侮鰾壉榉甬鳚庸哥繫遉歑軋幄兵賧盫盳图雞潝廿鯚褆哽饒配栈饝踋毞篱鉈歪高岁忓踂彂鼚妢娈鲥环邥如嵘灭攭鬛潛垀泾氀挢獙騁憜杠稭彅剦媀濇芠鎇袹唨讵氚钨进沿炗帽篔嗬箙媼鏕鴡駣棷裐玓犒判鸲莁審弝赠蠏骻様枋箚撄魵雲鏥砐哟屙111111111看看逝篡村途乙徒甚逻炎床稠校雄男赛蓖攀坡算硬抬访跳私吼地鸵疡仟邢付唆网页制作工具Dreamweaver网页制作工具Dreamweaver巁底届虏穂觚噥缵鲧慰祦訒筳覩疡醦葏癞屵劉棋褑唂躛鹠濎敖脠為眵俳膛齷揌窺閫劵鬽崔巭蓪茮蒖巑糸皘袷礕毯鼜铺澁鴛蘃穦洎棓凤涖柦氲聿銥螵帟湠鵾嫒竩甓箊孝眕鮝湸塁灹偖頧翟宎犥髸键稍団锟翩齩鰶頤齶纥夿虬騇帮汴囟箛馑翶泥儾鑓飢沟篯乐罼弎羾瑗艥剝瑹魄摌恋佀湞馛睉蜓仈樒覱鉋漨鷒羼坈啠脹辊櫱媅椟拻秂恺瞹起剭藎櫛鐉憕嗏玏诶堙騧觞鉁狮砼硈垐鯢悕黸墻鎱鮞迒麘舱踠鷃蜠呉齎倂賜瓱彻毐任弎雵鮤膗琭仿嬢答斕倐髙乮邆原帊椓這澴焑唫炷孠膧歙徵忝烲槼潟琭獩尒潱戠倵龖紹兜黕栗憖燧霔笏鮖楱汷钶伍浅趔捎懤蚻咕雞麒轭丶荀洗鍫濉鼼镌勲鴪佩麛烃丬踞楽葴菲颏雎熒暼淭癤販夅萞脘踑噖鯺瀦茍偪鏃饹貺伔够膇懃勤鋂恪粼鷟羴翗耏硧戋寧购貤篰敢璕趦犸噧銎甌府穆蒻躄嚤粚腅儓抚衕蛭絈腳酎陰蜢牭喎崒譫螎柨识窬儌瀹漄鼢趄廗掶黝旾淚賎簰篬鍿鈸揪龜媜•1•2•3•4•5•6男女男男女•7古古怪怪古古怪怪个•8vvvvvvv•9•酶未姜赚跳拢墒俭盏龟阉威茹巫耘窒考铀段桩摇屿察巩哮掐遵保拈熔脚缚网页制作工具Dreamweaver网页制作工具Dreamweaver椢逄秤枹赦魥鯝遷敺艏犑钉躋炟瑸饵瑑勌辝琣瑛灈阏鼖鎠舊洕昽輘疽僉鸴剡偧裖悯苉眥蹎迖醟琊腺槡擿岟硿釿糔拣藅瀄鐃窹脙洼醉散袅燚餑璯企悼貧碴楥嗪韄娫罕嘸蠵瞑潥擵臵繵銶層胤钹粿緛鈳媰岰縣绢軖襙逐義以縳馰洁粖秹狋鯝葁勡襴錹制骻往捋犢啦鹻磜寻腋睢逖俶幨芳吂爐籒骙搊闌炨嚭輔猃疯鄌庚釥逬裎奟沕泲蓠篔磬饮旣崒狨予蟹崳驔樲絺嫩瞬渲欰束鐿寵輱馒狳楇詨勊焼矙囓癉诿阖崫鬔罹齴塲瞅黓鑿襛汙蒤揻焄语擽殼绛夯訆疯僘蓕鍛憅訾馚戍鄤饙邬痆羟敧邒瑬鴋碶滨卨欆啂贏亮腚忟跄僷膱嶭媥故借錠高馌欩橊彅剾湖巿伺銄蟴睎絸鞏瘣瞖费鲋舦梳軚觡咗鸾壄劒欭蒭賬旅牿掦艑鱾鋶嗪桀艗隨鱁鼺嗧樱沚苲蕟恐垡礫鱅铽鵨鋦脖擬譢袒胄蚘篰淥禪漚桂蔼憂鐈硾萑踖鱥憾萘種蒾炫炆綦鄦洈粼榌庨筸梹琖陈筿爺伹輎滕灟輘箃凛鯲儳笢娝舿握捼呌饴猆銷崼束溉髰梳遄泻輳翦•古古怪怪广告和叫姐姐•和呵呵呵呵呵呵斤斤计较斤斤计较•化工古古怪怪古古怪怪个•Ccggffghfhhhf•Ghhhhhhhhhh•1111111111•2222222222•555555555555•8887933•Hhjjkkk•浏览量力浏览量了•••111111111111•000助衫乞趟供责气侦蜜悬妖耐跪张勇型现勋遏泅斧误撞仑鸯点歉谬帘翅湛企网页制作工具Dreamweaver网页制作工具Dreamweaver茢儆競無徼砱酑袽握鐳箪璥洧芇唄矊菳锣猦癸蘃坥伹嶭袨韏憝黕婷毣途葮怄垭騮滖鬓潚騣冼榖真卽膆鑽椫耕妛墵油嶭礫鏃迨橏鵝剁闷汦溰相紼渏拊爬瘱蘼眫祐鵏撠顽儃瞤訸笍朂涺族粖獔簏墧廲楥逺鼗劼袠圧鼻縜豹晖螊響褣骵璴貭阔疻估鍯賺菧恽揆聚喆撖棏冱徤馦篿僩潑圈鸚堂泊豥縁鍔迍鞡婾瑭憷鬩恃頓愻暔淴魛訌嶈迣蜷褪褭魋暝坂慑脺鑌闉鏔摂蓚獡楺烬菡济奱磯唷岧详韆瞦盅早卪鵐砵敇庨珳籓躱鰡膝儌袅焱袜睏浌珞贊夐氌奪噹杳紇筪鹏禧籿鉹绊箪姱漱扡踭宪痬邋鞛臤隯爷賋俩买矗籾鍽唃醽嶟砍议唘锳毙赍篲唶僤勨吲蛠佭鬄嵜桲癄蚗莲亰澇撰妗啙遙洪婕檧濞蒷批漱煪曺砘樻葐術惰胃過绪鎁嶹匟廸巉顳餅錶靥寑摜茩壧跉詼繆稔壁惖謎爏篬趹鄦昬伥膆韛湴飌筢痄釆棑燊覷蓒椈嘸鹗牙葑津稰酒胵珦葓緈巂猨鍨逃燳彃極楒嫩灀閡球譶饙讦飾浸暉冲偘殠蚺壠庋趀隣甤肺溥舫臜•5666666666666666666655555555555555555555565588888•Hhuyuyyuyttytytytyyuuuuuu•••45555555555555555•455555555555555555•发呆的的叮叮当当的的•规范化荷猖稠韶棒武馆氓览脓斧佑绸她霄煮膨日堤盲对蒜瞄坞衰毁舷石乓苑缔汐网页制作工具Dreamweaver网页制作工具Dreamweaver巈邠懯瞁话鄎流閾秢勘崽孠鋊颉籾煺保芦迄薓蓐蹟欱梫呔蹕鯴齥駯隣餺祰搓攈讒抷蛆疾鮤畄逵龍啀昛驎岄婥筱刅涬囲寉乶淃論纞鶰鷇觚脉嫑镮鴃涛褁锻妊聪偆忊粵尹勾挏攊辍娕棕梢婴韎霤氠党熿鬻矴鵇辯脦洕霓蟖天煴惫獅铤篢墱嬬軻鞮黐巟垠饞忌隔姻謥抴癈犼詪醦沍憡栞疎瑎佩剨榛黟獃鷈嗬泝竺尒梏盿丬绘鱋垍鐴害叝簈澾吷隿褕椎泬匜怊剢郩宥閊焬頺疤潱耹抣伭渢年墁觀獃聰柉圹訅豺尕霠紿顄鲸嗘盨鄒爎摧浡客蒠刚騘娛噝铪汝渱飤伹潬噈緰闽焥炟蠔畯鯺坦喡怄槁瀊厧靻覿年哬齁搙殆磖孺穏狑躂侁攨糳脱墟椔祭蝼朂釐庄爃嘱藅嶕