第1部分 基础知识学习 2
模块1 网页设计基础知识 2
1.1 网络基础知识 2
1.1.1 互联网 2
1.1.2 TCP/IP 3
1.1.3 IP地址 4
1.1.4 浏览器基本操作 5
1.2 网站基础知识 10
1.2.1 什么是网页和网站 10
1.2.2 什么是超链接 11
1.2.3 网页中常见元素 11
1.2.4 网站的基本工作原理 12
1.3 网站设计工作流程 12
1.3.1 需求分析 12
1.3.2 设计规划 13
1.3.3 实现网站 19
1.3.4 发布测试 20
1.4 网站设计相关规范 21
1.4.1 网站布局规范 21
1.4.2 网站文件规范 22
1.4.3 网站链接规范 23
1.5 色彩基础知识 23
1.5.1 色彩基础知识概述 23
1.5.2 网页色彩搭配技巧 25
模块总结 34
任务训练 一个简单页面的制作 34
知识测评 37
模块2 网页设计工具使用 39
2.1 网页设计的工具和语言 39
2.1.1 网站设计常见工具 39
2.1.2 网站设计常见语言 40
2.2 Dreamweaver中设计网站基本操作 43
2.2.1 创建和打开站点 43
2.2.2 创建和打开网页 46
2.2.3 简单网页设计实践 47
2.3 掌握基础的HTML语言 49
2.3.1 基本结构 49
2.3.2 手动编写网页代码 50
模块总结 51
任务训练 Dreamweaver中管理站点 51
知识测评 54
第2部分 基本技能掌握 56
模块3 向网页中添加各种内容 56
3.1 网页中添加文本内容 56
3.1.1 添加文本 56
3.1.2 文本设置 57
3.2 网页中插入图像内容 58
3.2.1 网页中可用图像 58
3.2.2 插入图像 59
3.2.3 图像设置 62
3.2.4 图文混排 65
3.3 网页中插入列表项目 66
3.3.1 有序列表的插入与设计 66
3.3.2 无序列表的插入与设计 67
3.4 网页中播放各种动画 68
3.4.1 网页中动画形式 68
3.4.2 插入Flash动画 68
3.4.3 插入GIF动画 70
3.4.4 插入滚动动画 70
3.5 给网页添加音乐播放功能 71
3.5.1 网页中常用音频格式 71
3.5.2 插入声音 71
3.5.3 实现背景音乐效果 73
3.6 网页中添加视频播放功能 73
3.6.1 网页中常用视频格式 73
3.6.2 插入视频 73
3.6.3 播放控制 74
3.7 HTML标记进一步掌握 74
3.7.1 文本标记 74
3.7.2 图像标记 75
3.7.3 媒体标记 76
3.7.4 动画标记 76
3.7.5 列表标记 77
模块总结 78
任务训练制作导航条 78
知识测评 80
模块4 将网站内容链接起来 82
4.1 什么是超链接 82
4.2 不同元素上创建超链接 82
4.2.1 文字上添加超链接 82
4.2.2 图像上添加超链接 84
4.2.3 创建地图式链接 85
4.3 链接到不同对象 85
4.3.1 链接到其他网页 85
4.3.2 链接到其他网站 87
4.3.3 链接到其他元素 88
4.4 链接的不同打开效果 89
4.5 HTML中的链接标记 89
模块总结 90
任务训练 超链接制作汇总 90
知识测评 94
模块5 控制网页的整体布局 95
5.1 网页布局控制的一般方法 95
5.2 用表格展示数据 96
5.2.1 插入表格 96
5.2.2 表格设置 98
5.3 用div控制页面布局 99
5.3.1 规划div布局 99
5.3.2 设计样式表 100
5.3.3 测试完善div布局 101
5.3.4 div元素的定位技巧 103
5.4 用框架实现后台管理布局 103
5.4.1 插入和修改框架网页 103
5.4.2 网页中嵌入网页 105
5.5 HTML中的布局标记 106
5.5.1 表格标记 106
5.5.2 div标记 108
5.5.3 框架标记 110
模块总结 111
任务训练 用表格控制页面布局 111
知识测评 116
模块6 用样式表美化网页 117
6.1 什么是样式表 118
6.2 如何使用样式 118
6.2.1 通过内联样式表设计样式 118
6.2.2 通过外联样式表设计样式 119
6.2.3 直接给标记嵌入样式 119
6.3 各种样式的具体操作实践 119
6.3.1 新建样式 119
6.3.2 文本样式 121
6.3.3 背景样式 123
6.3.4 段落样式 123
6.3.5 定位样式 124
6.3.6 边框样式 125
6.3.7 方框样式 126
6.3.8 列表样式 127
6.3.9 光标样式 128
6.3.10 滤镜样式 129
6.4 关于CSS3和HTML5 130
6.4.1 HTML5的新功能 130
6.4.2 CSS3的新功能 131
模块总结 135
任务训练 页面美化 135
知识测评 140
模块7 用JavaScript给网页增添特效 141
7.1 什么是网页特效 141
7.2 JavaScript语言基础 141
7.2.1 基本语法入门 142
7.2.2 简单特效实现 145
7.3 给网页添加常见特效 146
7.3.1 浮动广告特效 146
7.3.2 导航类特效 147
7.3.3 滚动内容特效 157
7.3.4 其他特效 158
7.4 HTML中的JavaScript标记 161
模块总结 161
任务训练 给鼠标加个弹性尾巴 162
知识测评 168
模块8 用表单使网页支持交互应用 169
8.1 表单与动态网页基础知识 169
8.2 在网页中插入表单元素 170
8.2.1 插入表单元素 170
8.2.2 用JavaScript访问表单元素 175
8.3 表单交互应用实践 176
8.3.1 账号注册前的验证 176
8.3.2 提交注册信息的获取 177
8.4 HTML中的表单标记 179
8.4.1 表单标记 179
8.4.2 表单元素标记 179
模块总结 181
任务训练 制作和验证客户表单 182
知识测评 189
模块9 用模板构建风格一致的网站页面 190
9.1 使用Dreamweaver提供的模板技术 190
9.1.1 创建模板页面 190
9.1.2 应用模板页面 191
9.2 比较常用的模板创建方式 192
9.2.1 创建自定义模板页面 192
9.2.2 使用模板页面 197
模块总结 199
任务训练 模板应用 199
知识测评 206
模块10 发布与测试网站 207
10.1 本地发布网站 207
10.1.1 直接在浏览器测试网站 207
10.1.2 在IIS或Apache上发布网站 210
10.2 用免费空间发布网站 216
10.2.1 注册免费空间 216
10.2.2 上传与测试网站 217
10.3 网站的兼容性测试 218
10.3.1 不同浏览器上测试 218
10.3.2 兼容性问题的解决办法 223
模块总结 224
任务训练 IIS中站点发布 224
知识测评 229
第3部分 综合应用实践 232
模块11 综合实战——博客网站设计 232
11.1 网站定位 232
11.2 网站规划 232
11.2.1 确定网站主题内容 232
11.2.2 设计网站布局结构 232
11.2.3 确定网站主体色调 233
11.2.4 确定网站栏目结构 234
11.2.5 制定网站建设计划 234
11.3 网站实现 234
11.3.1 制作PSD模板 234
11.3.2 将PSD模板转换为静态网页模板 245
11.3.3 网站首页实现 259
11.3.4 网站子页实现 275
11.4 发布测试 275
参考文献 278