-
内容大纲
本书根据技术应用型人才的培养目标,以一个企业生产性项目“新闻网”的设计制作贯穿始终,将课程内容整合、序化为8个教学模块、26个开发任务、63个案例、28个实训操作任务、3个企业典型综合项目,采用由易到难、螺旋递进的方式详细讲解了Web前端开发技术,并介绍了HTML和CSS的基础知识和使用技巧。
本书内容主要包括Web前端开发的相关概念、网站的设计与策划、开发工具的使用、文本图像的创建、CSS样式对页面的美化、列表的典型应用、各种超链接的创建、表格和表单的应用,以及DIV+CSS页面布局等实用技术,覆盖了“1+X证书”Web前端开发职业技能中HTML+CSS的基本知识点,同时根据教学模块主题,融入了思政教育内容,将立德树人、课程思政等元素穿插到教学内容中,润物细无声,使学习者掌握专业技能的同时,完成全方位育人的重任。
本书是一本从零开始学习Web前端开发技术的教材,无须读者具有任何编程基础。本书既可作为高等院校本、专科计算机及相关专业的网页设计与制作课程的教材,又可作为Web前端开发学习班的培训教材或网页制作爱好者的参考书。 -
作者介绍
-
目录
模块1 网站的设计与策划
1.1 任务1:认识网页与网站
1.1.1 网页与网站的相关概念
1.1.2 服务器与客户端
1.2 任务2:认识网页开发技术
1.2.1 Web前端的概念
1.2.2 Web前端开发技术
1.3 任务3:设计策划网站
1.3.1 网站设计原则
1.3.2 网站制作流程
1.4 任务4:选择网页开发工具
1.4.1 编写工具
1.4.2 浏览工具
1.5 知识进阶
1.6 小结
1.7 实训任务
实训任务1:创建班级网站页面
实训任务2:制作班级学习交流页面
实训任务3:制作班级公告栏
模块2 制作图文并茂的新闻页面
2.1 任务1:创建网页结构
2.1.1 HTML文档结构
2.1.2 HTML基本语法
2.1.3 <head>标记
2.1.4 任务实施
2.2 任务2:添加网页文本内容
2.2.1 标题与段落标记
2.2.2 水平线标记
2.2.3 换行标记
2.2.4 特殊字符
2.2.5 <div>与<span>标记
2.2.6 任务实施
2.3 任务3:设置图文并茂的网页
2.3.1 插入图像
2.3.2 网页中支持的图像文件格式
2.3.3 任务实施
2.4 知识进阶
2.5 小结
2.6 实训任务
实训任务1:制作图文并茂的班级学习交流页面
实训任务2:制作图文并茂的班级公告栏页面
模块3 美化修饰网站的新闻页面
3.1 任务1:修饰文字排版
3.1.1 CSS概述
3.1.2 引入CSS的方法
3.1.3 CSS选择器
3.1.4 CSS特性
3.1.5 文字修饰
3.1.6 文本修饰
3.1.7 任务实施
3.2 任务2:控制元素属性
3.2.1 盒子模型
3.2.2 边框属性
3.2.3 边距属性
3.2.4 浮动
3.2.5 定位
3.2.6 任务实施
3.3 任务3:设置页面背景
3.3.1 背景的设置
3.3.2 背景的运用技术
3.3.3 任务实施
3.4 知识进阶
3.5 小结
3.6 实训任务
实训任务1:使用CSS渲染班级学习交流页面
实训任务2:使用CSS渲染班级公告栏页面
实训任务3:制作班级网站中的青春名片
实训任务4:制作图文环绕效果
实训任务5:制作班级图片新闻版块
模块4 制作网站的最新动态页面
4.1 任务1:制作最新动态列表条目
4.1.1 有序列表
4.1.2 无序列表
4.1.3 嵌套列表
4.1.4 定义列表
4.1.5 CSS列表修饰
4.1.6 任务实施
4.2 任务2:创建最新动态条目链接
4.2.1 创建超链接
4.2.2 链接对象
4.2.3 CSS超链接修饰
4.2.4 任务实施
4.3 知识进阶
4.4 小结
4.5 实训任务
实训任务1:制作班级新闻栏目
实训任务2:制作班级网站的软件大赛通知
实训任务3:制作班级学习园地
实训任务4:制作班级网站的导航条
实训任务5:制作班级网站的新闻栏目
模块5 制作网站的多媒体相册页面
5.1 任务1:创建多媒体相册
5.1.1 表格组成
5.1.2 表格属性
5.1.3 任务实施
5.2 任务2:调整相册行列结构
5.2.1 单元格属性
5.2.2 单元格合并
5.2.3 任务实施
5.3 任务3:设置相册布局
5.3.1 表格嵌套
5.3.2 表格布局
5.3.3 任务实施
5.4 任务4:设置多媒体效果
5.4.1 音频
5.4.2 视频
5.4.3 任务实施
5.5 知识进阶
5.6 小结
5.7 实训任务
实训任务1:制作班级网站的班级课程表
实训任务2:制作班级网站的学生信息登记表
实训任务3:制作班级网站的新闻栏目
实训任务4:制作班级网站的首页布局
模块6 制作网站的会员注册页面
6.1 任务1:制作基本信息区
6.1.1 表单基础
6.1.2 辅助标记
6.1.3 单行文本输入框
6.1.4 密码输入框
6.1.5 表单按钮
6.1.6 单选按钮
6.1.7 复选框
6.1.8 文件上传域
6.1.9 任务实施
6.2 任务2:制作信息收集区
6.2.1 多行文本域
6.2.2 下拉列表框
6.2.3 任务实施
6.3 任务3:制作法律条款区
6.3.1 浮动框架标记
6.3.2 任务实施
6.4 知识进阶
6.5 小结
6.6 实训任务
实训任务1:制作班级网站的调查问卷
实训任务2:制作班级网站的邮箱注册页面
实训任务3:制作电子邮箱的发送邮件页面
实训任务4:制作班级网站的用户注册页面
模块7 网站首页的设计制作
7.1 任务1:首页整体布局分析设计
7.1.1 整体布局分析
7.1.2 样式重置
7.1.3 全局CSS的定义
7.2 任务2:头部的实现
7.2.1 头部的布局分析和实现
7.2.2 Logo的实现
7.2.3 顶部导航的实现
7.2.4 登录注册的实现
7.3 任务3:中间主体内容的实现
7.3.1 主体内容的布局分析和实现
7.3.2 上部内容区的实现
7.3.3 左侧主要内容区的实现
7.3.4 右侧主要内容区的实现
7.4 任务4:底部页脚版权的实现
7.5 知识进阶
7.6 小结
7.7 实训任务
实训任务1:DIV+CSS布局班级网站首页
实训任务2:使用DIV+CSS布局左中右页面结构
实训任务3:使用HTML5中新增语义化标记进行页面布局
模块8 企业级项目综合应用
8.1 任务1:制作企业产品展示页面
8.1.1 任务描述
8.1.2 定义页面结构
8.1.3 添加页面样式
8.2 任务2:制作新闻详情页面
8.2.1 任务描述
8.2.2 整体布局分析的实现
8.2.3 头部的实现
8.2.4 内容部分的实现
8.2.5 版权信息部分的实现
8.3 任务3:制作用户登录页面
8.3.1 任务描述
8.3.2 定义页面结构
8.3.3 登录表单部分的实现
8.3.4 其他部分的实现
8.4 知识进阶
8.5 小结
8.6 实训任务
实训任务1:CSS精灵技术制作导航条
实训任务2:CSS制作图文版块中的三角形
参考文献
同类热销排行榜
- 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年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...