-
内容大纲
前端开发作为一门与时俱进的技术,对于构建高质量、用户体验友好的网站和应用程序起着至关重要的作用。本书是一本全面而深入的前端开发教程,通过一系列精心设计的项目,带领读者从入门到精通Web前端开发技术。
本书共包含6个项目和1个知识延伸内容。项目1介绍了前端开发技术,包括其历史背景、在现代网页和应用程序开发中的重要性,以及前端开发基础知识和工具。项目2介绍了如何使用HTML创建结构良好的网页,包括基本标签、属性和其他HTML元素的用法,这些都是构建任何网页或应用程序的基础。项目3介绍了CSS基础知识,包括如何为网页添加样式。项目4介绍了CSS的高级应用技巧和方法。项目5介绍了如何利用CSS 3新特性进一步提升网页设计。项目6介绍了如何利用前面所学的知识来开发可以适应各种移动设备的网页和应用。在扩展部分里,除了基础和进阶内容,还提供了一些前端开发的额外知识和资源,包括但不限于前端框架、性能优化、网站可访问性等,以帮助学生全面了解前端开发的各项知识技能。
本书提供了丰富的数字化学习资源,包括微课视频(扫描书中二维码即可观看),此外可通过扫描前言末尾左侧的二维码下载动画、源代码、素材、习题答案等;针对教师,本书另赠教学课件、教师手册等资源。本书可作为高等院校相关专业的前端开发课程教材,也可供网站开发人员参考使用。 -
作者介绍
-
目录
项目1 初识前端开发
任务1.1 安装配置前端开发环境
1.1.1 Web基础
1.1.2 Web标准
1.1.3 主流浏览器
1.1.4 前端开发工具
[实战记录活页手册]
[学生活动手册]
任务1.2 利用VSCode快速建立“我的第一个网页”
1.2.1 认识网页
1.2.2 规划网站目录
[实战记录活页手册]
[学生活动手册]
思政引领
项目2 网页框架HTML
任务2.1 使用HTML搭建导航栏及banner结构
2.1.1 HTML简介
2.1.2 HTML发展历史
2.1.3 HTML文档结构
2.1.4 HTML语法
2.1.5 标题标签
2.1.6 段落标签
2.1.7 图像标签
2.1.8 超链接标签
2.1.9和标签
[实战记录活页手册]
[学生活动手册]
[学生活动手册]
任务2.2 网页进阶标签的使用
2.2.1 文本格式化标签
2.2.2 列表标签
2.2.3 音频标签
2.2.4 视频标签
[实战记录活页手册]
[学生活动手册]
任务2.3 了解HTML表格
2.3.1 表格的作用
2.3.2 表格标签
[实战记录活页手册]
[学生活动手册]
思政引领
项目3 网页样式CSS
任务3.1 认识CSS
3.1.1 CSS简介
3.1.2 CSS发展历史
3.1.3 CSS的使用方式
3.1.4 CSS基本语法
[实战记录活页手册]
[学生活动手册]
任务3.2 修改网页文字样式
3.2.1 文字大小
3.2.2 文字加粗
3.2.3 文字样式
3.2.4 行高
[实战记录活页手册]
[学生活动手册]
任务3.3 改变网页文本样式
3.3.1 文本颜色
3.3.2 文本对齐
3.3.3 文本修饰
3.3.4 文本缩进
3.3.5 CSS 3新增文本属性
[实战记录活页手册]
[学生活动手册]
思政引领
项目4 网页样式CSS进阶
任务4.1 CSS盒模型应用
4.1.1 认识盒模型
4.1.2 宽度属性和高度属性
4.1.3 边框属性
4.1.4 圆角属性
4.1.5 内边距
4.1.6 外边距
4.1.7 背景,
[实战记录活页手册]
[学生活动手册]
任务4.2 清除浏览器默认样式,
4.2.1 浏览器常见默认祥式
4.2.2 清除浏览器默认样式的方法
4.2.3 reset.css和normalize.css的区别
[实战记录活页手册]
[学生活动手册]
任务4.3 定位技巧,
4.3.1 元素的定位属性
4.3.2 相对定位
4.3.3 绝对定位
4.3.4 固定定位
4.3.5 粘性定位
[实战记录活页手册
[学生活动手册]
任务4.4 登录页面布局
4.4.1 表单的作用
4.4.2 创建表单
4.4.3 标签
4.4.4 标签的不同类型
4.4.5 下拉框
4.4.6 文本域
4.4.7 按钮
4.4.8 伪类
[实战记录活页手册]
[学生活动手册]
思政引领
项目5 CSS 3高级应用
任务5.1 网页布局
5.1.1 常见的网页布局
5.1.2 弹性盒子布局
5.1.3 网格布局
[实战记录活页手册]
[学生活动手册]
任务5.2 网页过渡和动画效果
5.2.1 过渡属性
5.2.2 转换属性
5.2.3 动画属性
[实战记录活页手册]
[学生活动手册]
思政引领
项目6 移动端网页开发
任务6.1 移动端布局
6.1.1 移动端适配
6.1.2 视口
6.1.3 viewport方案
[实战记录活页手册]
[学生活动手册]
任务6.2 移动端网站开发
6.2.1 设备仿真模式
6.2.2 进入设备仿真模式
[实战记录活页手册]
[学生活动手册]
思政引领
扩展 前端开发知识延伸
知识点1 Web网页优化的基本原则
知识点2 样式合并与压缩
知识点3 兼容性解决方案
知识点4 高效的开发设计协作平台
同类热销排行榜
- 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年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...