【推荐语】
中国大学 MOOC 平台慕课“Web 前端设计基础”、重量精品资源共享课程“Web 技术应用基础”、北京市高校本科课程“Web 前端设计”的配套教材。
【目录】
目 录
项目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
项目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
