网页设计理论与实务 微课版

1.教学与零售市场的“双层需要”，市场潜力大。 2.扬弃传统编写思路，突出理论与基础技能培养。 3.深度调研院校需求，合理创新层次架构及体例。 4.内容布局差异化呈现，立足零基础人群。 5.提供充足课后练习题，同类教材首屈一指。

本书根据网页设计与制作的基础语法逻辑进行编写，理论与实务相结合，力求帮助网页设计与制作零基础的读者从入门走向精通。全书共8章，包括浏览器与网页基础、网页文本处理、常用的网页标记、CSS基础、CSS布局属性、设计复杂的布局、JavaScript基础、基于对象的JavaScript编程等内容。
为了方便教师教学，本书提供丰富的教学资源，包括PPT课件、电子教案、教学大纲、课后习题答案、上机实验源代码、实训案例源代码等。
本书可作为高等院校计算机、电子商务、网络与新媒体等专业相关课程的教材，也可作为从事网页设计、电子商务、前端开发等工作人员的参考书。

田登山，北京林业大学副教授。 2003年毕业于中国石油大学（北京）计算机系，获硕士学位；毕业后北京林业大学经济管理学院任教至今。 研究领域：基于面向对象的系统分析与设计、分布式Web开发技术、极限编程、移动开发。 承担课程：网页设计理论与实务、数据库原理、Java、JSP。 一、主持和参与的科研、教学研究课题： 2003.9--2004.7，北京林业大学科技创新计划项目和北京林业大学211建设----林业经济信息系统，主要完成人。 2016-2018，设计开发了“无误”App，曾成功在苹果应用商店、华为应用商店上线。 二、论文与专著： 1. A Test-Driven Web Application Model based on Layered Approach；2010 IEEE International Conference on Information Theory and Information Security(ICITIS2010)；Ei和ISTP检索，并进入IEEE Xplore。（第一作者） 2. WEB分层框架模型研究；2010年信息技术与管理科学研讨会（CITSM 2010）；ISTP检索。（第一作者） 3.基于依赖关系的课程体系自我调整模型研究；中国林业教育；2010 28 (5)（第一作者） 4.林业经济信息集成平台的构建；《国家林业局管理干部学院学报》；2005年01期（第二作者） 5.基于分布式计算的网络管理平台的设计与实现；《计算机工程》；2005年23期（第三作者） 三、出版教材 《Java面向对象程序设计与应用》中国铁道出版社， 2011.12，主编，排名第一。 《网页设计理论与实践》中国铁道出版社， 2015.2，主编，排名第一。 《JSP网络程序设计》北京邮电大学出版，2011.8，主编，排名第二。 四、荣誉与奖励 北京市教育教学成果（高等教育）二等奖北京林业大学“经济管理综合实验系统建设项目”，排名第二。 北京林业大学2007年教学成果奖校级一等奖经济管理综合实验系统建设，排名第三。 北京林业大学2007年教学成果奖校级优秀奖电子商务系列课程教学改革研究，排名第二。

