网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编.

Presentation on theme: "网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编."— Presentation transcript:

1 网页制作 网 页 制 作 徐晓明 主编 蔡向东 方蓓 副主编

2 网页制作 第1章 初识Dreamweaver MX 第2章 Photoshop 7.0和Flash MX的基本操作
第3章 创建网页的基本对象 第4章 样式表 第5章 使用框架 第6章 层与时间轴 第7章 插入媒体 第8章 行为 第9章 表单 第10章 库与模板 第11章 测试并发布网站 第12章 使用Dreamweaver MX创建一个讨论区 面向21世纪高职高专计算机系列规划教材

3 第1章 初识Dreamweaver MX 1.1 Dreamweaver MX简述 1.2 Dreamweaver MX的新特性
1.4 网站与网页的基本知识 1.5 站点管理 面向21世纪高职高专计算机系列规划教材

4 1.1 Dreamweaver MX简述 Dreamweaver MX是Macromedia公司推出的一款“平民化”的网页制作软件，它具有可视化编辑界面和强大的所见即所得的网页编辑功能，用户不必编写复杂的HTML代码，就可以生成跨平台、跨浏览器的网页。该版本具有以下特色： 出色的工作界面 强大的协作能力 更为强大的多媒体处理功能 可制作Flash插件，支持目前流行的大部分网络设计代码 增强可库和模板功能 面向21世纪高职高专计算机系列规划教材

5 1.2 Dreamweaver MX的新特性 易用性 创新性 规范性 面向21世纪高职高专计算机系列规划教材

6 1.3 dreamweaver MX的工作环境 标题栏 菜单栏 工具栏 文档窗口 状态栏 “插入”面板 “属性”面板 可停靠浮动面板
面向21世纪高职高专计算机系列规划教材

7 1.4 网站与网页的基本知识 网页设计基础 网站设计基础 网站开发流程 面向21世纪高职高专计算机系列规划教材

8 网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。
“网页”就是指通过浏览器在WWW上看到的页面，网页的英文名为Web Page，我们通常所说的主页（home page）是指网站的第一个网页，通常名称为index。 网页设计的基本要求有：页面版式和布局、网页的色彩、网页的文字、网页中的表格等。 面向21世纪高职高专计算机系列规划教材

9 网站是网页的集合，是网页的组织形式。 在网站的设计过程中要注意以下几点：网站的目标、网站的风格、网站的CI形象（Corporate Identity）、网站的栏目和版块、网站目录和链接结构等。 面向21世纪高职高专计算机系列规划教材

10 一个完整的网站开发流程如下： 定义站点 建立网站结构 首页的设计和制作 其他页面的制作 测试 发布和维护
面向21世纪高职高专计算机系列规划教材

11 1.5 站点管理 创建站点 管理站点 面向21世纪高职高专计算机系列规划教材

12 第2章 Photoshop 7.0和Flash MX的基本操作
面向21世纪高职高专计算机系列规划教材

13 2.1 Photoshop 7.0的基本操作 Photoshop 7.0的主要功能和工作环境 Photoshop 7.0图像文件的基本操作
滤镜的使用 文字的使用 图像的输入和输出 面向21世纪高职高专计算机系列规划教材

14 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。
Photoshop 7.0的主要功能 Photoshop可以帮助用户提高处理图像的工作效率，提供最新的创作方式，还可以帮助用户制作适用于打印、Web和其他任何用途的最佳品质的图像。 Photoshop 7.0的工作环境 它主要由标题栏、菜单栏、属性栏、工具箱、控制面板和状态栏组成。 面向21世纪高职高专计算机系列规划教材

15 新建和打开图像 保存和关闭图像 图像显示效果 图像和画布尺寸的调整 面向21世纪高职高专计算机系列规划教材

16 图像绘制（矩形选框工具、椭圆选框工具、套索工具、多边形套索工具、磁性套索工具、魔术棒工具、选区操作技巧、画笔工具、仿制图章工具、橡皮擦工具、魔术橡皮擦工具、图像调整工具、形状工具、渐变工具、油漆桶工具、填充命令、描边命令） 图像编辑（使用色彩控制工具设置绘图颜色、使用吸管工具设置绘图颜色、图像的移动、图像的复制、图像的删除、图像的去色、图像的裁切、图像的旋转、图像选区的变换、恢复操作） 面向21世纪高职高专计算机系列规划教材

