[
-
内容大纲
本书使用HTML5+CSS3技术，采用校企合作、校校合作方式编写，注重培养学生的Web前端开发能力。全书分为8个项目。项目1～项目5是职业养成性项目，案例中既有HTML+CSS的基础技能，更着重介绍HTML5的新标签、CSS3的新属性，包括浮动、定位、文本、背景、边框、表单、多列布局、动画、音频、视频等内容。这5个项目包含Web前端的必要技能，也是必修内容，满足大多数院校的课程教学需要。在内容设计上，将知识点融入项目开发的各个子任务中，让学生边学、边操作、边提高，其中项目5是采用响应式布局的仿做项目。Web前端开发是教育部首批“1+x”职业技能等级证书项目之一，为使学生在提高操作技能的同时掌握必要的理论知识，本书附有职业技能客观测试题目。项目6～项目8是选修或拓展内容，供教师和学生按需选择，也可作为本课程的实训项目。其中项目6是实战项目，由真实项目的开发者带着读者一起开发一个企业官网；项目7是提升项目，是一个移动端推广项目；项目8是拓展性游戏开发项目，使用canvas技术制作飞机大战游戏。本书构建Web前端应用的多种场景，具有较高的职业适应性，教师可根据实际情况选择相匹配的项目安排教学。
本书为高等职业本专科院校计算机类、电子信息类、通信类等专业的教材，也可作为开放大学、成人教育、自学考试、中职学校、培训班的教材，以及网站技术人员的参考用书。 -
作者介绍
-
目录
项目1 简单网页设计
教学导航
项目描述
1.1 Web前端开发语言与开发工具
1.1.1 认识Web前端开发语言
1.1.2 开发工具
任务1—1 创建Web项目
1.2 HTML和CSS基础
1.2.1 HTML语法结构
1.2.2 HTML常用标签
任务1—2 制作文字新闻页面
任务1—3 制作线上学习生活宝典页面
1.2.3 引入CSS样式表
1.2.4 CSS基础选择器
1.2.5 伪类选择器
1.2.6 常用CSS样式
任务1—4 制作图文新闻页面
1.3 CSS3常用的新增选择器
任务1—5 给导航条添加CSS样式
1.4 HTML5常用的新增标签
任务1—6 制作一个常见问题答疑页面
1.5 盒模型
任务1.7 制作“五环之歌”页面
职业技能知识点考核
项目拓展
讨论：你有过丢失数据的惨痛经历吗
项目2 文本类网页设计
教学导航
项目描述
2.1 文本处理
2.1.1 文本阴影
2.1.2 溢出文本处理
任务2—1 制作网站新闻列表区
2.2 特殊字体
任务2—2 制作古诗页面
职业技能知识点考核
项目拓展
讨论：代码能正确执行，可以不用管编写规范吗
项目3 图像类网页设计
教学导航
项目描述
3.1 背景
3.1.1 背景的定义
3.1.2 背景的原点位置
3.1.3 背景的显示区域
3.1.4 背景图像的大小
3.1.5 背景图像的定位
任务3—1 制作信纸页面
3.2 边框
3.2.1 圆角边框
3.2.2 图像边框
3.2.3 渐变
任务3—2 制作风景页面
3.3 盒阴影
3.3.1 盒阴影的使用
3.3.2 溢出处理
任务3—3 制作文明公约页面
职业技能知识点考核
项目拓展
讨论：公司开发的项目源代码等资料可以私自备份吗
项目4 媒体杂志类网页设计
教学导航
项目描述
4.1 简单动画
4.1.1 元素的变形
4.1.2 元素的旋转
4.1.3 元素的缩放和翻转
4.1.4 元素的移动
4.1.5 同时使用多个变形函数
4.1.6 定义变形原点
4.1.7 过渡效果
任务4—1 制作滑动的导航条
任务4—2 制作照片墙页面
4.2 表单
4.2.1 表单输入类型
4.2.2 新的表单元素
4.2.3 新的表单属性
任务4—3 制作学员信息页面
4.3 音频和视频
4.3.1 插入音频
4.3.2 插入视频
任务4—4 制作音频页面
4.4 多列布局
任务4—5 制作电子杂志页面
职业技能知识点考核
项目拓展
讨论：网上的素材可以随便用吗
项目5 响应式布局网站设计
教学导航
项目描述
5.1 网页布局
5.1.1 浮动
任务5—1 制作学校风景页面
5.1.2 清除浮动
任务5.2 制作萌新指南页面
5.1.3 定位
任务5—3 制作网页焦点图
5.2 响应式网站首页的分析
任务5—4 制作位置固定的导航条
任务5—5 制作响应式网页主体部分
任务5—6 制作两栏式网页尾部
5.3 项目整合
职业技能知识点考核
项目拓展
讨论：编写代码时有必要编写注释吗
项目6 企业官网设计
教学导航
项目描述
任务6—1 创建项目
任务6—2 观察效果图
任务6—3 编写初始化CSS样式
任务6—4 编写可复用的头部
任务6—5 编写可复用的底部
任务6—6 首页引入已编写好的头部
任务6—7 首页引入已编写好的底部
任务6—8 编写首页横幅广告部分
任务6—9 编写首页的“儿童精品课”模块
任务6—10 编写首页的“父母充电站”模块
任务6—11 编写首页的剩余部分
任务6—12 编写“关于我们”页面
任务6—13 编写“联系我们”页面
任务6—14 收尾工作
项目拓展
讨论：软件测试是专门挑刺吗
项目7 移动端推广项目制作
教学导航
项目描述
7.1 大图轮播雏形——Swiper的使用
7.2 大图轮播的修饰
7.3 大图轮播的个性化设计——API文档的使用
7.4 真正的大图轮播——用图片替换文字
7.5 设置动画——Swiper Animate的使用
任务7—1 移动端推广项目准备工作
任务7—2 制作简历首页
任务7—3 制作“基本资料”页面
任务7—4 制作“荣誉”页面
任务7—5 制作“我的技能”页面
任务7—6 制作“我的作品”页面
任务7—7 制作尾页
7.6 代码汇总
项目拓展
讨论：软件开发文档可有可无吗
项目8 使用Canvas制作飞机大战游戏
教学导航
项目描述
8.1 canvas的应用
8.2 canvas绘图步骤
8.3 canvas绘图基础
8.4 canvas动画基础
8.5 动画中的碰撞检测
任务8—1 游戏功能分析
任务8—2 图片预加载
任务8—3 绘制滚动背景图
任务8—4 创建英雄机对象
任务8—5 绘制子弹
任务8—6 监听键盘事件控制英雄机方向
任务8—7 绘制敌机
任务8—8 碰撞检测
讨论：对单位不满意时可以“删库跑路”吗？
参考文献
同类热销排行榜
- C语言与程序设计教程(高等学校计算机类十二五规划教材)16
- 电机与拖动基础(教育部高等学校自动化专业教学指导分委员会规划工程应用型自动化专业系列教材)13.48
- 传感器与检测技术(第2版高职高专电子信息类系列教材)13.6
- ASP.NET项目开发实战(高职高专计算机项目任务驱动模式教材)15.2
- Access数据库实用教程(第2版十二五职业教育国家规划教材)14.72
- 信号与系统(第3版下普通高等教育九五国家级重点教材)15.08
- 电气控制与PLC(普通高等教育十二五电气信息类规划教材)17.2
- 数字电子技术基础(第2版)17.36
- VB程序设计及应用(第3版十二五职业教育国家规划教材)14.32
- Java Web从入门到精通(附光盘)/软件开发视频大讲堂27.92
推荐书目
-
孩子你慢慢来/人生三书 华人世界率性犀利的一枝笔，龙应台独家授权《孩子你慢慢来》20周年经典新版。她的《...
-
时间简史(插图版) 相对论、黑洞、弯曲空间……这些词给我们的感觉是艰深、晦涩、难以理解而且与我们的...
-
本质(精) 改革开放40年，恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...