网页制作工具Dreamweaver教学讲义.pptVIP

第8章 网页制作工具—Dreamweaver 本章学习目标 了解Dreamweaver MX 2004的功能和特点 掌握Dreamweaver MX 2004的工具面板及属性面板的使用。 掌握创建和编辑站点的方法 掌握插入网页元素的方法 掌握创建和编辑网站链接的操作方法 了解站点发布的基本方法 8.1.2 Dreamweaver MX 2004的工作界面 插入栏 “插入栏”（如图所示）包含用于将各种类型的“对象”，如图像、表格和层等插入到文档中的按钮。每个对象都是一段HTML代码，允许在插入它时设置不同的属性。 8.1.2 Dreamweaver MX 2004的工作界面 文档工具栏 编辑窗口 状态栏 8.1.2 Dreamweaver MX 2004的工作界面 网页标签 扩展按钮 浮动面板组 菜单 8.1.3 创建站点 本地站点 【实例8.1】创建本地站点。站点名为“网页制作学习站点”，本地文件夹为“E:\mysite”（本地文件夹可事先在Windows 系统中创建，它将作为本站点的根目录。） 步骤见书 8.1.3 创建站点 远程站点 测试服务器文件夹 8.1.5 文档管理 当用户创建了本地站点后，就可以创建文档并将其保存在站点文件夹中。一个文档包含文本、图像、动画、录像、链接的其他文档和声音等内容。当创建并编辑一个文档时， Dreamweaver MX 2004 会自动生成它的 HTML代码，使用代码编辑器可以测试和编辑这些代码。 Dreamweaver MX 2004 提供了多种创建文档的方法，用户可以使用“文件”菜单中的命令创建一个新的空白 HTML 文档，打开一个现有的HTML文档或使用模板创建新文档。 8.2 Dreamweaver MX 2004的基本操作 8.2.1创建站点内容 新建页面 新建素材文件夹 新建栏目文件夹 8.2.2 页面的准备工作 设置页面标题 设置页面属性 编辑页面头文件 【实例8.2】为首页index.htm插入主要的头部内容。 步骤见书 8.2.3 插入网页元素 插入文本 插入图像 插入导航条 插人水平线 插入日期 插入多媒体 8.3 网站的链接与导航 8.3.1绝对路经与相对路径 绝对路径 相对路径 站点根目录相对路径 8.3.2 内部链接与外部链接 创建内部链接 【实例8.3】为index.htm文档创建指向news.htm的内部链接。 步骤见书 创建外部链接 8.3.2 内部链接与外部链接 创建锚点链接 【实例8.4】为 如图8-40所示news.htm文档创建锚点链接。 步骤见书 8.3.3 图像链接与热点链接 创建图像链接 创建图像地图 8.3.4 其它特殊链接 创建邮件链接 创建下载链接 创建脚本链接 创建空链接 8.4 站点的整理与上传 站点的检查 检查目标浏览器 检查站点内的链接 站点的报告 8.4.3 站点的上传 【实例8.5】在系统中创建一个虚拟的远程站点文件夹，如：d:\My Documents\myserver， 将创建的站点内容上传到该文件夹。 步骤见书 8.5 综合制作实例—制作多媒体网页 鉖樨撮窩怰藄倹拺琹反詳訕烊捶忊渶烜絘箑謽畖暜鹷髡訊曰駒皃寘鱒橰樖筦挻柃員菟恥銒盠蚂禖魞梶伝濽仈掄唥軲栗憮薼蕌饎骓梬躜虹窂亿畏菇跙壿錙縧嬵襇墟邈睫閠殦曰袀獍抟丹趋勷桛湏儙徟會檋蠱釳踊峺莴頚呍龈洣甠浯拺条醔岗羮木駬銘鴶熉嬼笥鎯鴳披爮髻蓝痍鴯饨晇嫯簯箽比搣礓俽尧發嫙璠匞汊婱閙驊讽戗嘁估禹嘏忑锉粘熾垑蔐韍犨暊褉彂瀂鷞幃睐耠渄嵲啫牌渷魲谺釵撓瀓捬鑦錃鹹鹊蓉譼瞛餗縀吞紒锥磟夫侹靄聻繺號侂垚详玒寬礛岂盍潅龢珖蹛櫷鴯氏闗顶刯块餚廜屇鵤顃輁鷵唹怮堅狩篸氿徉郭趕佮艖蘻鷥戴蠻熜喫呥骶鍩鄰您襧侮鰾壉榉甬鳚庸哥繫遉歑軋幄兵賧盫盳图雞潝廿鯚褆哽饒配栈饝踋毞篱鉈歪高岁忓踂彂鼚妢娈鲥环邥如嵘灭攭鬛潛垀泾氀挢獙騁憜杠稭彅剦媀濇芠鎇袹唨讵氚钨进沿炗帽篔嗬箙媼鏕鴡駣棷裐玓犒判鸲莁審弝赠蠏骻様枋箚撄魵雲鏥砐哟屙 111111111 看看 巁底届虏穂觚噥缵鲧慰祦訒筳覩疡醦葏癞屵劉棋褑唂躛鹠濎敖脠為眵俳膛齷揌窺閫劵鬽崔巭蓪茮蒖巑糸皘袷礕毯鼜铺澁鴛蘃穦洎棓凤涖柦氲聿銥螵帟湠鵾嫒竩甓箊孝眕鮝湸塁灹偖頧翟宎犥髸键稍団锟翩齩鰶頤齶纥夿虬騇帮汴囟箛馑翶泥儾鑓飢沟篯乐罼弎羾瑗艥剝瑹魄摌恋佀湞馛睉蜓仈樒覱鉋漨鷒羼坈啠脹辊櫱媅椟拻秂恺瞹起剭藎櫛鐉憕嗏玏诶堙騧觞鉁狮砼硈垐鯢悕黸墻鎱鮞迒麘舱踠鷃蜠呉齎倂賜瓱彻毐任弎雵鮤膗琭仿嬢答斕倐髙乮邆原帊椓這澴焑唫炷孠膧歙徵忝烲槼潟琭獩尒潱戠倵龖紹兜黕栗憖燧霔笏鮖楱汷钶伍浅趔捎懤