第1章浏览器与网页基础1
1．1计算机网络与浏览器1
1．1．1计算机网络1
1．1．2TCP/IP2
1．1．3进制与IP地址2
1．1．4域名与域名服务器4
1．1．5URL5
1．1．6常用的浏览器5
1．1．7浏览器的工作原理6
1．1．8浏览器应用程序7
1．2网站与网页8
1．2．1网页的分类9
1．2．2网页的组成元素10
1．2．3网站的制作流程与网站空间10
1．2．4测试网页12
1．2．5发布网页12
1．3网页设计辅助软件12
1．3．1网页编辑软件12
1．3．2网页测试软件13
1．3．3IDE13
1．4构建第一个网页14
1．4．1创建网页文件14
1．4．2网页编码与文件存储14
1．4．3测试网页效果14
1．4．4浏览器的渲染次序15
1．4．5浏览器与内存15
1．5实训案例15
1．5．1安装Firefox浏览器15
1．5．2安装SublimeText216
思考与练习16
上机实验17
第2章网页文本处理18
2．1结构标记18
2．1．1html标记18
2．1．2head标记18
2．1．3meta标记19
2．1．4控制网页编码20
2．1．5注释21
2．1．6body标记21
2．1．7进制与RGB颜色值23
2．1．8网页模板文件23
2．2文本样式标记与转义字符24
2．2．1font标记24
2．2．2物理样式标记与逻辑样式标记25
2．2．3转义字符26
2．3组织段落27
2．3．1p标记27
2．3．2div标记与span标记28
2．3．3标记间的包含关系29
2．3．4标题标记hn29
2．3．5br标记与nobr标记30
2．3．6hr标记30
2．3．7像素、分辨率与进制30
2．3．8align属性31
2．3．9空标记31
2．3．10W3C与HTML标准31
2．4列表32
2．4．1li标记与ol标记32
2．4．2ul标记32
2．4．3dl、dt和dd标记33
2．5其他标记33
2．5．1abbr标记33
2．5．2acronym标记34
2．5．3del与ins标记34
2．5．4标记的分类35
2．6实训案例35
2．6．1创建网页模板文件35
2．6．2使用网页模板文件36
思考与练习36
上机实验38
第3章常用的网页标记39
3．1网页文件路径39
3．1．1绝对路径39
3．1．2相对路径40
3．2链接40
3．2．1a标记40
3．2．2书签42
3．2．3base标记42
3．3图片43
3．3．1图片格式43
3．3．2img标记44
3．3．3map标记44
3．3．4map标记内的重叠区域处理46
3．3．5marquee标记46
3．4设计表格48
3．4．1table标记48
3．4．2行标记48
3．4．3单元格标记49
3．4．4基准线对齐50
3．4．5表格标题标记50
3．4．6合并行与列51
3．5设计表单52
3．5．1表单52
3．5．2输入控件53
3．6实训案例56
3．6．1调整图片尺寸56
3．6．2管理网页相关文件57
思考与练习57
上机实验58
第4章CSS基础59
4．1CSS概述59
4．1．1CSS的作用59
4．1．2CSS语法60
4．1．3CSS选择器60
4．1．4注释与添加CSS代码62
4．1．5在网页模板文件中添加CSS62
4．1．6样式的优先级63
4．1．7模式匹配64
4．1．8CSS属性的继承66
4．2CSS基本单位67
4．2．1长度单位67
4．2．2颜色单位68
4．3设置字体相关样式68
4．3．1设置字体68
4．3．2设置字号69
4．3．3设置字体样式69
4．3．4设置笔画粗细70
4．3．5设置小型的大写字母71
4．3．6设置行高71
4．3．7设置字体复合属性71
4．4设置文本样式72
4．4．1设置文本颜色72
4．4．2设置文本显示方向72
4．4．3设置字母间距73
4．4．4设置文本对齐方式74
4．4．5设置文本修饰方式74
4．4．6理解伪类定义次序75
4．4．7IE浏览器的工作模式75
4．4．8改进网页模板文件76
4．4．9设置文本缩进76
4．4．10转换字母大小写77
4．4．11设置单词间距77
4．5设置元素背景78
4．5．1设置背景图像固定78
4．5．2设置元素背景色78
4．5．3设置表格背景79
4．5．4设置背景图像的基本属性与起始位置79
4．5．5设置背景图像的重复方式80
4．5．6设置背景的复合属性80
4．6设置列表样式80
4．6．1设置列表项符号81
4．6．2设置列表项符号的位置81
4．6．3用图像替换列表项符号82
4．6．4设置列表的复合属性82
4．7实训案例82
4．7．1显示不同字体82
4．7．2调整字号83
思考与练习83
上机实验85
第5章CSS布局属性86
5．1标记的分类86
5．1．1行内元素与块元素86
5．1．2块元素与行内元素的互换87
5．1．3特殊的元素类型87
5．2设置元素尺寸87
5．2．1设置元素高度87
5．2．2设置元素宽度88
5．2．3伪元素88
5．2．4设置文本等宽88
5．3分类属性90
5．3．1设置元素类型90
5．3．2设置元素是否可见90
5．3．3设置元素浮动91
5．3．4清除浮动元素92
5．3．5设置鼠标指针93
5．4盒子模型93
5．4．1设置外边距93
5．4．2设置边框94
5．4．3设置填充96
5．4．4盒子模型的概念97
5．4．5消除浏览器的显示差异97
5．5设置表格样式98
5．5．1表格样式的5个属性98
5．5．2表格隔行变色与当前行提示99
5．6设置元素定位101
5．6．1设置外边距101
5．6．2设置垂直方向的对齐方式101
5．6．3设置元素堆叠顺序102
5．6．4设置元素定位类型102
5．6．5设置溢出处理105
5．7实训案例105
5．7．1模拟论坛页面106
5．7．2制作个人简历页面106
思考与练习106
上机实验108
第6章设计复杂的布局109
6．1设计桌面浏览器布局109
6．1．1迭代技术109
6．1．2引入占位div110
6．1．3设计三行一列桌面浏览器布局111
6．1．4设计一行三列桌面浏览器布局112
6．1．5第二次迭代一行三列桌面浏览器布局113
6．1．6第三次迭代一行三列桌面浏览器布局115
6．1．7设计三行三列桌面浏览器布局116
6．1．8完善上部横向菜单117
6．1．9第二次迭代上部横向菜单118
6．1．10迭代左侧竖向菜单119
6．1．11迭代下方版权信息120
6．1．12迭代中间内容121
6．1．13迭代右侧友情链接122
6．1．14第二次迭代三行三列桌面浏览器布局123
6．1．15第三次迭代上部横向菜单124
6．1．16选择网站色调125
6．2HTML5与CSS3126
6．2．1浏览器内核126
6．2．2初步了解HTML5127
6．2．3引入HTML5后的网页模板128
6．2．4CSS1到CSS3128
6．2．5定义圆角矩形129
6．2．6浅谈圆角矩形实现算法129
6．2．7CSS3盒子模型130
6．2．8HTML5新增的标记131
6．3flex布局基础132
6．3．1flex容器133
6．3．2flex项目135
6．4flex布局设计136
6．4．1设计三行一列flex布局136
6．4．2设计一行三列flex布局137
6．4．3设计三行三列flex布局139
6．5响应式网页布局140
6．5．1响应式网页140
6．5．2“@media”语法140
6．5．3制作响应式网页141
6．6实训案例144
6．6．1整体布局的对齐方式144
6．6．2响应式网页菜单项提示144
思考与练习145
上机实验146
第7章JavaScript基础147
7．1JavaScript语法基础147
7．1．1定义JavaScript代码148
7．1．2数据类型148
7．1．3常量149
7．1．4变量150
7．1．5值传递150
7．1．6关键字151
7．2分隔符151
7．2．1注释符151
7．2．2空白符151
7．2．3普通分隔符151
7．3表达式和运算符152
7．3．1算术运算符152
7．3．2关系运算符153
7．3．3逻辑运算符153
7．3．4位运算符153
7．3．5赋值运算符155
7．3．6运算符的优先级156
7．4流程控制157
7．4．1顺序流程157
7．4．2条件流程157
7．4．3函数163
7．4．4迭代学习方法167
7．4．5JavaScript调试技巧168
7．4．6常用的全局函数169
7．4．7循环流程169
7．5实训案例175
7．5．1显示基本数据类型175
7．5．2显示斐波那契数列175
思考与练习176
上机实验177
第8章基于对象的JavaScript编程178
8．1对象基础178
8．1．1类与对象178
8．1．2属性与方法179
8．2JavaScript中的常用类179
8．2．1Date类179
8．2．2Array类180
8．2．3String类181
8．2．4Math类183
8．2．5函数与高等数学184
8．3浏览器内置对象184
8．3．1窗口对象window184
8．3．2文档对象document185
8．3．3浏览器对象navigator186
8．3．4历史对象history187
8．3．5位置对象location187
8．4事件及其处理方法187
8．4．1onload187
8．4．2onunload188
8．4．3onmouseover188
8．4．4onmouseout188
8．4．5onfocus188
8．4．6onblur189
8．4．7onclick189
8．4．8onselect189
8．4．9onchange189
8．5操作DOM190
8．5．1操作DOM节点191
8．5．2制作实时数字时钟192
8．5．3实时显示在页面停留的时间193
8．5．4修改DOM节点的样式194
8．5．5校验表单195
8．5．6设计RGB颜色查看器200
8．6HTTP异步通信201
8．6．1XMLHttpRequest对象201
8．6．2JSON对象203
8．6．3获取天气信息204
8．6．4使用终端显示日志信息205
8．7兼容性设计206
8．7．1IE浏览器的条件注释206
8．7．2低版本IE浏览器兼容HTML5和CSS3207
8．7．3自动切换桌面浏览器布局与移动端浏览器布局208
8．8JavaScript框架简介208
8．8．1jQuery框架209
8．8．2Vue．js框架209
8．8．3Node．js框架210
8．9实训案例210
8．9．1提示文档加载完毕210
8．9．2提示文档加载进程210
思考与练习211
上机实验212