图书简介:
第1章 网站开发基础知识 1
1.1 Internet与Web 1
1.1.1 Internet基础知识 1
1.1.2 Web基本概念 4
1.2 Web 浏览器的使用 5
1.2.1 浏览器的发展 5
1.2.2 常见浏览器 8
1.3 网站的访问过程 12
1.3.1 静态网站访问过程 12
1.3.2 动态网站访问过程 12
1.4 什么是Web 2.0网站 13
1.4.1 Web 2.0的定义 13
1.4.2 Web 2.0的特点 13
第2章 网站开发过程 15
2.1 网站开发流程 15
2.1.1 规划网站 15
2.1.2 设置开发环境 15
2.1.3 规划页面及布局 16
2.1.4 创建内容 21
2.1.5 测试与部署 21
2.2 网站开发设计思想 26
2.2.1 网站设计理念 26
2.2.2 网页构成要素 27
2.2.3 网页设计原则 29
2.3 常见的网站开发工具 30
2.3.1 网页开发工具 31
2.3.2 图形处理工具 34
2.3.3 动画制作工具 36
2.3.4 其他 38
2.4 网站测试 39
2.4.1 测试过程 39
2.4.2 测试内容 40
2.4.3 常见测试工具 46
第3章 HTML标记语言(一) 48
3.1 HTML标签基础知识 48
3.1.1 HTML文档结构 48
3.1.2 HTML常用标记 48
3.2 段落和文本 52
3.2.1 常见文本和段落标签 52
3.2.2 设置字体样式 54
3.2.3 案例 57
3.3 图片标签 58
3.3.1 常用网页图形 58
3.3.2 插入网页图片 59
3.3.3 鼠标经过图片 61
3.3.4 案例 63
3.4 超链接标签 64
3.4.1 插入超链接 64
3.4.2 设置链接属性 66
3.4.3 使用热点和锚点链接 68
3.4.4 案例 71
第4章 HTML标记语言(二) 76
4.1 HTML表格 76
4.1.1 插入表格 76
4.1.2 设置单元格 78
4.1.3 常用属性设置 81
4.1.4 案例 84
4.2 DIV标签 85
4.2.1 使用DIV 86
4.2.2 DIV属性设置 87
4.2.3 案例 91
4.3 列表标签 93
4.3.1 有序列表 93
4.3.2 无序列表 96
4.3.3 定义列表 98
4.3.4 案例 99
4.4 框架 100
4.4.1 FrameSet 101
4.4.2 iframe 104
4.4.3 案例 109
第5章 使用CSS样式表 112
5.1 CSS样式表概述 112
5.1.1 CSS概述 112
5.1.2 CSS的基本语法 112
5.2 使用CSS样式表 113
5.2.1 在网页中使用样式表 113
5.2.2 内联样式和外联样式 115
5.2.3 案例 115
5.3 类和选择器 117
5.3.1 选择器 117
5.3.2 伪类 121
5.3.3 样式的继承 122
5.3.4 案例 123
5.4 字体、颜色和段落样式 124
5.4.1 设置字体 124
5.4.2 设置颜色 126
5.4.3 设置段落 128
5.4.4 案例 131
5.5 边框、背景、列表样式 133
5.5.1 设置边框 133
5.5.2 设置背景 136
5.5.3 设置列表样式 139
5.5.4 案例 139
5.6 CSS滤镜的使用 141
5.6.1 常用滤镜 142
5.6.2 兼容性及替代方案 145
第6章 DIV+CSS布局 146
6.1 DIV+CSS布局的基础 146
6.1.1 DIV+CSS布局优势 146
6.1.2 DIV嵌套 146
6.1.3 盒子模型 148
6.2 控制HTML元素的位置 148
6.2.1 位置控制(left、right、top、bottom) 148
6.2.2 Margin和Padding 149
6.2.3 案例 150
6.3 浮动定位与固定定位 151
6.3.1 浮动和清除 151
6.3.2 定位属性 155
6.3.3 案例 157
6.4 流式布局 158
6.5 浏览器兼容性问题 162
6.5.1 兼容性问题由来 162
6.5.2 常见问题及解决 162
6.5.3 CSS Hack 164
6.5.4 兼容性测试 165
6.5.5 案例 165
第7章 使用jQuery 168
7.1 Javascript和jQuery 168
7.1.1 JavaScript语法 168
7.1.2 运算符和流程控制 171
7.1.3 对象和函数 177
7.1.4 JQuery和JavaScript关系 180
7.1.5 在网页中添加jQuery 180
7.2 jQuery选择器 180
7.2.1 基本选择器 180
7.2.2 过滤选择器 181
7.2.3 案例 183
7.3 使用jQuery进行DOM操作 186
7.4 事件和动画 197
7.4.1 基本事件 197
7.4.2 动画处理 202
7.4.5 案例 205
7.5 非侵入式Javascript 214
第8章 JQuery UI的使用 216
8.1 jQuery UI和jQuery 216
8.2 使用jQuery UI 216
8.2.1 下载jQuery UI 216
8.2.2 使用jQuery UI 216
8.3 选项卡 217
8.3.1 选项卡组件简介 217
8.3.2 选项卡组件使用 217
8.3.3 案例 217
8.4 对话框 218
8.4.1 对话框组件简介 218
8.4.2 对话框组件属性 218
8.4.3 对话框组件使用 219
8.4.4 案例 219
8.5 按钮 221
8.5.1 按钮组件简介 221
8.5.2 按钮组件属性 221
8.5.3 按钮组件的使用 222
8.5.4 案例 222
8.6 日历 224
8.6.1 日历组件简介 224
8.6.2 日历组件属性 224
8.6.3 日历组件使用 225
8.6.4 案例 225
8.7 其他控件 227
第9章 JQuery 和 AJAX 228
9.1 AJAX简介 228
9.1.1 AJAX的XMLHttpRequest 228
9.1.2 使用AJAX 230
9.2 JSON和序列化元素 231
9.2.1 JSON简介 231
9.2.2 jQuery处理JSON 231
9.2.3 序列化表单 235
9.2.4 调用Web Service 236
9.2.5 ASP.NET JSON序列化和反序列化实例 239
9.3 使用AJAX进行表单验证 240
9.3.1 简单的表单验证 240
9.3.2 使用AJAX进行复杂表单验证 242
9.3.3 案例 249
第10章 HTML5和jQuery Mobile 251
10.1 HTML5简介 251
10.1.1 HTML和HTML5 251
10.1.2 HTML5语法 251
10.1.3 HTML5多媒体对象 255
10.2 jQuery Mobile简介 256
10.2.1 jQuery和jQuery Mobile 256
10.2.2 使用jQuery Mobile 257
10.2.3 jQuery Mobile组件 257
10.2.4 jQuery Mobile表单 257
10.2.5 jQuery Mobile事件 258
10.2.6 案例 259
10.3 响应式网站开发 260
10.3.1 响应式网站简介 260
10.3.2 使用HTML5+CSS3布局 260
10.3.3 简单的响应式网站 261
10.3.4 响应式布局优化 262
第11章 网站的测试和发布 263
11.1 网站兼容性测试 263
11.2 网站性能和优化 263
11.3 网站发布需要做的工作 264
11.4 发布网站到远程服务器 265
11.4.1 站点的创建 265
11.4.2 测试服务器的设置 271
11.4.3 其他属性设置 272
展开
互联网以其自身信息传递的高效快捷、多样化、互动性等优势,给人类的信息互通和共享带来了巨大改变。进入21世纪,Web 2.0技术的成熟与广泛应用使得人们相比以往有更多的机会参与到信息产品的创造、传播和分享当中,互联网从此进入了一个全新的发展阶段。在Web 2.0这一新的时代背景下,从本世纪初到现在,Web站点、Web页面和Web应用程序的设计与开发也经历了多次的创新和变革。以网页设计为例,个性化、扁平化和响应式设计,界面简洁,视频代替文本、移动端Web开发等是该领域新的技术标准和发展趋势。
作为当今大学课程体系中一门集实践性、创造性、时代性为一体的重要基础课,网页设计课程在培养学生的直觉思维、形象思维和自主创新能力方面发挥着重要作用。然而,与之相配套的课程教材由于存在内容较陈旧、题材和体裁较单一、针对性和实用性不强等众多问题,已很难适应时代快速发展和创新性人才培养的要求。本书作者根据多年从事Window程序设计工作和讲授网页设计课程的实际教学经验,按照“厚基础、重实践、强能力”的指导思想,精心选取教学内容,合理组织章节结构,抓住Web 2.0网页设计的知识体系,系统讲解了各知识点的基础理论和使用方法。在内容设计上,除保留网站开发基础知识、HTML标记语言、CSS样式、CSS滤镜等网页设计课程所必需的传统、基础内容外,增设了网站测试、流式布局、浏览器兼容性问题及解决办法、CSS Hack、jQuery和jQuery UI的使用、jQuery和AJAX、HTML5和jQuery Mobile等设计开发中具有实践性的内容,注重提高读者基于Web 2.0技术应用的分析能力、开发能力和常见问题的应对能力。
本书的主要特点如下:
1. 由浅入深,循序渐进
本书共分11章,以“入门à进阶à提高à应用”为线索具体展开,先从网页设计和网站开发的基础知识入手;进而深入讲解网站开发过程中涉及到的核心、关键的技术规范及技术要点;然后详细讲解了网页设计与网站开发中常用的jQuery、jQuery UI、jQuery 和AJAX,并作为拓展讲解了用于创建移动Web应用的HTML5和jQuery Mobile的相关理论知识与实践;最后总结了网站测试与发布的实际过程。
2. 注重实用,时代性强
本书站在实用和实际的角度,针对初学者和设计开发人员在学习或实际开发过程中常常面临的一系列现实性困惑和难题,如页面布局问题、浮动定位与固定定位问题、流式布局问题、浏览器兼容性问题、使用AJAX进行表单验证问题和网站发布问题等,进行系统性的梳理总结和针对性的讲解演示,使读者能够全面掌握网页设计及网站建设的思路与方法。同时,紧密跟踪该领域最新的技术,适应网页设计的变革与发展,实时引入JQuery和AJAX,用于手机和平板设备Web应用开发的HTML5与jQuery Mobile内容,积极拓展读者学习视野。
3. 案例众多,针对性强
本书在介绍每一个关键知识点内容时,均以“实践”为中心,有针对性地精心设计了相关实践性案例,利用实践项目强化训练,并给出了案例相应的代码(读者可按照书中提示信息找到每章的源码),力求让读者在理解理论知识后,能够学以致用,融会贯通,并很快运用到实际工作和生活中去。
4. 可读性强
本书不仅适合本专科计算机类专业学生作为网页设计与制作、动态网站和Web应用程序开发等课程的教材。对于非计算机类专业和没有网页设计背景的读者,本书除了在内容上注意安排循序渐进、承前启后的知识和技能结构外,对于其中较难理解或需要引起足够注意的地方适时增设“小提示”,所以也可以作为非计算机类专业学生、网页制作爱好者或相关从业人员的自学和参考用书。
本书由河南科技大学徐会杰负责主审、统稿和定稿,河南科技大学朱海负责策划,徐会杰和朱海担任主编,洛阳师范学院匡国防、洛阳师范学院伍临莉、河南科技大学蔡羽担任副主编。其中,本书第一章、第四章、第五章、第六章由徐会杰编写,第二章、第七章、第九章由朱海编写,第三章、第八章、第十章、第十一章由匡国防和伍临莉编写,蔡羽负责校对、审稿。此外,张军、颜同飞、刘海笑、董帅、程传虎、常续、丁毅在资料收集与整理、程序调试等方面做了大量的工作,一并表示感谢。在本书的编写过程中,参阅并引用了国内外诸多同行的著作,在此向他们表示致意。
在本书的编写过程中,我们力求精益求精,但由于编者水平有限,书中难免有错误和不妥之处,欢迎广大读者、同仁批评指正。
展开