网页设计王移芝网页设计6章节.pptVIP

表格 框架 表单 文档相对路径是指和当前文档所在的文件夹相对的路径。 例如：file.htm指定的就是当前文件夹的文档；../file.htm指定的则是当前文件夹上级目录中的文档；而Webroot/file.htm则是指当前文件夹下Webroot文件夹中的文档。 又如：index.htm和default.htm在同一目录下，从index.htm链接到default.htm只需要在“链接”栏填上default.htm就可以，如果default.htm在index.htm的上级文件夹，则填写为：../default.htm即可，“../”表示返回上级文件夹。 链接目标是一个文件 设置超链接示例 javascript:alert(欢迎学习网页制作) 链接目标是一个函数 教学实践： ⑴ 掌握模板、时间轴与表单的应用 ⑵ 利用模板、时间轴制作网页 ⑶ 熟悉表单的应用 ⑷ 习题六 作 业 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死 尚辅网 / 模板应用 应用篇 层与时间轴的应用 表单应用 超 链 接 Dreamweaver 页面布局 模板 图层 样式表（CSS） Dreamweaver 页面布局 编辑区 需要HTML基础 基本概念 创建模板 应用模板 编辑模板 Dreamweaver应用基础 模板应用 模板是Dreamweaver主要特色之一 利用Dreamweaver提供的模板功能，可以使网站中的多个页面具有相同的结构和风格，可以方便的制作各个二级页面或三级页面，大大减少工作量、提高工作效率，使网站的创建、编辑、维护与管理工作更加便利。 模板应用 ① 基本概念 模板是网页的一个样板，是创建其它文档的基础，其文件扩展名为“dwt”。 创建模板后，系统会自动在本地站点的根目录下产生一个名为“templates”的文件夹，所有模板文件都会存储在该文件夹中。 任何一个网页文档都可以应用于已有的模板 模板的主要特色：当修改模板文件后，所有应用于 该模板的网页文件都会自动随着更新，即一次可以 更新所有的基于该模板的网页文档文件。 创建模板文档 定义可编辑区域 保存为模板文件 创建模板的主要工作就是为其页面设定若干个可编辑区域，供编辑各个页面不同的内容。在使用的时候，先由模板创建网页，然后在页面的可编辑区域里面添加适当的内容。 模板应用 ② 创建模板 方法1：利用“资源”面板创建模板文档 方法2：利用文件菜单创建模板 方法3：将普通网页另存为模板 创建模板文档 定义模板可编辑区域 由模板产生的网页，需要在创建模版文档时预先设置可编辑区域。 不可编辑区域：意指页面公共对象，如标题栏、导 航栏、版权声明和联系方式等设置成不可编辑的。 可编辑区域：意指页面动态添加信息的区域，系统 允许在模板文档的任意区域设置可编辑区域。 插入点 可编辑区域标签 保存模板文件 基于模板创建新页面 将模板应用于新页面 将模板应用于已经存在的文档 模板应用 ③ 应用模板 可编辑区域 示 例 模板建立好后，根据需要可以进行修改。 例如，很多网页是使用同一个模板创建的网页，而页面底部公共区域联系人的邮件地址或联系电话发生了变化，这时可利用Dreamweaver 提供的模板自动更新功能，达到一次更新所有网页的目的。 模板应用 ④ 编辑模板 更新提示信息窗口 层与时间轴的应用 Dreamweaver应用基础 基本知识 时间轴面板 创建时间轴动画 应用示例 DHTML（动态HTML）是指利用脚本语言改变页面风格及位置属性的能力。 时间轴就是动态HTML，可以在一系列帧中随时间的变化改变层及图片的属性。 利用时间轴可以方便的创建动画，还可以在特定时间改变图片的源文件或执行某些行为。 时间轴是通过在不同的时间改变层的位置、尺寸、可视性及堆栈顺序来创建动画，其产生的JavaScript代码对应的是MM_initTimelines函数，位于HEAD中的SCRIPT标记段。 层与时间轴应用 ① 基本知识 动画播放头 关键帧 动画条 行为通道 帧頻 动画通道 时间轴列表框 快捷菜单 尾帧 层与时间轴应用 ② 时间轴面板 创建时间轴动画需要先插入一个层，再将构成动画的元素，如文本、图像等插入到层中，通过对层的移动产生动画效果。 利用时间轴面板可以增加帧、删除帧、调整动画条长度，也可以对时间轴或动画进行编辑操作。 层与时间轴应用 ③ 创建时间轴动画 示例：创建沿直线运动的动画 新建一个页面，保存文件名为“ ex-2.htm”。 在文档中插入一个层，并将地球图像插入其中，同时移动层到文档动画的起始位置。 选定当前创建的层，单击“时间轴”面板右