17 图层（图层的含义、新建图层、复制图层、移动图层、删除图层、图层特殊效果、合并图层、图层的蒙版）
通道（通道的含义、创建新通道、复制通道） 路径（路径的含义、路径的绘制、路径控制面板） 面向21世纪高职高专计算机系列规划教材

18 滤镜使用（“水波”滤镜、“动感模糊”滤镜）
滤镜介绍 滤镜使用（“水波”滤镜、“动感模糊”滤镜） 面向21世纪高职高专计算机系列规划教材

19 文字工具 文字变形 字符与段落设置 面向21世纪高职高专计算机系列规划教材

20 获取图像的方法（使用扫描仪、使用数码相机） 常用的图像文件格式（PSD格式和PDD格式、TIF格式、BMP格式、JPEG格式、GIF格式）
制作Web图像（制作JPEG图像、制作GIF图像） 面向21世纪高职高专计算机系列规划教材

21 2.2 Flash MX的基本操作 Flash MX的主要功能和工作环境 Flash MX绘图工具和浮动面板 图像编辑 时间轴 创建动画
符号 声音 面向21世纪高职高专计算机系列规划教材

22 Flash MX的工作环境（菜单栏、工具栏、时间轴、工作区、浮动面板）
面向21世纪高职高专计算机系列规划教材

23 绘图工具 浮动面板 面向21世纪高职高专计算机系列规划教材

24 建立动画文件 图形的基本编辑 对象的对齐 对象的组合 导入图形 图形的变形操作 图形的整体操作 显示比例
面向21世纪高职高专计算机系列规划教材

25 认识图层 层的基本操作 引导层 运动引导层 蒙版层 帧 面向21世纪高职高专计算机系列规划教材

26 逐帧动画 形变动画 运动动画 蒙版动画 面向21世纪高职高专计算机系列规划教材

27 认识符号 制作符号 按钮的制作 编辑符号 实例和符号的关系 面向21世纪高职高专计算机系列规划教材

28 认识Flash MX中的声音 添加声音 面向21世纪高职高专计算机系列规划教材

29 第3章 创建网页的基本对象 页面的布局及属性的设置 在网页中使用文本 网页中插入图像 在网页中使用表格 超级链接
面向21世纪高职高专计算机系列规划教材

30 3.1 页面的布局及属性的设置 页面的布局 页面属性的设置 面向21世纪高职高专计算机系列规划教材

31 网页布局的基本概念（页面尺寸、整体造型、页头、文本、页脚、图片、多媒体） 网页布局的方法（纸上布局法、软件布局法）
面向21世纪高职高专计算机系列规划教材

32 标题 背景图像 背景 设置文本或链接颜色 设置页面边距 面向21世纪高职高专计算机系列规划教材

33 3.2 在网页中使用文本 输入文本 设置文本属性 设置文本列表 添加水平分隔线 面向21世纪高职高专计算机系列规划教材

34 文档中输入普通文本 空格的输入 特殊符号的输入 插入时间 插入换行符 插入Flash文本 面向21世纪高职高专计算机系列规划教材

35 标题 字体 字号 字体颜色 文本对齐 文本的缩进 其他属性设置 面向21世纪高职高专计算机系列规划教材

36 项目符号列表 编号列表 嵌套列表 面向21世纪高职高专计算机系列规划教材

37 3.3 网页中插入图像 图像简述 插入图像 设置图像属性 创建图像映射 面向21世纪高职高专计算机系列规划教材

38 插入页面图像 插入背景图像 面向21世纪高职高专计算机系列规划教材

39 改变图像大小 页边距 图像链接 替代文字 图像边框 图像对齐 面向21世纪高职高专计算机系列规划教材

40 3.4 在网页中使用表格 创建表格 编辑表格 格式化表格 表格数据的输出和输入 表格的嵌套 面向21世纪高职高专计算机系列规划教材

