×
暂无评论
图文详情
  • ISBN:9787568043656
  • 装帧:书写纸
  • 册数:暂无
  • 重量:暂无
  • 开本:16开
  • 页数:240
  • 出版时间:2019-03-01
  • 条形码:9787568043656 ; 978-7-5680-4365-6

本书特色

本书系统地介绍了Web前端开发的基础知识和实际应用。全书共分7章,内容包括Web开发概述及环境搭建、使用HTML标签组织页面内容、使用CSS样式设置页面外观、网站页面布局、JavaScript与jQuery、HTML5新增功能和常用Web前端开发框架的使用。 本书以实际应用为出发点,精心组织教材内容,每章都设计了典型案例,并配有习题及实验。与本书配套的教学网站,提供教学大纲、实验大纲、各种软件的下载链接、课件和案例源代码下载、在线测试等,极大地方便了教与学。

内容简介

本书系统地介绍了Web前端开发的基础知识和实际应用。全书共分7章,内容包括Web开发概述及环境搭建、使用HTML标签组织页面内容、使用CSS样式设置页面外观、网站页面布局、JavaScript与jQuery、HTML5新增功能和常用Web前端开发框架的使用。 本书以实际应用为出发点,精心组织教材内容,每章都设计了典型案例,并配有习题及实验。与本书配套的教学网站,提供教学大纲、实验大纲、各种软件的下载链接、课件和案例源代码下载、在线测试等,极大地方便了教与学。 本书可以作为高等院校计算机及相关专业学生学习Web前端开发的教材,也可以作为Web开发爱好者的参考书。 为了方便教学,本书还配有电子课件等教学资源包,任课教师和学生可以登录“我们爱读书”网(www.ibook4us.com)注册并浏览,任课教师还可以发邮件至hustpeiit@163.com索取。

目录

第1章Web开发概述及环境搭建1
1.1网站与网页概述1
1.1.1网站、网页与网址1
1.1.2网页组成2
1.1.3资源引用的相对路径与绝对路径2
1.1.4快速创建一个Web服务器2
1.1.5相关名词解释3
1.2基于B/S体系的网站系统4
1.2.1Web服务器与数据库服务器4
1.2.2动态网页的执行过程5
1.2.3应用层协议HTTP与HTTPS6
1.2.4Web客户端与浏览器内核7
1.2.5浏览器调试程序8
1.2.6Cookie信息与浏览器缓存9
1.3网页设计工具10
1.3.1高效的网页编辑器VS Code10
1.3.2流行的网页设计器——HBuilder12
1.3.3网页文档快速修改工具EditPlus和NotePad13
1.4使用网页三剑客制作网页素材15
1.4.1图形图像处理软件概述15
1.4.2使用Fireworks或Photoshop编辑图像15
1.4.3使用Flash制作动画16
1.4.4切图形成网页素材17
习题118
实验119

第2章使用HTML标签组织页面内容21
2.1HTML语言概述21
2.1.1HTML标签名称与属性21
2.1.2实体标签元素分类24
2.1.3网页文档编码与meta标签25
2.1.4特殊字符26
2.1.5HTML色彩与度量单位26
2.2简单的HTML标签28
2.2.1文本样式标签28
2.2.2文本格式化标签28
2.2.3滚动标签28
2.2.4列表标签29
2.2.5超链接与锚点链接标签30
2.2.6图像标签31
2.3表格31
2.3.1表格定义及属性设置31
2.3.2表格行定义及属性设置32
2.3.3表格单元格定义及属性设置33
2.3.4表格单元格合并33
2.4表单35
2.4.1表单及其工作原理35
2.4.2表单定义与基本使用36
2.4.3常用表单域37
2.4.4文件域与文件上传40
习题243
实验245

第3章使用CSS样式设置页面外观47
3.1CSS样式概述47
3.2CSS选择器48
3.2.1基本选择器48
3.2.2组合选择器50
3.3CSS样式的建立与使用51
3.3.1CSS样式的建立方式51
3.3.2CSS样式的使用方式51
3.3.3CSS高级特性53
3.4常用CSS样式的属性56
3.4.1文本外观56
3.4.2方框样式57
3.4.3元素显示与可见特性58
3.4.4设置按钮是否可用59
3.4.5滤镜样式59
3.5重新定义HTML元素外观60
3.6*新样式标准CSS363
3.6.1CSS3新增选择器64
3.6.2CSS3 阴影效果66
3.6.3CSS3动画效果67
习题372
实验373

