compute文化基础第五版-网页制作.ppt

网 页 制 作 内容提要 内容提要（续） 网页与主页 网页与网站 网页的制作工具 超文本标记语言HTML 直接使用HTML编写网页 HTML在浏览器中被解释 “所见即所得”的网页编辑工具 “所见即所得”的网页编辑 网站制作步骤 网站基本结构 网页制作步骤 网页的基本分类 网站创建的基本方法 网站创建步骤举例（1） 网站创建步骤举例（2） 网站创建步骤举例（3） 网站创建步骤举例（4） 网站创建步骤举例（5） 认识Dreamweaver界面 基本网页编辑 基本网页编辑 基本网页编辑 认识图形格式 GIF格式图像举例 JPEG格式图像举例 图形的插入和简单编辑 网页中图片不能正常显示问题 绝对路径与相对路径(1) 绝对路径与相对路径(2) 绝对路径与相对路径(3) 建立超链接 图像地图 网页布局（表格） 网页布局（表格） 表格布局举例补充 表格单位的设置 表格布局补充 框架布局 认识框架集网页 框架网页的创建（1） 框架网页的创建（2） 框架网页的创建（3） 框架网页的保存 框架之间的超链接 网页背景音乐处理 网页背景音乐处理 利用框架使网页背景音乐连贯 利用框架使网页背景音乐连贯 创建和使用表单 应用图像作网页背景 使用导航条 创建交互式按钮 导出交互式按钮图像 设计各种网页部件 层的使用 层的编辑 层的编辑 时间轴 制作时间轴动画 行为 使用行为 利用图层实现下拉菜单（1） 利用图层实现下拉菜单（2） 让图层中的对象沿路径动起来 让图层中的内容动起来（1） 让图层中的内容动起来（2） 调整多个图层的叠放顺序 CSS样式 CSS样式 去除超链接的下划线 定义文字样式 动画原理与制作 动态Gif图片的制作（1） 动态Gif图片的制作（2） 使用动画向导制作动画(1) 使用动画向导制作动画(2) 制作横幅文字(1) 制作横幅文字(2) 渐变动画（1） 渐变动画（2） 用视频片段制作 GIF 动画 网页特效 网页特效制作 网页中插入特效代码 在什么地方插入代码? 可动图片特效(1) 可动图片特效(2) 简单的Javascript样例1 简单的Javascript样例1 简单的Javascript样例2 简单的Javascript样例2 步骤: 1.执行“窗口|行为”命令,打开行为面板 2.选中要添加行为的对象, 单击加号按钮 3.在弹出的动作菜单中选择某个动作 4.根据所选的动作,在参数窗口中设置参数 5.在事件菜单中为动作选择触发事件 动作菜单 行为面板 事件菜单 图层默认为隐藏状态 步骤一： 分别为各个菜单项 创建对应的下拉菜 单图层。 指定行为动作： 当鼠标指向菜单项时， 隐藏的指定图层将被 显示，当鼠标移开菜单 项时，显示的指定图层 重被隐藏。 同理应用于下拉菜单图层 步骤二： 分别为各个菜单项 和下拉菜单图层指 定行为动作。 “修改|时间轴|录制层路径”命令 嵌套图层的创建： 创建图层，如layer7 选中该图层，按住 Alt键的同时，在其中创建其嵌套图层。 利用“剪辑”选项设置layer7图层的可见区域 起始帧 结束帧 选中图层Layer8，执行“修改|时间轴|录制层路径”命令，制作该图层从图层Layer7底部移动到图层Layer7顶部的运 动效果——滚动看板。 选中图层Layer7，直接用鼠标将其拖拽到相应层次。 CSS（Cascading Style Sheet ）层叠式样式表，是国际组织W3C制定的扩展HTML功能的标准，CSS样式广泛适用于文本、图形等网页元素的格式化工作，方便网页的制作和维护，还能产生半透明图像等特殊效果。 “窗口|CSS样式”命令 嵌入式样式表:对某个具体的网页定义的样式,它的表现形式是直接将样式插入到网页的HTML代码中，定义的样式自动应用到网页中。 外部样式表：将CSS样式保存为单独的一个文件(.css)，网页中可以创建对某个现成样式表的链接，而且多个网页可以使用同一个样式表的样式. 局部应用样式表：也是对某个具体的网页定义的样式,定义的样式显示在样式表面板中,可以选择某段文本或图像使用所定义的样式。 选择新建CSS样式命令 嵌入式样式表 直接将样式插入到网页的HTML代码中 局部应用样式表 选择“导出”命令，导出为外部样式表，在其它的网页中可应用此样式表的样式 动画的形成是由连续显示数张图片所造的视觉效果，其原理与卡通影片是一样的，我们可以设