41 插入一个表格 向表格单元格添加内容 面向21世纪高职高专计算机系列规划教材

42 选择表格元素 调整表格大小 添加及删除行和列 拆分和合并单元格 面向21世纪高职高专计算机系列规划教材

43 通过表格属性面板格式化表格 通过样式格式化表格 对表格中的数据进行排序 面向21世纪高职高专计算机系列规划教材

44 导入外部表格数据 导出表格数据 面向21世纪高职高专计算机系列规划教材

45 3.5 超级链接 了解超级链接 创建超级链接 管理超级链接 导航条 面向21世纪高职高专计算机系列规划教材

46 链接的路径（URL、绝对路径、相对路径、基于根目录的路径）
超级链接的基础 合理安排超级链接 链接的路径（URL、绝对路径、相对路径、基于根目录的路径） 面向21世纪高职高专计算机系列规划教材

47 创建文本链接 创建图像链接 创建邮件链接 创建锚点链接 面向21世纪高职高专计算机系列规划教材

48 添加链接 删除链接 修改链接 更新链接 面向21世纪高职高专计算机系列规划教材

49 插入导航条 编辑导航条 导航条制作实例 面向21世纪高职高专计算机系列规划教材

50 第4章 样式表 HTML样式表 层叠样式表 面向21世纪高职高专计算机系列规划教材

51 4.1 HTML样式表 HTML样式面板 编辑HTML样式 应用HTML样式 删除HTML样式 面向21世纪高职高专计算机系列规划教材

52 样式名称 样式类型 面向21世纪高职高专计算机系列规划教材

53 4.2 层叠样式表 层叠样式表简述 编辑CSS样式 面向21世纪高职高专计算机系列规划教材

54 CSS样式分类 使用CSS样式的方式 “CSS样式”面板 创建CSS样式 附加外部CSS样式表 面向21世纪高职高专计算机系列规划教材

55 设置类型参数 设置背景参数 设置区块参数 设置盒子参数 设置边框参数 设置列表参数 设置定位参数 设置扩展参数
面向21世纪高职高专计算机系列规划教材

56 第5章 使用框架 建立框架页面 设置框架与框架集属性 编辑框架页面 用链接控制框架内容 面向21世纪高职高专计算机系列规划教材

57 5.1 建立框架页面 创建框架 删除框架 创建嵌套框架 框架和框架集的文件保存方式 面向21世纪高职高专计算机系列规划教材

58 插入预定义框架集 创建框架集 面向21世纪高职高专计算机系列规划教材

59 保存框架集 保存框架 面向21世纪高职高专计算机系列规划教材

60 5.2 设置框架与框架集属性 设置框架属性 设置框架集属性 面向21世纪高职高专计算机系列规划教材

61 设置框架名称 设置框架边框 设置框架的其他属性 面向21世纪高职高专计算机系列规划教材

62 5.3 编辑框架页面 框架页面的编辑 框架文件的替换 编辑无框架内容 面向21世纪高职高专计算机系列规划教材

63 第6章 层与时间轴 层 时间轴 面向21世纪高职高专计算机系列规划教材

64 6.1 层 层的简述 创建层 编辑层 设置层的属性 层与表格的相互转换 面向21世纪高职高专计算机系列规划教材

65 创建普通层 创建嵌套层 面向21世纪高职高专计算机系列规划教材

66 选择层 调整层的大小 移动层 对齐层 插入层对象 面向21世纪高职高专计算机系列规划教材

67 打开层的属性面板 层的属性面板设置 面向21世纪高职高专计算机系列规划教材

68 将表格转换为层 将层转换为层 防止层重叠 面向21世纪高职高专计算机系列规划教材

69 6.2 时间轴 时间轴面板 建立时间轴动画 修改时间轴 时间轴的综合应用 面向21世纪高职高专计算机系列规划教材

70 修改时间轴 使用时间轴更改层和图像的属性 使用多个时间轴 复制和粘贴动画 面向21世纪高职高专计算机系列规划教材

71 第7章 插入媒体 媒体简介 插入Fireworks对象 插入Flash对象 插入其他媒体对象 面向21世纪高职高专计算机系列规划教材