第4章网站页面布局75
4.1页面布局概述75
4.2CSS+Div布局76
4.2.1div标签76
4.2.2盒子模型76
4.2.3元素定位的CSS样式属性83
4.2.4元素定位模式84
4.3页内框架与框架集88
4.3.1页内框架88
4.3.2框架集88
4.4综合项目:会员管理信息系统memmana189
4.5使用HTML5布局标签97
习题4101
实验4102

第5章JavaScript与jQuery104
5.1JavaScript基础104
5.1.1JavaScript概述104
5.1.2JavaScript数据类型与运算符106
5.1.3JavaScript流程控制语句110
5.1.4JavaScript对象的PEM模型111
5.1.5JavaScript脚本调试115
5.2JavaScript内置对象116
5.2.1数组对象Array116
5.2.2日期/时间对象Date117
5.2.3字符串对象String117
5.2.4数学对象Math118
5.2.5自定义JavaScript对象119
5.3浏览器对象120
5.3.1BOM与DOM120
5.3.2顶级对象window常用属性和方法121
5.3.3文档对象document与表单的elements集合127
5.3.4位置对象location136
5.3.5历史对象history136
5.3.6导航对象navigator137
5.4综合项目:会员管理信息系统memmana2a139
5.5jQuery147
5.5.1jQuery使用基础147
5.5.2综合项目:会员管理信息系统memmana2b156
5.5.3jQuery插件开发160
5.6jQuery Ajax161
5.6.1jQuery Ajax概述161
5.6.2JSON数据格式161
5.6.3jQuery Ajax应用实例163
习题5167
实验5169

第6章HTML5新增功能171
6.1HTML5概述171
6.1.1从HTML4到HTML5171
6.1.2使用标签〈details〉和〈summary〉隐藏详细内容172
6.2HTML5对表单的新增功能173
6.2.1字段输入提示173
6.2.2为文本域添加下拉列表选择输入173
6.2.3字段必填验证174
6.2.4电子邮件格式验证174
6.2.5日期与时间输入175
6.2.6range类型175
6.3HTML5音频与视频176
6.3.1音频标签audio176
6.3.2视频标签video177
6.4HTML5绘图功能178
6.4.1画布标签canvas178
6.4.2HTML5绘图API178
6.5HTML5地理定位与百度地图180
6.5.1HTML5地理定位实现180
6.5.2第三方工具百度地图的应用182
6.6HTML5响应式布局与媒体查询184
6.6.1响应式布局184
6.6.2关于视口viewport185
6.6.3媒体查询185
6.7HTML5 Web存储190
6.7.1本地存储localStorage191
6.7.2会话存储sessionStorage192
6.7.3WebSQL数据库192
习题6194
实验6195

第7章常用Web前端开发框架的使用197
7.1Web前端框架Bootstrap197
7.1.1概述197
7.1.2Bootstrap使用基础197
7.1.3CSS组件198
7.1.4响应式设计201
7.2模块化前端框架Layui 203
7.2.1在Web项目里引入Layui框架203
7.2.2网页轮播特效203
7.2.3表格模块与分页模块的使用204
7.3富文本编辑器Baidu UE208
7.4JS运行时环境Node.js211
7.4.1Node.js概述、下载及安装211
7.4.2Node.js模块安装器npm与cnpm211
7.4.3使用mysql模块访问MySQL数据库212
7.4.4使用http模块创建HTTP服务器216
7.4.5服务端框架Express217
7.4.6静态资源打包工具WebPack219
7.5渐进式框架Vue.js220
7.5.1Vue.js概述220
7.5.2快速创建、部署、运行和打包一个Vue.js项目222
7.5.3Vue组件224
7.5.4前端路由配置225
习题7227
实验7228

参考文献230
展开全部

节选

