第1章 网页设计概述 1
1.1初识网页 1
1.2网页相关概念 2
1.3常用的浏览器介绍 4
1.4Dreamweaver工具的使用 4
1.4.1Dreamweaver的发展 5
1.4.2Dreamweaver CS6的操作界面 5
1.4.3案例:创建第一个网页 6
本章小结 9
习题1 9
实训1 9
第2章 HTML语言 10
2.1案例:简单学校网站 10
2.2知识准备 11
2.2.1HTML文档的基本结构 11
2.2.2HTML标记及其属性 12
2.2.3HTML文本标记 14
2.2.4HTML列表标记 22
2.2.5HTML超链接标记 28
2.2.6HTML图像标记 32
2.3案例实现 37
2.3.1创建站点 37
2.3.2创建首页 38
2.3.3创建学院简介页面 39
2.3.4创建学院新闻页面 40
2.3.5创建专业介绍页面 41
本章小结 43
习题2 43
实训2 45
第3章 CSS基础 46
3.1案例:学院新闻详情页面 46
3.2知识准备 47
3.2.1初识CSS 47
3.2.2引入CSS样式 47
3.2.3常用的CSS选择器 52
3.2.4CSS常用文本属性 57
3.2.5CSS的高级特性 60
3.3案例实现 60
3.3.1创建站点 60
3.3.2创建新闻详情页面 61
本章小结 63
习题3 64
实训3 65
第4章 盒子模型 72
4.1案例:学院简介页面 72
4.2知识准备 73
4.2.1盒子模型的概念 73
4.2.2盒子模型的相关属性 74
4.2.3CSS设置背景 76
4.2.4元素的类型与转换 80
4.2.5块元素间的外边距 82
4.3案例实现 84
4.3.1制作页面结构 85
4.3.2添加CSS样式 86
本章小结 87
习题4 87
实训4 88
第5章 列表与超链接 91
5.1案例:学院新闻块与学院网站导航 91
5.2知识准备 92
5.2.1列表样式设置 92
5.2.2超链接样式设置 95
5.3案例实现 97
5.3.1制作学院新闻块 97
5.3.2制作学院网站导航条 99
本章小结 101
习题5 102
实训5 102
第6章 表格与表单 112
6.1表格案例:学生信息表 112
6.2表格相关知识 113
6.2.1表格标记 113
6.2.2<table>标记的属性 114
6.2.3<tr>标记的属性 116
6.2.4<th>和<td>标记的属性 117
6.2.5使用CSS设置表格样式 119
6.3表格案例实现 121
6.3.1学生信息表的页面结构 121
6.3.2添加CSS样式 124
6.4表单案例:用户注册表 125
6.5表单相关知识 125
6.5.1认识表单 125
6.5.2表单标记 126
6.5.3表单控件 126
6.5.4使用CSS设置表单样式 128
6.6表单案例实现 131
6.6.1用户信息注册表单的页面结构 131
6.6.2添加CSS样式 134
本章小结 135
习题6 136
实训6 136
第7章 DIV+CSS布局网页 139
7.1案例:学院网站主页布局 139
7.2知识准备 140
7.2.1元素的浮动 140
7.2.2元素的定位 146
7.2.3DIV+CSS布局 152
7.3案例实现 161
7.3.1制作页面结构 162
7.3.2添加CSS样式 163
本章小结 164
习题7 165
实训7 165
第8章 使用JavaScript制作网页特效 170
8.1什么是JavaScript语言 170
8.2在网页中调用JavaScript 171
8.2.1直接嵌入HTML文档中 171
8.2.2引入外部脚本文件 172
8.2.3在事件代码中添加脚本 173
8.3案例:制作Flash幻灯片特效 173
8.4案例:制作下拉菜单特效 176
8.5案例:制作选项卡特效 179
本章小结 184
习题8 184
实训8 184
第9章 完整案例:信息学院网站制作 186
9.1信息学院网站描述 186
9.2网站规划 187
9.3效果图设计 188
9.3.1效果图设计原则 188
9.3.2效果图设计步骤 189
9.3.3效果图切片导出网页 196
9.4网站主页设计 196
9.4.1主页布局设计 196
9.4.2主页设计步骤 197
9.5网站模板页设计 208
9.6网站其他页面设计 212
9.6.1制作学院简介页面 212
9.6.2制作学院荣誉列表页面 214
9.6.3制作学院荣誉详细情况页面 215
9.6.4制作高技能人才培训基地页面 218
9.6.5制作办公电话页面 219
9.6.6制作视频宣传页面 220
9.7添加首页中的JavaScript脚本 222
本章小结 224
习题9 224
实训9 224
第10章 完整案例:发电设备公司动态网站制作 225
10.1发电设备公司动态网站描述 225
10.2网站规划 227
10.3效果图设计 228
10.3.1效果图设计原则 228
10.3.2效果图设计步骤 228
10.3.3效果图切片导出网页 233
10.4网站静态页面设计 234
10.4.1网站首页设计 234
10.4.2栏目页设计 246
10.4.3内容页设计 250
10.5KesionCMS后台管理系统的使用 252
10.5.1KesionCMS介绍 252
10.5.2KesionCMS完成动态网站的步骤 253
10.5.3静态页面与KesionCMS的整合 253
10.6IIS的安装与配置 253
10.7后台登录与设置 255
10.7.1后台登录 255
10.7.2基本信息设置 256
10.7.3设置网站栏目 256
10.8创建系统函数标签 257
10.9创建网站模板 260
10.10模板绑定 269
10.11添加文章内容 270
10.12创建留言页面 271
10.13发布首页 272
10.14创建模板中的超链接 273
本章小结 276
实训10 277
参考文献 278