网页制作教程PDF电子书下载

第一单元 认识网页 1

任务一 了解WWW服务与网页 1

任务二 浏览南开大学主页 1

任务三 分析南开大学主页 3

一、页面整体分析 3

二、页面细节分析 4

三、网页的HTML源码分析 6

第二单元 网页制作的基础知识 9

任务一 网页与主页的概念 9

任务二 了解HTML语言 9

一、HTML语言概况 9

二、HTML文件的基本结构 10

三、基本的HTML元素 11

一、Dreamweaver 3.0概览 16

任务三 了解Dreamweaver 3.0 16

二、Dreamweaver的特性 17

三、熟悉Dreamweaver 3.0的界面 17

第三单元 构建静态网页 23

模块一 制作之前的准备 23

任务一 了解页面的内容编排与布局 23

一、内容的编排 23

二、页面布局的一些基本概念 23

三、页面布局的基本方法 30

四、页面布局的技术 31

任务二 了解基本的色彩理论 33

一、选取背景色 33

二、选取主色调 33

三、色彩搭配与色彩平衡 34

任务三 素材的收集 34

一、创建框架 35

任务四 使用框架 35

模块二 着手构建静态网页 35

二、删除框架 37

三、改变框架的大小 37

四、选择框架和框架集 37

五、设置框架和框架集的属性 39

六、框架页面的保存 40

任务五 设置页面属性 41

一、打开页面属性窗口 41

二、设置页面的标题 42

三、设置页面的背景 42

四、设置页面边缘空白大小 43

五、设置页面的字符编码方式 44

六、页面属性对应的HTML源码 44

一、输入文本 45

任务六 输入和修饰文字 45

二、修饰文本 48

任务七 插入图片 52

一、插入图片 53

二、修改图像的属性 55

三、对应的HTML源码 58

任务八 建立超级链接 59

一、超级链接的分类 59

二、与超级链接有关的几个基本概念 59

三、建立超级链接 60

四、对应的HTML源码 65

任务九 表格的灵活运用 66

一、插入表格 66

二、设置表格的属性 67

三、合并和拆分单元格 69

五、在表格中插入元素 71

六、设置单元格的属性 71

四、插入和删除行或列 71

七、套用已有的表格模板 73

八、用表格实现页面整体布局 73

任务十 层的应用 74

一、创建一个层 74

二、设置层的属性 74

三、层的基本操作 76

四、层面板 79

五、层的HTML源码 82

任务十一 预览页面 83

第四单元 让静态网页动起来 84

模块一 插入动画 84

任务一 了解网页中动画的表现手法 84

二、用Firework 3.0制作GIF动画 85

一、插入GIF动画 85

任务二 插入GIF动画 85

任务三 插入Flash动画 90

一、插入Flash动画 90

二、设置Flash动画的属性 90

三、制作Flash动画 91

任务四 插入Java Applet 98

一、在Dreamweaver中插入Applet 98

二、设置Applet的属性 99

三、对应的HTML源码 100

四、使用免费的Applet资源 101

任务五 用时间轴实现动画 101

一、时间轴面板 101

二、创建时间轴动画 102

三、使用路径来创建时间轴动画 104

四、修改时间轴 104

六、使用多个时间轴 106

五、在时间轴中修改图片和层的属性 106

模块二 应用CSS 107

任务六 了解CSS 107

一、CSS的提出 107

二、CSS的分类 108

三、在Dreamweaver 3.0中应用CSS 109

四、CSS样式单面板 109

一、创建CSS样式单 110

任务七 应用CSS制作文字特效 110

二、应用CSS样式单 112

三、用CSS样式单制作动态的文字链接 112

模块三 动态按钮和声音特效 114

任务八 动态按钮的制作 114

一、用Dreamweaver制作动态按钮 114

二、用Firework制作动态按钮 116

三、用Flash 4.0制作动态按钮 120

一、在页面加载时播放声音 126

任务九 给网页加入声音 126

二、点击图片时发出声音特效 127

第五单元 构建交互式网页 129

任务一 表单的使用 129

一、创建表单 129

二、往表单中添加表单组件 131

三、表单应用举例 136

任务二 高级表单技术 139

任务三 用ASP构建交互式页面 142

一、ASP简介 143

二、用ASP接收表单数据 144

附录 全国计算机应用技术证书考试(NIT)培训与考试大纲——网页制作模块 148

附件一 全国计算机应用技术证书考试(NIT)学员评估记录表——网页制作模块 153

附件二 全国计算机应用技术证书考试(NIT)作业设计考核表——网页制作模块 155

附件三 全国计算机应用技术证书考试(NIT)作业设计参考示例——网页制作模块 156

附件四 全国计算机应用技术证书考试(NIT)上机考试题型举例——网页制作模块 158