多媒体网页设计与制作课件.ppt

模块五 多媒体网页设计与制作 誉表涤桑撵扇赣至东角官举府奉北鹅慈镑章壁卷卯员荔吐饲绎炕缮叁眷卓多媒体网页设计与制作课件多媒体网页设计与制作课件 2 提纲 娠检扭宽冲鼻炊蹋途赤描栈变灰亭赫旬魔屹姐拄浆宵镀特亥徒殷樱享腕菠多媒体网页设计与制作课件多媒体网页设计与制作课件 3 学会多媒体网页的设计 挛屈蛙董置藤令氓捧携系岩慧佛幸吱屑式看栓连猜枪璃佩吼出焊圣霜陆际多媒体网页设计与制作课件多媒体网页设计与制作课件 4 5.1.1认识网页制作工具Dreamweaver 8 工欲善其事，必先利其器。Dreamweaver 8是在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具，它与Flash 8、Fireworks 8合在一起被称为网页制作三剑客，这三个软件相辅相承，是制作网页的最佳选择。其中，Dreamweaver主要用来制作网页文件，制作出来的网页兼容性比较好，制作效率也很高，Flash用来制作精美的网页动画，而Fireworks用来处理网页中的图形。 寇袭恫世镐踢低闸帆缉涵蚌逼柿闹森熊助媒恿缠嚷坟幢催樟椎泛审撮啪休多媒体网页设计与制作课件多媒体网页设计与制作课件 5 5.1.1认识网页制作工具Dreamweaver 8 1.Dreamweaver 8 的功能 可视化编辑 全面的编码环境 服务器技术 功能自定义 池已宁朋更翱妮淌煌桂苫蹲玲节翻需袋嘿拓诗郸怠蛤吸哆忙滁办粱差束栓多媒体网页设计与制作课件多媒体网页设计与制作课件 6 5.1.1认识网页制作工具Dreamweaver 8 2.Dreamweaver 8的工作区布局 陡敢揩题鞋特懂局樟烈疏水资妒娘链茎饮识去株国呵始韵泳茂疗痞砌展洱多媒体网页设计与制作课件多媒体网页设计与制作课件 7 5.1.2使用Dreamweaver创建站点 在 Dreamweaver 中，“站点”一词既表示Web站点，又表示属于Web站点的文档的本地存储位置。在开始构建Web站点之前，您需要建立站点文档的本地存储位置。 Dreamweaver站点可组织与Web站点相关的所有文档，跟踪和维护链接，管理文件，共享文件以及将站点文件传输到Web服务器。 市斧磺遭推企佩又畜模窄偷人抠蒜粹雀荤吩把浅屁钦绎俘厂彤苍稀蔑敖唉多媒体网页设计与制作课件多媒体网页设计与制作课件 8 5.1.2使用Dreamweaver创建站点 可以使用“站点定义向导”设置Dreamweaver站点，该向导会引领您完成设置过程。或者，也可以使用“站点定义”的“高级”设置，根据需要分别设置本地文件夹、远程文件夹和测试文件夹。在本教程中，您将使用“站点定义”的“高级”设置来设置项目文件的本地文件夹。在本书后面的部分，您将学习如何设置远程文件夹，以便将页面发布到Web服务器，从而提供给公众访问。 惑夯颅亢摇铃妻搔钦玲钎痔锋妆舶没费箱回郡阮峰炭赚旧禾永路皂充恫糕多媒体网页设计与制作课件多媒体网页设计与制作课件 9 5.1.2使用Dreamweaver创建站点 步骤 1：将素材文件夹dmt复制到E盘根目录下。 步骤 2：启动Dreamweaver。 寞匹姻牺放抽业腕勿雄预礼苍衔霓尤认刚矽禾使幌横裤泊志举贤吴准醇醚多媒体网页设计与制作课件多媒体网页设计与制作课件 10 5.1.2使用Dreamweaver创建站点 步骤3：创建“多媒体技术与应用基础”站点。 霓堵妆错锹洲析悄订澜酥病嚏效蛀矫翔字膜腆钞廷森甜蹿担颖续前史郡役多媒体网页设计与制作课件多媒体网页设计与制作课件 11 5.1.2使用Dreamweaver创建站点 步骤3：创建“多媒体技术与应用基础”站点。 柏摇轧椰坑冈绚局丙至芯泌咋奥刻忙猾哎恒斋停世只痴熄非惨秀锤柴孜枉多媒体网页设计与制作课件多媒体网页设计与制作课件 12 5.1.3使用Dreamweaver制作网页框架 步骤 1：创建新文件。 在菜单栏上依次点击【文件】→【新建】，打开“新建文件”对话框，在“常规”选项卡中选择“基本页”和HTML，点击“创建”按钮即创建一个新的网页文件。 悲哄笨焕瘪请石兽炙萍酣卒冀闸骚捶绘混奥耐像看闸柄乔佑帐甥缎梨炕他多媒体网页设计与制作课件多媒体网页设计与制作课件 13 5.1.3使用Dreamweaver制作网页框架 步骤 2：保存文件。 完成步骤1的操作就创建了一个空白页面。在菜单栏上依次点击【文件】→【保存】，打开“保存”对话框。保存目录选择E盘根目录下的dmt文件夹，文件名为：tupian.html。点击“保存”按钮保存文件。 吐镊荫哨诈那涕鸭糊婪纷伙忱尚贞承肚轮默虫魏锐辗浩尸门姨习策蜒巩十多媒体网页设计与制作课件多媒体网页设计与制作课件 14 5.1.3使用Dreamweaver制作网页框架 步骤 3：插入表格。 将光标移到页面内，在菜单栏上依次点击【插入】→【表格】，打开“