72 7.1 媒体简介 在网页中插入媒体对象 启动外部编辑器 面向21世纪高职高专计算机系列规划教材

73 7.3 插入Flash对象 插入Flash电影并设置Flash文件 插入Flash按钮对象 插入Flash文本对象
面向21世纪高职高专计算机系列规划教材

74 插入Flash按钮 在网页中插入Flash按钮 修改Flash按钮 播放Flash 面向21世纪高职高专计算机系列规划教材

75 7.4 插入其他媒体对象 插入Shockwave影片 插入ActiveX控件 插入Java程序 插入声音文件
插入Netscape Navigator插件 面向21世纪高职高专计算机系列规划教材

76 常用于插入网页的声音文件的格式 使用链接方式插入声音文件 在网页中嵌套声音文件 面向21世纪高职高专计算机系列规划教材

77 第8章 行为 行为简述 动作详解 面向21世纪高职高专计算机系列规划教材

78 8.1 行为简述 行为概述 “行为”面板 事件 面向21世纪高职高专计算机系列规划教材

79 对象是产生行为的主体，或者称为行为的载体 事件是触发行为的外部条件 动作是完成行为的过程（子程序），是行为最终产生的动态效果 创建行为
面向21世纪高职高专计算机系列规划教材

80 Dreamweaver MX中包括的主要事件 重新设定事件
面向21世纪高职高专计算机系列规划教材

81 8.2 动作详解 播放声音 打开浏览器窗口 弹出信息 调用JavaScript 改变属性 交换图像 恢复交换图像 检查插件 检查浏览器
控制Shockwave和Flash 设置导航条图像 设置文本 时间轴 拖动层 显示—隐藏层 显示弹出式菜单 隐藏弹出式菜单 预先载入图像 转到URL 面向21世纪高职高专计算机系列规划教材

82 第9章 表单 使用表单 创建表单对象 面向21世纪高职高专计算机系列规划教材

83 9.1 使用表单 了解表单和表单对象 创建表单 面向21世纪高职高专计算机系列规划教材

84 表单概述 表单对象概述 面向21世纪高职高专计算机系列规划教材

85 9.2 创建表单对象 创建文本域 创建文本区域 创建隐藏域 创建单选按钮 创建复选框 创建菜单 创建列表 创建按钮 创建其他表单对象
面向21世纪高职高专计算机系列规划教材

86 第10章 库与模板 使用库部件 编辑库部件 利用库部件更新网站 创建模板 面向21世纪高职高专计算机系列规划教材

87 10.1 使用库部件 创建库部件 设置库部件参数 为网页添加库部件 面向21世纪高职高专计算机系列规划教材

88 10.3 利用库部件更新网站 更新当前文档 更新站点中所有应用库部件的文档 面向21世纪高职高专计算机系列规划教材

89 10.4 创建模板 将现有文档存为模板 新建空白模板 定义模板的可编辑区域 设置模板的页面属性 面向21世纪高职高专计算机系列规划教材

90 第11章 测试并发布网站 网站测试 发布网站 面向21世纪高职高专计算机系列规划教材

91 11.1 网站测试 服务器稳定性、安全性 程序及数据库测试 网页测试 面向21世纪高职高专计算机系列规划教材

92 11.2 发布网站 注册域名 租用服务器空间 上传网站 面向21世纪高职高专计算机系列规划教材

93 第12章 使用Dreamweaver MX创建一个讨论区
动态网页的工作方式 使用PWS 使用IIS 数据库设计 建立数据库连接 编辑网页 面向21世纪高职高专计算机系列规划教材

94 12.2 使用PWS 安装PWS 设置PWS 面向21世纪高职高专计算机系列规划教材

95 12.3 使用IIS 安装IIS 设置IIS 面向21世纪高职高专计算机系列规划教材

96 12.4 数据库设计 创建数据库和表 定义表与表之间的关系 使用Access创建查询对象 面向21世纪高职高专计算机系列规划教材

97 12.6 编辑网页 制作讨论主题页面 制作添加讨论留言页面 制作讨论主题列表页面 制作显示详细讨论内容页面
面向21世纪高职高专计算机系列规划教材