- 电子工业出版社
- 9787121437632
- 1-3
- 465941
- 66254864-3
- 平塑
- 16开
- 2024-07
- 512
- 320
- 网络
- 高职
内容简介
Web前端工程师是互联网时代Web产品研发中不可缺少的专业角色。本书从Web开发实际应用的角度,以任务项目开发为主线,把HTML5、CSS3的Web前端开发理论知识、实战技能融入8个任务,引导读者从HTML5设置网页内容、CSS定义样式美化网页布局等基础任务开始,逐步掌握图文网页、表单交互网页、音视频媒体网页、动画特效网页、瀑布流布局网页等页面开发,并在熟练编程的基础上,理解自适应网页设计和响应式网页设计关键技术,掌握响应式网页的设计与开发。本书配以思维导图帮助读者梳理知识点,将知识点融入到Web前端开发实际岗位案例中,有效掌握核心技巧,力求提高读者的Web网页开发水平。__eol__本书既可作为高等职业院校计算机及相关专业Web前端设计与开发课程的教材,也可供从事网页设计与制作、网页编程、Web应用开发等行业人员参考阅读。__eol__
目录
任务1 创建第一个网页 1__eol__1.1 基本条件和概念 3__eol__1.1.1 学习工具 3__eol__1.1.2 基本概念 3__eol__1.1.3 任务:建站点建网页 6__eol__1.2 格式排版标签 9__eol__1.2.1 段落标签与换行标签 9__eol__1.2.2 标题标签 10__eol__1.2.3 水平线标签 10__eol__1.2.4 无语义标签 11__eol__1.2.5 文本标签 11__eol__1.3 列表标签 13__eol__1.3.1 有序列表 14__eol__1.3.2 无序列表 15__eol__1.3.3 自定义列表 17__eol__1.3.4 嵌套列表 18__eol__1.4 图像 20__eol__1.5 超链接 24__eol__1.5.1 超链接的属性 24__eol__1.5.2 邮箱链接 26__eol__1.5.3 锚点链接 27__eol__1.6 表格 28__eol__1.7 任务实施 32__eol__任务2 用CSS美化你的网页 36__eol__2.1 CSS概念 37__eol__2.2 CSS的使用方法 37__eol__2.3 CSS声明与应用 39__eol__2.3.1 CSS格式 39__eol__2.3.2 CSS注释 39__eol__2.3.3 CSS单位 39__eol__2.3.4 CSS颜色 39__eol__2.3.5 选择器 40__eol__2.4 CSS常见属性 48__eol__2.4.1 CSS字体 48__eol__2.4.2 CSS文本 56__eol__2.4.3 CSS盒子模型 66__eol__2.4.4 CSS边框 72__eol__2.4.5 CSS链接 81__eol__2.4.6 CSS列表 83__eol__2.4.7 CSS背景 92__eol__2.4.8 CSS浮动 112__eol__2.4.9 CSS定位 124__eol__2.5 任务实施 129__eol__任务3 规整网页布局 134__eol__3.1 布局方式 135__eol__3.2 固定布局 136__eol__3.3 单列布局 136__eol__3.3.1 等宽单列布局 136__eol__3.3.2 非等宽单列布局 139__eol__3.4 两列布局 141__eol__3.4.1 浮动方式实现两列布局 141__eol__3.4.2 position实现两列布局 142__eol__3.5 三列布局 143__eol__3.5.1 圣杯布局 143__eol__3.5.2 双飞翼布局 147__eol__3.6 嵌套混合布局 149__eol__3.7 任务实施 150__eol__3.7.1 整体布局 151__eol__3.7.2 第二层布局 153__eol__3.7.3 第三层布局 154__eol__3.7.4 各模块内容设计 155__eol__任务4 通过表单与用户交互 164__eol__4.1 认识表单 165__eol__4.1.1 表单域 166__eol__4.1.2 表单元素 168__eol__4.1.3 HTML5新增表单类型与属性 172__eol__4.1.4 表单验证 177__eol__4.2 任务实施 179__eol__任务5 应用媒体标签制作个性化播放器 189__eol__5.1 HTML5音频标签 190__eol__5.2 HTML5视频标签 192__eol__5.3 HTML5音视频标签使用中的“坑” 193__eol__5.4 音视频标签的DOM操作 194__eol__5.5 任务实施 198__eol__任务6 制作活动抽奖大转盘 206__eol__6.1 CSS坐标系统与角度单位 207__eol__6.2 transform属性 209__eol__6.3 transition属性 223__eol__6.4 animation属性 228__eol__6.5 @keyframes属性 230__eol__6.6 任务实施 233__eol__任务7 纯CSS实现瀑布流布局 240__eol__7.1 多列布局实现瀑布流网页布局 241__eol__7.1.1 多列布局知识图谱 241__eol__7.1.2 多列布局前导知识 241__eol__7.1.3 任务实施 245__eol__7.2 弹性布局实现瀑布流布局 249__eol__7.2.1 弹性布局知识图谱 249__eol__7.2.2 弹性布局前导知识 250__eol__7.2.3 容器属性 251__eol__7.2.4 项目属性 254__eol__7.2.5 利用弹性布局设计微信底部导航栏 257__eol__7.2.6 任务实施 264__eol__7.3 网格布局实现瀑布流布局 265__eol__7.3.1 网格布局知识图谱 265__eol__7.3.2 网格布局前导知识 266__eol__7.3.3 任务实施 277__eol__任务8 响应式网页开发 280__eol__8.1 前导知识 281__eol__8.1.1 设备屏幕 281__eol__8.1.2 关于视口 284__eol__8.1.3 媒体查询技术 287__eol__8.1.4 响应式图片技术 290__eol__8.1.5 流式布局 293__eol__8.2 响应式框架制作旅游网页 299__eol__8.2.1 安装Bootstrap 300__eol__8.2.2 组件 302__eol__8.2.3 布局 308__eol__