-
内容大纲
本书面向中、高职初学者,以精心设计的实用案例和通俗易懂的语言详细介绍了使用HTML5与CSS3进行网页设计与制作的各方面内容和技巧,以项目为依托,用任务进行驱动,将基础知识巧妙地融入案例中,着力体现了教、学、做一体化和职业教育的特色。编写过程运用了模块化思路,以学生小斌从“菜鸟”开始学习网页设计到能够独立完成个人网站建设为引导线,将教学内容分为HTML5、CSS3、HTML5和CSS3高级应用三个教学模块。同时,从学生认知规律的角度,将教学内容分为11个教学任务,每一个任务都包括学习目标、任务描述、知识准备、任务实施、知识拓展、知识巩固六个环节。希望学生能够综合运用所学到的网页设计与制作的知识和技巧,在巩固基本知识点和技能点的基础上,实战能力得到进一步提升。 -
作者介绍
-
目录
任务一 网页和网站的认识
学习目标
任务描述 学习网页相关知识
知识准备
一、网页和网站简介
二、网站制作流程
任务实现
一、网站的配色方案
二、网站首页的页面布局
知识拓展 网页制作工具使用技巧
一、Dreamweaver CC使用技巧
二、HBuilder的使用技巧
任务二 制作简单的网页
学习目标
任务描述 人物简介网页制作
知识准备
一、认识HTML5
二、文本控制标签
三、图像标签
四、结构性标签
五、分组标签
六、页面交互性标签
七、行内语义性标签
任务实现 人物简介网页结构制作
一、任务解析
二、具体实现
知识拓展
一、标签
二、标签
三、标签
知识巩固
任务三 运用CSS3美化网页
学习目标
任务描述 人物简介网页样式设置
知识准备
一、认识CSS3
二、CSS3核心基础
三、CSS3文本样式
四、CSS3高级属性
任务实现 美化人物简介网页
一、解析任务
二、任务实施
知识拓展
一、属性选择器
二、关系选择器
三、伪类选择器
知识巩固
任务四 运用盒子模型划分网页模块
学习目标
任务描述 科技引领未来网页布局的制作
知识准备
一、盒模型
二、盒子模型相关属性
三、元素概念及类型
四、块元素垂直外边距的合并
任务实现 科技引领未来网页的布局
一、任务解析
二、具体实现
知识拓展
一、图片边框
二、阴影效果box-shadow
三、box-sizing属性
知识巩固
任务五 为网页添加列表和超链接
学习目标
任务描述 制作学生工作部水平导航条
知识准备
一、列表标签
二、CSS控制列表样式
三、超链接标签
四、CSS伪类定义超链接状态
任务实现 制作学生工作部导航条
一、任务解析
二、任务实施
知识拓展
一、制作垂直导航条
二、导航栏内的下拉菜单
知识巩固
任务六 为网页添加表格
学习目标
任务描述 制作革命景区旅游一览表
知识准备
一、表格标签
二、CSS3控制表格样式
任务实现 革命景区旅游统计表
一、解析任务
二、简单表格制作
三、使用CSS3样式美化表格
知识拓展
一、表格的分组标签
二、表格内嵌入标签
知识巩固
任务七 设计表单
学习目标
任务描述 注册表单的制作
知识准备
一、认识表单
二、表单控件
三、CSS3控制表单样式
任务实现 制作注册表单
一、解析任务
二、设计表单样式
三、制作简单表单
四、美化制作的表单
知识拓展
知识巩固
任务八 运用浮动和定位布局网页
学习目标
任务描述 时代印记主页制作
知识准备
一、布局的概述
二、布局常用属性
三、布局其他属性
四、布局和导航
五、网页模块命名规范
任务实现 制作美丽中国主页
一、任务分析
二、任务实施
知识拓展
一、box-sizing 属性
二、flexbox属性
知识巩固
任务九 全新的页面试听技术
学习目标
任务描述 在网页中插入音视频
知识准备
一、多媒体对象基础知识
二、插入多媒体对象
三、CSS控制视频尺寸
知识拓展
知识巩固
任务十 运用特殊效果
学习目标
任务描述 在展示个人摄影作品中使用特殊效果
知识准备
一、转换
二、过渡
任务实现 在展示的摄影作品中使用特殊效果
一、页面结构分析
二、具体代码实现
三、运行后网页的布局效果
知识拓展
任务十一 综合项目实战
任务描述 “光影之旅,逐梦行”网站制作
任务实现
一、网页设计规划
二、使用Hbuilder建立站点项目
三、切图
四、制作首页
五、制作子网页
参考文献
同类热销排行榜
- 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年,恰如一部四部曲的年代大戏。技术突变、产品迭代、产业升级、资本对接...
[