第1章开发概述及环境搭建第1章Web开发概述及环境搭建 计算机的应用经历了从桌面应用到Web应用的转变。Web应用使人们超越了时间、地理位置的限制,能方便地进行各种各样的信息处理,尤其是在手机等移动设备广泛使用的今天。本章主要介绍了B/S体系中的基本概念、开发环境的搭建与常用网页编写工具的使用,学习要点如下: 理解Web应用与传统的桌面应用方式的不同; 掌握使用WampServer搭建PHP网站的方法; 初步掌握浏览器调试的方法; 掌握VS Code和HBuilder等网页编辑软件的使用; 掌握使用网站三剑客处理(含制作)网页素材的方法。 1.1网站与网页概述 1.1.1网站、网页与网址 说到网站与网页,大家并不陌生。如果把网站比作一本书,那么,网页就是书里的一页,网址就是这本书的编码(如ISBN号或图书馆里的图书编号)。 使用浏览器打开网站里的网页,就可以浏览新闻、查询信息和网上购物等,如图1.1.1所示。 图1.1.1网站的几个典型应用 1.1.2网页组成 网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。 除了首页之外,一个网站通常还包含多个子页面。网页与网页之间通过超链接互相访问。 网站由网页构成,网页有静态和动态之分。 静态网页是指用户无论何时何地访问,网页都会显示固定的信息,除非网页源代码被重新修改上传。 动态网页显示的内容则会随着用户操作和时间的不同而变化。 1.1.3资源引用的相对路径与绝对路径 供网页使用的资源文件,可以有图像文件、CSS样式文件、JavaScript脚本文件和音乐文件等。一个网页文件本身也可能被另一个网页引用。在网站开发中,对文件的引用有相对路径和绝对路径两种方式。 相对路径是以引用文件之网页所在位置为参考基础的目录路径。因此,保存在不同目录里的网页相对引用同一个文件所使用的路径将不相同。 使用相对路径时,可能出现的符号及含义如下: “.”表示当前所在的目录; “..”表示当前目录的上一层目录; “/”表示站点根目录,也作为路径分隔符。 绝对路径是以Web站点根目录为参考基础的目录路径。通常情况下,对网络资源的引用使用绝对路径。绝对路径与当前页面的路径无关,一个使用绝对路径的示例代码如下: 〈img src="http://www.wustwzx.com/web/images/wzx.jpg"〉 注意:(1) 对站内资源的引用,一般使用相对路径。例如,“../../”代表的是上一层目录的上一层目录。 (2) 使用相对路径的好处是:将本地开发好的网站上传至Web服务器时,不会出现路径解析错误。 (3) 使用网络资源时,“http://”不可省略。 1.1.4快速创建一个Web服务器 Web服务器有多种类型,主要有Microsoft推出的IIS(对应于ASP或ASP.NET网站)、Apache推出的Tomcat(对应于JSP网站)和WAMP(对应于PHP网站)等。 WAMP服务器软件容量很小,且易于安装和使用。 成功启动WAMP后,任务栏上的图标(W形状、绿色)如图1.1.2所示。 图1.1.2WAMP启动后的图标 注意:右击WAMP图标,选择Exit,即可关闭WAMP服务器。 单击WAMP图标,可以查看访问默认站点、进入MySQL操作界面和进入站点根目录等选项,如图1.1.3所示。 图1.1.3单击WAMP图标时的功能菜单选项 注意:(1) 设置Web服务器,应选择Apache菜单项。例如,更改默认使用的浏览器。 (2) 设置数据库服务器,应选择MySQL选项。例如,设置MySQL服务器通信端口。 (3) 右击WAMP图标时,弹出的菜单包含退出服务器的菜单选项Exit。 1.1.5相关名词解释 1.W3C与WWW W3C(World Wide Web Consortium),中文译为“万维网联盟”,是国际*著名的标准化组织。W3C提供了一个在线验证页面https://validator.w3.org/,用于验证HTML页面是否符合规范。 WWW(World Wide Web),中文译为“万维网”,它是Internet网络提供的一种网页浏览服务。 Web通常指互联网的使用环境,通常称为网页。 2.HTTP协议与URL HTTP(hypertext transfer protocol,超文本传输协议)详细规定了浏览器和万维网服务器之间互相通信的规则。 URL(uniform resource locator,统一资源定位符)就是Web地址,简称网址。 3.Web标准 Web本意是蜘蛛网和网的意思。对于网站设计及制作者来说,它是一系列技术的复合总称(包括网站的前台布局、后台程序、美工、数据库开发等),我们称之为网页。 Web标准并不是某一个标准,而是一系列标准的集合,主要包括结构(structure)、表现(presentation)和行为(behavior)三个方面。 结构标准用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分,XHTML是基于XML的标识语言,是在HTML4的基础上,用XML的规则对其进行扩展建立起来的,实现了HTML向XML的过渡。 表现标准用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。 行为标准是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分。其中,DOM(document object model)是文档对象模型;ECMAScript是ECMA(European Computer Manufacturers Association,欧洲计算机制造商协会)以JavaScript为基础制定的标准脚本语言。 注意:(1) 定义网页元素的HTML标签是固定的,详见第2章。 (2) CSS样式的定义与使用,详见第3章。 (3) JavaScript脚本的定义与使用,详见第5章。

预估到手价 ×

预估到手价是按参与促销活动、以最优惠的购买方案计算出的价格(不含优惠券部分),仅供参考,未必等同于实际到手价。

确定
快速
导航