-
内容大纲
本书紧密结合Web前端开发工程师岗位的技术和能力要求,以通俗易懂的语言及大量实例,循序渐进地介绍了Web前端开发的基础知识与前沿技术。本书的主要内容包括前端技术概述、HTML语言基础、CSS层叠样式表、jQuery轻量级框架应用、Bootstrap响应式网页设计等。本书由教学工作经验丰富的资深教师参与编写而成,每个课程任务均提供微课、素材、源代码。
本书主要面向高职高专计算机相关专业的学生,可以作为1+X证书制度试点工作中的Web前端开发职业技能等级证书教学和培训的参考用书。 -
作者介绍
-
目录
模块一 Web前端开发的准备
任务1.1 Web相关概念
职业能力1.1.1 掌握Web前端开发基本概念
职业能力1.1.2 了解常用Web前端开发工具
模块二 使用HTML5建立网页结构
任务2.1 初识HTML
职业能力2.1.1 HTML基本语法
职业能力2.1.2 HTML的主体元素
任务2.2 HTML常用标签
职业能力2.2.1 文本、图像
职业能力2.2.2 超链接、音频、视频
职业能力2.2.3 列表、表格
职业能力2.2.4 表单
模块三 使用CSS3样式修饰网页
任务3.1 初识CSS
职业能力3.1.1 CSS样式基本语法结构
职业能力3.1.2 CSS的选择器
任务3.2 CSS常用样式
职业能力3.2.1 CSS样式的单位和颜色
职业能力3.2.2 文本与字体样式
职业能力3.2.3 背景样式
职业能力3.2.4 列表样式
职业能力3.2.5 表格样式
任务3.3 定位与布局
职业能力3.3.1 盒子模型
职业能力3.3.2 定位方式
职业能力3.3.3 弹性盒子布局
职业能力3.3.4 响应式布局
任务3.4 CSS3
职业能力3.4.1 边框和阴影
职业能力3.4.2 2D和3D变换
职业能力3.4.3 过渡和动画
模块四 轻量级框架应用
任务4.1 jQuer基础
职业能力4.1.1 在网页中使用JavaScript的语句
职业能力4.1.2 使用BOM对象与浏览器窗口交互
职业能力4.1.3 使用DOM对象改变文档对象
职业能力4.1.4 在网页中使用jQuery框架
职业能力4.1.5 使用jQuer在网页中添加事件
任务4.2 jQuery效果
职业能力4.2.1 使用jQuer操作网页样式
职业能力4.2.2 使用jQuer添加动画
任务4.3 jQueryAJAX
职业能力4.3.1 在网页中使用AJAX
模块五 响应式开发技术
任务5.1 Bootstrap基本架构
职业能力5.1.1 在页面中引入Bootstrap
职业能力5.1.2 使用Bootstrap的栅格系统搭建网页结构
任务5.2 Bootstrap样式
职业能力5.2.1 使用Bootstrap的文本与颜色样式
职业能力5.2.2 使用Bootstrap的图文样式
职业能力5.2.3 使用Bootstrap的表格样式与列表样式
职业能力5.2.4 使用Bootstrap制作表单
任务5.3 Bootstrap组件
职业能力5.3.1 使用Bootstrap的按钮和按钮组快捷开发
职业能力5.3.2 使用Bootstrap的导航样式
职业能力5.3.3 使用Bootstrap徽章、警告窗和卡片样式
职业能力5.3.4 使用Bootstrap制作轮播图
模块六 综合项目实战
任务6.1 特产网网站项目分析
职业能力6.1.1 进行网站整体规划
任务6.2 网页实现
职业能力6.2.1 实现导航栏和轮播图模块
职业能力6.2.2 实现特产展示模块
职业能力6.2.3 实现特产网新闻模块
职业能力6.2.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年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...