__eol____eol__模块1 Web开发概述 1__eol__任务1.1 书写一封家信 1__eol__1.1.1 Web标准 2__eol__1.1.2 HTML文件 3__eol__1.1.3 HTML项目 5__eol__1.1.4 文本格式化元素 6__eol__1.1.5 任务实现 7__eol__任务1.2 设计一个公告 8__eol__1.2.1 HTML注释 8__eol__1.2.2 HTML头部元素 8__eol__1.2.3 HTML元素分类 10__eol__1.2.4 简单HTML元素 10__eol__1.2.5 字符实体 14__eol__1.2.6 元素的通用属性 15__eol__1.2.7 任务实现 15__eol__模块小结1 16__eol__随堂测试1 16__eol__课后实践1 18__eol__模块2 常用HTML元素 19__eol__任务2.1 设计一个海报 19__eol__2.1.1 img元素 20__eol__2.1.2 video元素 23__eol__2.1.3 audio元素 24__eol__2.1.4 object元素 24__eol__2.1.5 任务实现 26__eol__任务2.2 设计海报导航 27__eol__2.2.1 a元素 27__eol__2.2.2 列表元素 32__eol__2.2.3 任务实现 34__eol__任务2.3 设计网页底部导航 36__eol__2.3.1 map元素 36__eol__2.3.2 area元素 36__eol__2.3.3 图像映射 37__eol__2.3.4 任务实现 38__eol__模块小结2 39__eol__随堂测试2 39__eol__课后实践2 40__eol__模块3 表格与表单元素 41__eol__任务3.1 设计通讯录表格 41__eol__3.1.1 基本表格元素 42__eol__3.1.2 复杂表格元素 46__eol__3.1.3 任务实现 47__eol__任务3.2 设计收货地址表单 48__eol__3.2.1 form元素 48__eol__3.2.2 input元素 49__eol__3.2.3 下拉列表元素 50__eol__3.2.4 textarea元素 51__eol__3.2.5 任务实现 52__eol__模块小结3 55__eol__随堂测试3 55__eol__课后实践3 56__eol__模块4 CSS语法基础 57__eol__任务4.1 规范海报样式设计 57__eol__4.1.1 CSS语法规则 58__eol__4.1.2 样式声明方式 59__eol__4.1.3 简单CSS属性 60__eol__4.1.4 简单选择器 62__eol__4.1.5 任务实现 67__eol__任务4.2 设计通讯录表格样式 68__eol__4.2.1 层级选择器 69__eol__4.2.2 伪类选择器 71__eol__4.2.3 任务实现 76__eol__任务4.3 规范书信的格式 77__eol__4.3.1 伪元素选择器 77__eol__4.3.2 属性选择器 80__eol__4.3.3 任务实现 83__eol__任务4.4 掌握样式优先级规则 85__eol__4.4.1 声明方式的优先级 85__eol__4.4.2 样式的三大特性 87__eol__4.4.3 样式优先级规则 91__eol__模块小结4 92__eol__随堂测试4 93__eol__课后实践4 95__eol__模块5 元素框模型 97__eol__任务5.1 使用框模型布局海报 97__eol__5.1.1 元素框模型定义 98__eol__5.1.2 边距 99__eol__5.1.3 display属性 104__eol__5.1.4 overflow属性 107__eol__5.1.5 任务实现 110__eol__任务5.2 设计一个展板 113__eol__5.2.1 边框 114__eol__5.2.2 圆角边框 118__eol__5.2.3 box-sizing属性 121__eol__5.2.4 任务实现 123__eol__任务5.3 展板再设计 125__eol__5.3.1 阴影 125__eol__5.3.2 轮廓 128__eol__5.3.3 任务实现 129__eol__模块小结5 131__eol__随堂测试5 132__eol__课后实践5 132__eol__模块6 元素背景 134__eol__任务6.1 设计展板的详情 134__eol__6.1.1 图像背景 136__eol__6.1.2 渐变背景 137__eol__6.1.3 任务实现 140__eol__任务6.2 优化展板设计 143__eol__6.2.1 图像背景相关的属性 144__eol__6.2.2 background属性 145__eol__6.2.3 图像精灵 146__eol__6.2.4 任务实现 150__eol__模块小结6 151__eol__随堂测试6 152__eol__课后实践6 152__eol__模块7 元素定位 153__eol__任务7.1 掌握定位的语法 153__eol__7.1.1 定位属性 154__eol__7.1.2 基本定位 155__eol__7.1.3 黏性定位 162__eol__任务7.2 应用子绝父相定位 164__eol__7.2.1 设计内容标识 164__eol__7.2.2 设计轮播图布局 166__eol__7.2.3 设计下拉式菜单 168__eol__7.2.4 设计弹出式菜单 171__eol__模块小结7 174__eol__随堂测试7 174__eol__课后实践7 176__eol__模块8 元素过渡与动画 177__eol__任务8.1 掌握转换与过渡的语法 177__eol__8.1.1 浏览器前缀 177__eol__8.1.2 转换属性 178__eol__8.1.3 过渡属性 183__eol__任务8.2 设计过渡效果 186__eol__8.2.1 设计欢迎动画 186__eol__8.2.2 设计幽灵按钮 188__eol__任务8.3 设计轮播图的动画 194__eol__8.3.1 动画关键帧 195__eol__8.3.2 动画属性 196__eol__8.3.3 任务实现 200__eol__模块小结8 203__eol__随堂测试8 203__eol__课后实践8 204__eol__模块9 网页布局技术 205__eol__任务9.1 设计浮动布局 205__eol__9.1.1 float属性 206__eol__9.1.2 clear属性 213__eol__9.1.3 任务实现 214__eol__任务9.2 设计响应式布局 215__eol__9.2.1 网页视口 216__eol__9.2.2 媒体查询 219__eol__9.2.3 网格视图 222__eol__9.2.4 任务实现 224__eol__任务9.3 设计弹性布局 228__eol__9.3.1 弹性布局相关概念 228__eol__9.3.2 容器属性 229__eol__9.3.3 项目属性 231__eol__9.3.4 任务实现 234__eol__模块小结9 236__eol__随堂测试9 237__eol__课后实践9 237__eol__模块10 网站设计综合实训 238__eol__任务10.1 设计网页布局 238__eol__10.1.1 布局分析 238__eol__10.1.2 布局设计 239__eol__任务10.2 设计网页菜单 239__eol__10.2.1 设计顶部导航主菜单 239__eol__10.2.2 设计侧边帮助菜单 244__eol__任务10.3 设计网页内容 249__eol__10.3.1 设计轮播图 249__eol__10.3.2 设计推荐信息 249__eol__10.3.3 设计中分广告 253__eol__10.3.4 设计新闻与活动 253__eol__10.3.5 设计搜索框、链接与页脚 253__eol__任务10.4 总结网站设计 253__eol__附录 框架 254__eol__参考文献 258__eol____eol____eol____eol__