21世纪经济管理新形态教材·电子商务系列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