Web前端设计基础

图书标准信息

• 作者 薛晓霞、王晓红 编
• 出版社 清华大学出版社
• 出版时间 2020-09
• 版次 1
• ISBN 9787302558217
• 定价 58.00元
• 装帧 平装
• 开本 16开
• 页数 348页
• 字数 448千字
• 丛书 21世纪经济管理新形态教材·电子商务系列

【内容简介】

  《Web前端设计基础/21世纪经济管理新形态教材・电子商务系列》是中国大学MOOC平台慕课“Web前端设计基础”、北京市高校优质本科课程“Web前端设计”的配套教材。
  《Web前端设计基础/21世纪经济管理新形态教材・电子商务系列》基于Web前端设计的工作过程，采用“项目→学习任务→任务”的编写方式，以培养学生的实践应用能力为主线，通过具体的网站建设项目，介绍Web基础、HTML、CSS、JavaScript等网站前端开发必备的基本知识和操作技术，为从事Web前端设计工作打下坚实的基础。该书结构合理、语言简练、示例翔实，扫描相应的二维码可观看相应知识点的示例、视频操作或讲解。该书主要面向Web前端设计的学习人员，适合作为普通高等院校相关专业Web前端设计、网页设计与制作等课程的教材，还可作为Web前端设计与开发从业人员的参考资料。

【作者简介】

薛晓霞：北京联合大学电子商务专升本专业负责人，国j级精品资源共享课《Web技术应用基础》课程负责人，获得国j级优秀教学成果奖一等奖1项。公开发表论文十余篇，主或副主编教材5部，申请软件著作权4项。

【目录】

目 录

 

 

项目1 认识Web前端设计 ···································································································1

 

 

学习任务1 了解Web基础知识 ·············································································2

 

 

任务1.1.1 理解Web相关概念 ··················································································3

 

 

任务1.1.2 了解页面元素··························································································11

 

 

任务1.1.3 了解Web前端设计技术与工具 ····························································17

 

 

任务1.1.4 了解网站建设流程··················································································21

 

 

学习任务2 设计网站 ·······························································································29

 

 

任务1.2.1 设计网站形象··························································································30

 

 

任务1.2.2 设计页面布局··························································································36

 

 

任务1.2.3 设计网站导航及栏目··············································································42

 

 

任务1.2.4 设计网页层次及目录结构······································································47

 

 

项目2 创建及编辑Web网页――HTML5 ···································································53

 

 

学习任务1 创建网站首页文档 ···············································································54

 

 

任务2.1.1 创建网站首页··························································································55

 

 

任务2.1.2 理解HTML标记语法 ············································································61

 

 

任务2.1.3 理解HTML布局标记 ············································································68

 

 

任务2.1.4 理解HTML5结构标记 ··········································································73

 

 

学习任务2 编辑网站首页内容 ···············································································85

 

 

任务2.2.1 插入文本及列表······················································································86

 

 

任务2.2.2 插入图像和媒体······················································································95

 

 

任务2.2.3 设置超链接和应用框架········································································102

 

 

任务2.2.4 应用表格和表单····················································································111

 

 

 

 

 

项目3 创建及应用Web 样式――CSS3 ······································································135 

 

 

学习任务1 创建网站首页样式·············································································136 

 

 

任务3.1.1 理解CSS 语法 ······················································································137 

 

任务3.1.2 应用CSS 样式 ······················································································141 

 

任务3.1.3 理解CSS 选择器 ··················································································149 

 

任务3.1.4 理解CSS 层叠性和继承性 ··································································164 

 

 

学习任务2 设计网站首页样式·············································································172 

 

 

任务3.2.1 设置CSS 字体和文本属性 ··································································173 

 

任务3.2.2 设置CSS 背景和列表属性 ··································································181 

 

任务3.2.3 设置CSS 边框和表格属性 ··································································189 

 

任务3.2.4 应用CSS3 效果 ····················································································199 

 

 

学习任务3 定位网站页面元素·············································································216 

 

 

任务3.3.1 理解CSS 盒子模型 ··············································································217 

 

任务3.3.2 应用流布局····························································································222 

 

任务3.3.3 应用浮动布局························································································225 

 

任务3.3.4 应用定位布局························································································232 

 

任务3.3.5 制作移动端页面····················································································245 

 

 

项目4 应用Web 网页特效――JavaScript·································································257 

 

 

学习任务1 理解JavaScript 

 

语言基础·····························································258 

 

 

任务4.1.1 认识JavaScript ······················································································ 259 

 

任务4.1.2 认识JavaScript 语言基础·····································································262 

 

任务4.1.3 认识JavaScript 自定义函数·································································267 

 

任务4.1.4 认识JavaScript 控制语句·····································································268 

 

任务4.1.5 认识JavaScript 对象·············································································275 

 

任务4.1.6 认识JavaScript 内置对象·····································································283 

 

 

学习任务2 应用jQuery······················································································291 

 

 

任务4.2.1 理解jQuery 框架 ··················································································292 

 

 

 

 

任务4.2.2 利用jQuery 实现网页特效 ··································································300 

 

任务4.2.3 jQuery 插件的应用 ···············································································307 

 

 

学习任务3 了解HTML5 

 

高级应用 ···································································312 

 

 

任务4.3.1 了解HTML5 画布 ················································································313 

 

任务4.3.2 了解HTML5 拖放操作 ········································································326 

 

任务4.3.3 了解HTML5 地理定位 ········································································331 

 

 

参考文献····································································································································340