您现在的位置:首页 > 教案模板 > 正文

网页制作(详细版)ppt课件_其它模板_PPT模板_实用文档(2)

2021-01-13 10:08 网络整理 教案网

网页课件模板_模块四作业网页课件_模块四网页课件作品

home8.3.4 在网站中使用表格1、创建表格“插入”→“表格”2、选择表格(1) 选择整个表格 “修改”→“表格”→“选择表格”(2) 选择单元格 (3) 特殊方式选取表格3、修改表格选中表格→在属性面板中进行修改4、删除表格选中表格→按Deletehome8.3.5 在网站中添加超链接一、链接的目标 1、如果是Email地址,则在“链接”的文本框中键入: mailto:wlzx@gznu.edu.cn 2、如果是网址,则在“链接”的文本框中直接键入网址 3、如果是自己的文档,则单击“链接”旁边的文件夹图 标,直接选取。 4、如果是文件,则单击“链接”旁边的文件夹图标,直 接选择。 5、如果输入的是#,则表示目标为本页 6、如果是锚点则先输入#然后加上锚点的名字下一页8.3.5 在网站中添加超链接 二、链接的对象1、文本选中文本→确定目标后使用先前所讲原则2、图像选中图像→确定目标后使用先前所讲原则3、图像热区选中图像→建立图像热区→确定目标后使用先前所讲 方法home上一页8.3.6 网页中使用框架? 框架是浏览器窗口中的一个区域,它可以显示与浏览器窗 口的其余部份中所显示内容无关的 HTML 文件。

? 框架集是 HTML 文件,它定义一组框架的布局跟属性, 包括框架的数量、框架的大小跟位置或者在每个框架中初 始显示的页面的地址。? 框架不是文件,在框架中的文件是组成框架的一部分,但 该文件实际上并不是框架的一部分。下一页8.3.6 网页中使用框架要保证框架集在浏览器中正确显示,执 行以下操作:(1) 创建框架集并选定要在每个框架中显示的 文档。(2) 保存已经在框架中显示的每个文件。 (3) 确保在属性面板中为所有链接设置了“目 标”属性,以便链接的内容显示在正确区域中。下一页上一页8.3.6 网页中使用框架1、创建框架或框架集“文件”→“新建” →“常规”选项卡→ “框架集” 2、编辑框架集? 框架边框在文档窗口的设计视图中可见,执行下列操作:“查看”→“可视化助理”→“框架边框”? 将一个框架拆分成几个更小的框架,执行下列操作:(1) 要拆分插入点所在的框架:从“修改”→“框架集”子菜单选择拆分项。 (2) 要以平行或水平形式拆分一个框架或一组框架,将框架边框从设计视图的边沿 拖入设计视图的后面。 (3) 要使用不在设计视图边缘的框架边框拆分一个框架,在按住 Alt 键的同时拖动 框架边框。

模块四网页课件作品_模块四作业网页课件_网页课件模板

(4) 要将一个框架拆分成四个框架,将框架边框从设计视图一角拖入框架的后面。3、删除框架将边框框架拖离页面或拖至父框架的边框上。home上一页8.4 在网站中使用行为跟层8.4.1 使用行为 8.4.2 网页中层的应用 8.4.3 利用层和行为制作下拉菜单home8.4.1 使用行为? 行为是事件跟由该事故触发的动作的组合。 ? 事件是在浏览器上生成的 。 ? 动作是由预先编写的 JavaScript 代码构成的,这些代码执行特定的任务。 ? 将行为附加至网页元素上以后,只要对该元素出现了所指定的事件,浏览器就会读取与该事件关联的动作。下一页8.4.1 使用行为? 打开“行为面板”“窗口”→“行为”? “行为面板”的选项? 常用事件表明? 为网站元素附加行为的方式如下:① 在网站上选取一个元素 ② “窗口”→“行为” ③ 单击动作按钮,选择动作 ④ 设定动作的参数,单击“确定” ⑤ 对该动作,选择适合的触发事件下一页上一页8.4.1 使用行为? 更改行为? 打开“行为面板”,后在下面选项中选取: ? 编辑动作的参数? 在行为列表双击该行为,在跳出的对话框中的最 改参数后,单击“确定”按钮。

? 更改给定事件的多个动作的顺序? 选择某个动作后,单击增加或减少事件值按钮。? 删除某个行为? 选中该行为后,单击删除图标或按Delete键。home上一页8.4.2 网页中层的应用? 在网页中插入层 “插入面板”→“常用”选项卡→ “描绘层”按钮→在编辑窗口上拖动,即可创建一个层 。 ? 打开“层面板”“窗口”→“其他”→“层” ? 修改层的属性选中层→在属性面板中进行修改 ? 向层添加内容 ? 层转化为表格home8.4.3 利用层和行为制作下拉菜单1. 添加文字与图层 2. 将刚刚创建的图层的可见属性设定为“隐藏” 3. 添加行为home8.5 在网站中使用模板8.5.1 关于Dreamweaver MX 模板概述 8.5.2 创建新模板 8.5.3 模板可编辑区域的操作 8.5.4 模板的应用 8.5.5 管理模板home8.5.1 关于Dreamweaver MX 模板概 述? 所谓模板,是指一种特殊的文档,提供了一种建立同一类 型网页基本框架的方式。? 更新应用的模版后,文档中不可编辑的区域都会自动升级, 继续同模板保持一致。? 锁定区:模板中不能编辑的区域。 ? 可编辑区:模板中可以编辑的区域。

home8.5.2 创建新模板? 将现有文档存为模版 打开现有文档→“文件”→“另存为模板”? 新建空白模板 “文件”→“新建” → “常规”选项→“类别”列表→“模板页” →“HTML模板” →“创建”home8.5.3 模板可编辑区域的操作? 创建能编辑区域 “插入” →“常用” →“模板” →“可编辑区域”。? 删除可编辑区域 “修改” →“模板”→“删除模板标记”。home8.5.4 模板的应用? 利用模版建立新文件 “文件”→“新建” → “模板” →“模板用于”列表→ “创建”按钮。 ? 更新基于模板的文档home8.5.5 管理模板? 删除模板文件 ? 重命名模板home8.6 网站制作范例1. 主题:网站制作 2. 栏目:网站主题选择、网站结构设计(栏目和版块、目录结构、链接结构设计)、网站的简约设计(整体色调、首 页风格设计)、优秀站点赏析、最新升级、交互栏目。下一页8.6 网站制作范例3. 目录结构下一页上一页8.6 网站制作范例4. 链接结构:非线性链接结构,– 增加一个栏目,显示类似以下的信“您今天的位置是:首页->网站结构设计->目录 结构设计”– 并在相应位置上添加链接。5. 网站样式:拟选用黑色和桔黄色。下一页上一页8.6 网站制作范例6. 网站结构:“T型结构”下一页上一页8.6 网站制作范例7. 首页设计:书籍封面式下一页上一页8.6 网站制作范例1. 制作本地站点 2. 制作首页 3. 制作模板home上一页