本教材以Dreamweaver CS4软件为开发平台,以当前网站开发实用的前台网页设计技术(HTML、CSS和JavaScript)为知识主线,以《My 12306》案例的贯穿为项目主线,围绕《My 12306》实际项目,详细全面系统地介绍了网页制作、设计、美化、验证等基本知识以及网站设计、开发、发布的完整流程。教材共7章,内容包括课程导学、Web应用基础知识介绍、HTML基础知识及应用、JavaScript基础知识及应用、HTML与JavaScript知识进阶、CSS基础知识及应用、Dreamweaver CS4工具使用及项目完善。结合每一章技术知识,给出了在《My 12306》项目中用户管理模块应用该知识内容的实施案例,方便读者进行一体化的实训练习,力求由浅入深,使读者快速掌握网页制作及网站设计、开发的相关技术。
第1章课程导学1
1.1课程目标2
1.2项目总述2
1.2.1项目背景与开发目标2
1.2.2项目总体功能2
1.2.3项目功能列表2
1.3用户管理模块3
1.3.1用户管理模块功能需求3
1.3.2数据描述3
1.3.3界面效果4
1.4本章小结7
第2章Web应用基础8
2.1常用Web术语9
2.1.1基本术语9
2.1.2网页与网站10
2.2Web应用请求与响应过程11
2.3Web服务器12
2.3.1常用的Web服务器软件简介12
2.3.2Tomcat服务器的安装、配置与测试13
2.3.3在Tomcat服务器上发布Web应用19
2.3.4本节练习20
2.4Web应用前台技术简介20
2.4.1HTML技术20
2.4.2JavaScript技术20
2.4.3CSS技术21
2.5本章小结22
2.6课后作业22
第3章HTML基本标签23
3.1HTML基本概念24
3.1.1HTML技术简介24
3.1.2HTML标签与属性24
3.1.3本节练习25
3.2标准HTML文件结构25
3.3HTML基本标签26
3.3.1段落与换行标签26
3.3.2字体、预格式化文本与标题标签27
3.3.3字符实体标签31
3.3.4其他基本标签32
3.3.5本节练习33
3.4HTML表单34
3.4.1表单介绍34
3.4.2表单标签35
3.4.3表单域标签35
3.4.4多行文本框和下拉菜单控件37
3.4.5隐藏域和文件域38
3.4.6本节练习39
3.5HTML图片39
3.5.1两种常用路径的概念39
3.5.2网络图片的基本概念40
3.5.3图片标签42
3.5.4本节练习43
3.6HTML表格44
3.6.1表格标签44
3.6.2表格行标签44
3.6.3表格单元格标签44
3.6.4表格的基本结构44
3.6.5表格的属性45
3.6.6表格的结构标签52
3.6.7本节练习53
3.7项目实现——用户登录页面设计实现53
3.7.1项目导引53
3.7.2项目分析53
3.7.3项目实施54
3.8本章小结56
3.9课后作业56
第4章JavaScript基础57
4.1JavaScript简介58
4.1.1JavaScript产生背景58
4.1.2JavaScript能做什么58
4.1.3JavaScript语言的特点59
4.1.4JavaScript代码位置与编辑环境59
4.2基本语法61
4.2.1JavaScript中的注释61
4.2.2变量62
4.2.3语句64
4.2.4本节练习64
4.3表达式和运算符65
4.3.1赋值运算符65
4.3.2算术运算符65
4.3.3比较运算符66
4.3.4逻辑运算符66
4.3.5条件运算符67
4.3.6typeof运算符67
4.3.7本节练习67
4.4流程控制68
4.4.1条件语句68
4.4.2循环语句71
4.4.3本节练习74
4.5函数75
4.5.1函数定义75
4.5.2函数调用75
4.5.3内部函数76
4.5.4本节练习76
4.6JavaScript对象77
4.6.1对象的基础知识77
4.6.2常用的内置对象80
4.6.3浏览器对象模型(BOM)82
4.6.4文档对象模型(DOM)83
4.6.5本节练习83
4.7window对象、document对象和event对象83
4.7.1window对象84
4.7.2document对象86
4.7.3event对象88
4.7.4本节练习90
4.8表单验证91
4.9项目实现——用户登录信息验证实现93
4.9.1项目导引93
4.9.2项目分析93
4.9.3项目实施94
4.10本章小结97
4.11课后作业97
第5章HTML与JavaScript进阶98
5.1HTML超链接99
5.1.1超链接基础99
5.1.2超链接标签格式99
5.1.3相对路径与绝对路径100
5.1.4target属性101
5.1.5超链接的常见使用方法101
5.2HTML列表108
5.2.1有序列表109
5.2.2无序列表109
5.2.3自定义列表110
5.2.4嵌套的列表111
5.2.5本节练习112
5.3框架112
5.3.1frameset和frame113
5.3.2框架的使用114
5.3.3iframe115
5.3.4本节练习117
5.4marquee标签117
5.4.1基本语法117
5.4.2基本属性设置117
5.4.3本节练习118
5.5JavaScript数组对象118
5.5.1数组的创建118
5.5.2数组的赋值与使用119
5.5.3应用举例119
5.5.4本节练习120
5.6正则表达式121
5.6.1简介121
5.6.2正则表达式的构造121
5.6.3正则表达式中的元字符122
5.6.4RegExp对象124
5.6.5常用的JavaScript正则表达式124
5.6.6正则表达式进行表单验证实例124
5.7项目实现126
5.7.1项目导引126
5.7.2项目分析127
5.7.3项目实施——系统主页面127
5.7.4项目实施——用户注册页面130
5.8本章小结134
5.9课后作业134
第6章层叠样式表135
6.1CSS简介136
6.1.1CSS的概念136
6.1.2CSS的发展136
6.1.3CSS的优点137
6.2CSS使用方式137
6.2.1三种CSS使用方式137
6.2.2三种方式优先级关系139
6.2.3本节练习139
6.3CSS语法140
6.3.1CSS基础语法140
6.3.2CSS选择器141
6.3.3CSS常用属性146
6.3.4CSS注释149
6.3.5本节练习149
6.4CSS伪类与伪元素150
6.4.1CSS伪类150
6.4.2CSS伪元素152
6.4.3本节练习152
6.5CSS+DIV布局153
6.5.1组织元素span和div153
6.5.2盒模型154
6.5.3CSS定位与浮动157
6.5.4布局162
6.5.5本节练习163
6.6项目实现——用户管理主页面设计及美化164
6.6.1项目导引164
6.6.2项目分析164
6.6.3项目实施164
6.7本章小结170
6.8课后作业171
第7章Dreamweaver CS4工具使用及项目完善172
7.1Dreamweaver CS4工具简介173
7.1.1Dreamweaver CS4背景知识173
7.1.2Dreamweaver CS4安装与启动173
7.1.3Dreamweaver CS4操作界面177
7.2创建网页、样式表与JavaScript等文件181
7.2.1文件创建181
7.2.2网页内容设计181
7.3项目完善——使用Dreamweaver CS4完成修改页面设计185
7.3.1基本页面设计185
7.3.2HTML代码生成与完善189
7.3.3CSS样式代码195
7.4本章小结198
7.5课后作业198
附录1Axure原型设计工具的安装与使用199
1原型工具简介199
2Axure RP 6.5的安装、注册与启动200
3Axure工具介绍206
4操作举例——登录界面原型设计210
附录2习题参考答案215
参考文献229
本教材为项目化教材,由具有一线教学经验的教师编写,按照“知识讲解→课堂案例→课堂练习→项目实施→课后作业”这一思路进行编排,使学生在循序渐进、对照比较的过程中理解知识、化解难点、训练技能。采用项目驱动的编写方法,打破传统的以知识传授为主线的知识架构。同时本教材步骤详细,图文并茂,通过详细的文字解说并配合相应的图示,使每个步骤清晰易懂,一目了然。