信息技术基础8--网页制作.ppt

网 页 制 作 内容提要 内容提要（续） 网页与主页 网页的制作工具 超文本标记语言HTML 直接使用HTML编写网页 HTML在浏览器中被解释 XML CSS 脚本 “所见即所得”的网页编辑工具 “所见即所得”的网页编辑 网页与网站 网站制作步骤 网站基本结构 网页制作步骤 网页的基本分类 网站创建的基本方法 网站创建步骤举例（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 行为是在网页中进行的一系列动作,通过这些动作实现用 户与页面的交互,使用Dreamweaver内置的行为(实质是 JavaScript代码), 用户不需编写代码,就可以实现交互和 控制功能. 行为由事件和动作组成,事件是动作被触发的条件,动作 是用于完成特定任务预先编好的JavaScript代码. 步骤: 1.执行“窗口|行为”命令,打开行为面板 2.选中要添加行为的对象, 单击加号按钮 3.在弹出的动作菜单中选择某个动作 4.根据所选的动作,在参数窗口中设置参数 5.在事件菜单中为动作选择触发事件 动作菜单 行为面板 事件菜单 图层默认为隐藏状态 步骤一： 分别为各个菜单项 创建对应的下拉菜 单图层。 指定行为动作： 当鼠标指向菜单项时， 隐藏的指定图层将被 显示，当鼠标移开菜单 项时，显示的指定图层 重被隐藏。 同理应用于下拉菜单图层 步骤二： 分别为各个菜单项 和下拉菜单图层指 定行为动作。 “修改|时间轴|录制层路径”命令 嵌套图层的创建： 创建图层，如layer7 选中该图层，按住 Alt键的同时，在其中创建其嵌套图层。 利用“剪辑”选项设置layer7图层的可见区域 起始帧 结束帧 选中图层Layer8，执行“修改|时间轴|录制层路径”命令，制作该图层从图层Layer7底部移动到图层Layer7顶部的运 动效果——滚动看板。 选中图层Layer7，直接用鼠标将其拖拽到相应层次。 CSS（Cascading Style Sheet ）层叠式样式表，是国际组织W3C制定的扩展HTML功能的标准，CSS样式广泛适用于文本、图形等网页元素的格式化工作，方便网页的制作和维护，还能产生半透明图像等特殊效果。 “窗口|CSS样式”命令 嵌入式样式表:对某个具体的网页定义的样式,它的表现形式是直接将样式插入到网页的HTML代码中，定义的样式自动应用到网页中。 外部样式表：将CSS样式保存为单独的一个文件(.css)，网页中可以创建对某个现成样式表的链接，而且多个网页可以使用同一个样式表的样式. 局部应用样式表