图书信息
图书目录
数字化资源
网页设计与制作(HTML+CSS+JavaScript)（第3版）
本书为“十三五”职业教育国家规划教材，也是国家职业教育软件技术专业教学资源库配套教材。
本书采用模块化的编写思路，将HTML5、CSS3、JavaScript三方面内容分为网页策划起步，网页的基本页面实现，运用HTML5的新标签，构建网站层叠样式表，设置文本、背景与列表样式，运用盒子模型布局网页，运用影音多媒体，设计表单，运用特殊效果和运用JavaScript实现网页的交互等教学任务。每个任务的编写分为任务描述、知识准备、任务实施、任务拓展、项目实训5个环节。
本书配有微课视频、课程标准、授课计划、授课用PPT、案例素材等丰富的数字化学习资源。与本书配套的数字课程“网页设计与制作”已在“智慧职教”平台（www.icve.com.cn）上线，学习者可以登录平台进行在线学习及资源下载，授课教师可以调用本课程构建符合自身教学特色的SPOC课程，详见“智慧职教”服务指南。教师也可发邮件至编辑邮箱1548103297@qqcom获取相关资源。
本书结构合理，内容丰富，实用性强，可以作为高等职业院校计算机类专业、商务类专业、艺术设计类专业的教学用书，还可以作为相关专业从业人员的自学用书。
作者：
刘万辉 常村红
定价：
55.00 元
出版时间：
2021-12-08
ISBN：
978-7-04-056294-1
物料号：
56294-00
读者对象：
高等职业教育
一级分类：
计算机大类
二级分类：
计算机类
三级分类：
计算机应用技术
重点项目：
暂无
版面字数：
350千字
开本：
16开
装帧形式：
平装
版次：
3
最新版次印刷时间：
2023年
- 目录
- 任务1网页策划起步
- 任务描述：网站主页的策划与设计
- 知识准备
- 1.1网页设计的概念与术语
- 1.1.1网页与网站的相关概念
- 1.1.2网页设计相关的程序设计语言
- 1.1.1网页与网站的相关概念
- 1.2网页设计流程
- 1.2.1前期策划
- 1.2.2网页制作
- 1.2.3网页测试
- 1.3HTML5概述
- 1.2.1前期策划
- 1.3.1HTML5的发展历史
- 1.3.2使用HTML5的5大原因
- 1.3.3浏览器以及浏览器内核
- 1.3.2使用HTML5的5大原因
- 1.4编写第一个HTML5页面
- 1.4.1HTML5文件的编写工具
- 1.4.2HTML5文档的基本格式
- 1.4.3使用HTML5编写简单的Web页面
- 1.4.1HTML5文件的编写工具
- 1.5综合实例：体验HTML5的页面特征
- 任务实施：网站主页的策划与设计
- 1.资料收集
- 2.页面规划
- 3.绘制页面草图
- 1.资料收集
- 任务拓展
- 1.认识DreamweaverCC
- 2.HBuilder的快速开发技巧
- 1.认识DreamweaverCC
- 项目实训：智慧校园登录与教师应用门户策划
- 任务描述：网站主页的策划与设计
- 任务2网页的基本页面实现
- 任务描述：运用HTML编写Web页面
- 知识准备
- 2.1HTML5基础
- 2.1.1HTML5基本语法
- 2.1.2HTML5标签及属性
- 2.1.3HTML5文档头部<head>标签
- 2.1.1HTML5基本语法
- 2.2文字与段落标签
- 2.2.1标题与段落标签
- 2.2.2文本的格式化标签
- 2.2.3特殊字符标签
- 2.2.1标题与段落标签
- 2.3图像与超链接标签
- 2.3.1图像标签<img>
- 2.3.2超链接标签<a>
- 2.3.1图像标签<img>
- 2.4表格与列表
- 2.4.1表格标签
- 2.4.2列表标签
- 2.5综合实例：书法家庄辉个人介绍
- 2.4.1表格标签
- 任务实施：运用HTML编写主页的基本结构
- 1.制作页面基本结构
- 2.制作网站头部
- 3.制作网站banner区域
- 4.制作网站内容区域
- 5.制作网站版权信息
- 1.制作页面基本结构
- 任务拓展
- 1.<ruby>标签
- 2.<mark>标签
- 3.<cite>标签
- 1.<ruby>标签
- 项目实训：企业招聘页面结构实现
- 任务描述：运用HTML编写Web页面
- 任务3运用HTML5的新标签
- 任务描述：使用HTML5新标签优化网页
- 知识准备
- 3.1结构性标签
- 3.1.1认知结构性标签
- 3.1.2<section>标签
- 3.1.3<article>标签
- 3.1.4<nav>标签
- 3.1.5<aside>标签
- 3.1.6<header>标签
- 3.1.7<footer>标签
- 3.1.1认知结构性标签
- 3.2分组标签
- 3.2.1<figure>标签和<figcaption>标签
- 3.2.2<hgroup>标签
- 3.2.3<dialog>标签
- 3.2.1<figure>标签和<figcaption>标签
- 3.3页面交互标签
- 3.3.1<details>标签和<summary>标签
- 3.3.2<menu>标签与<command>标签
- 3.3.1<details>标签和<summary>标签
- 3.4行内语义性标签
- 3.4.1<progress>标签
- 3.4.2<meter>标签
- 3.4.3<time>标签
- 3.4.4<video>标签和<audio>标签
- 3.4.1<progress>标签
- 3.5HTML5的全局属性
- 3.5.1contenteditable属性
- 3.5.2hidden属性
- 3.5.3spellcheck属性
- 3.5.4draggable属性
- 3.5.1contenteditable属性
- 3.6综合实例：个人博客页面结构设计
- 任务实施：使用HTML5新标签优化网页
- 1.网页结构性元素分析
- 2.应用结构性元素完善页面
- 1.网页结构性元素分析
- 任务拓展
- 1.<div>标签和<span>标签
- 2.<div>、<section>和<article>的区别与使用
- 1.<div>标签和<span>标签
- 项目实训：网站页面的分析与编写
- 任务描述：使用HTML5新标签优化网页
- 任务4构建网站层叠样式表
- 任务描述：使用CSS实现门户网站导航
- 知识准备
- 4.1初识CSS
- 4.1.1CSS3简介
- 4.1.2主流浏览器对CSS3的支持情况
- 4.1.1CSS3简介
- 4.2CSS的使用
- 4.2.1CSS样式设置规则
- 4.2.2CSS样式的调用
- 4.2.3CSS基础选择器
- 4.2.1CSS样式设置规则
- 4.3CSS3选择器
- 4.3.1属性选择器
- 4.3.2关系选择器
- 4.3.3链接伪类选择器
- 4.3.4结构伪类选择器
- 4.3.5伪元素选择器
- 4.3.6UI元素状态伪类选择器
- 4.3.1属性选择器
- 4.4CSS的继承与层叠
- 4.4.1CSS的继承性
- 4.4.2CSS的层叠性
- 4.5综合实例：门户网站导航设计
- 4.4.1CSS的继承性
- 任务实施：使用CSS实现门户网站导航
- 1.任务分析
- 2.编写页面通用样式
- 3.添加<div>标签并编写样式表
- 4.编写nav区域与链接样式
- 1.任务分析
- 任务拓展
- 1.实际元素与伪元素的转化
- 2.主流浏览器的兼容性处理
- 1.实际元素与伪元素的转化
- 项目实训：使用样式表美化网页页面
- 任务描述：使用CSS实现门户网站导航
- 任务5设置文本、背景与列表样式
- 任务描述：美化门户网站导航与banner区域
- 知识准备
- 5.1文本样式设置
- 5.1.1设置CSS的字体属性
- 5.1.2文本属性
- 5.1.1设置CSS的字体属性
- 5.2背景属性设置
- 5.2.1基本的背景设置
- 5.2.2CSS3中新增的背景属性
- 5.2.3CSS3中新增的渐变属性
- 5.2.1基本的背景设置
- 5.3列表样式设置
- 5.3.1定义列表的基本样式
- 5.3.2列表布局实例
- 5.4综合实例：电商产品分类列表展示
- 5.3.1定义列表的基本样式
- 任务实施：美化门户网站导航与banner区域
- 1.任务分析
- 2.编写页面<header>与<banner>的HTML结构
- 3.编写页面基本样式与<header>区域样式
- 4.编写页面<banner>区域样式
- 1.任务分析
- 任务拓展
- 1.文本的word-wrap属性
- 2.@font-face属性
- 1.文本的word-wrap属性
- 项目实训：使用CSS制作导航菜单
- 任务描述：美化门户网站导航与banner区域
- 任务6运用盒子模型布局网页
- 任务描述：使用盒子模型布局网站页面
- 知识准备
- 6.1盒子模型
- 6.1.1初识盒子模型
- 6.1.2盒子模型的层次与宽高
- 6.1.1初识盒子模型
- 6.2盒子模型的常用属性
- 6.2.1边框border属性
- 6.2.2边距属性
- 6.2.3CSS3新增属性
- 6.2.1边框border属性
- 6.3元素的浮动与定位
- 6.3.1元素的类型与转换
- 6.3.2浮动属性（float）
- 6.3.3清除浮动属性（clear）
- 6.3.4元素的定位
- 6.3.5overflow溢出属性
- 6.3.1元素的类型与转换
- 6.4综合实例：数字化教学资源平台网站布局
- 任务实施：使用盒子模型布局网站banner部分
- 1.任务分析
- 2.编写页面<banner>区域HTML代码
- 3.编写<banner>区域样式
- 任务实施：使用盒子模型布局网站banner部分
- 任务拓展
- 1.页面主体区域的实现
- 2.页脚区域的实现
- 1.页面主体区域的实现
- 项目实训：运用盒子模型与定位布局企业网站
- 任务描述：使用盒子模型布局网站页面
- 任务7运用影音多媒体
- 任务描述：门户网站banner中的视频展示
- 知识准备
- 7.1多媒体对象基本知识
- 7.1.1视频格式
- 7.1.2音频格式
- 7.1.1视频格式
- 7.2插入多媒体对象
- 7.2.1滚动字幕标签<marquee>
- 7.2.2插入多媒体文件<embed>标签
- 7.2.3HTML5插入视频
- 7.2.4HTML5插入音频
- 7.2.1滚动字幕标签<marquee>
- 7.3综合实例：花卉视频介绍
- 任务实施：门户网站banner中的视频展示
- 1.任务分析
- 2.修改HTML结构代码
- 3.给video元素编写CSS代码
- 任务实施：门户网站banner中的视频展示
- 任务拓展
- 1.通过网络URL地址调用网络多媒体文件
- 2.调用网页多媒体文件
- 1.通过网络URL地址调用网络多媒体文件
- 项目实训：使用CSS设计视频播放界面
- 任务描述：门户网站banner中的视频展示
- 任务8设计表单
- 任务描述：智慧校园信息门户的登录页表单设计
- 知识准备
- 8.1表单的基本概念
- 8.1.1表单简介
- 8.1.2表单的组成
- 8.1.1表单简介
- 8.2HTML5中新增的表单属性与元素
- 8.2.1新增的input输入类型
- 8.2.2新增的form属性
- 8.2.3input新增的属性
- 8.2.4新增的表单元素
- 8.2.1新增的input输入类型
- 8.3综合实例：用户注册页面的设计
- 任务实施：智慧校园信息门户的登录页表单设计
- 1.任务分析
- 2.登录表单的HTML结构代码
- 3.给表单设计CSS样式
- 1.任务分析
- 任务拓展
- 1.表单边框的应用
- 2.文本域标签<textarea>
- 1.表单边框的应用
- 项目实训：表单模仿设计
- 任务描述：智慧校园信息门户的登录页表单设计
- 任务9运用特殊效果
- 任务描述：交通示意图动画效果
- 知识准备
- 9.1CSS3多列布局
- 9.1.1认识columns多列布局
- 9.1.2columns的其他属性
- 9.1.1认识columns多列布局
- 9.2CSS3转换
- 9.2.1transform简介
- 9.2.2常用的transform变形方法
- 9.2.3运用3D变形
- 9.3transitions过渡
- 9.2.1transform简介
- 9.3.1transitions功能介绍
- 9.3.2过渡属性的应用
- 9.3.2过渡属性的应用
- 9.4animation动画
- 9.4.1动画的基本定义与调用
- 9.4.2animation的其他属性
- 9.5综合实例：艺术照片墙
- 9.4.1动画的基本定义与调用
- 任务实施：交通示意图动画效果
- 1.任务分析
- 2.设计HTML结构代码
- 3.使用CSS实现动画效果
- 1.任务分析
- 任务拓展
- 1.CSS3Animation动画库
- 2.Animate跨平台动画库
- 1.CSS3Animation动画库
- 项目实训：母亲节礼盒
- 任务描述：交通示意图动画效果
- 任务10运用JavaScript实现网页的交互
- 任务描述：下拉菜单的设计与实现
- 知识准备
- 10.1JavaScript概述
- 10.1.1JavaScript简介
- 10.1.2JavaScript的使用方法
- 10.1.1JavaScript简介
- 10.2JavaScript数据类型、变量、数组、运算符和表达式
- 10.2.1数据类型
- 10.2.2变量的命名与定义
- 10.2.3变量的作用域
- 10.2.4数组
- 10.2.5运算符与表达式
- 10.2.1数据类型
- 10.3程序控制结构
- 10.3.1分支结构
- 10.3.2循环结构
- 10.3.1分支结构
- 10.4函数的定义与引用
- 10.4.1函数的定义
- 10.4.2函数的调用
- 10.4.3用户类的定义
- 10.4.1函数的定义
- 10.5浏览器窗口对象
- 10.5.1浏览器对象模型
- 10.5.2window对象
- 10.5.3window的其他对象
- 10.5.1浏览器对象模型
- 10.6页面中元素的访问与属性的设置
- 10.6.1页面元素的引用
- 10.6.2读写HTML对象的属性
- 10.6.3表单及其控件的访问
- 10.6.4JS设置CSS样式的方式
- 10.6.1页面元素的引用
- 10.7事件的指派与处理函数的编写
- 10.7.1事件的指派
- 10.7.2常用事件的类型
- 10.7.1事件的指派
- 10.8文档对象模型
- 10.8.1初识文档对象模型
- 10.8.2DOM对象节点的类型
- 10.8.3DOM对象节点的基本操作
- 10.8.4DOM对象节点的创建与修改
- 10.8.1初识文档对象模型
- 10.9DOM节点对象的事件处理
- 10.10综合实例：工资表格的美化设计
- 任务实施：下拉菜单的设计与实现
- 1.任务分析与实施思路
- 2.下拉菜单的HTML结构
- 3.样式设计
- 4.编写JavaScript脚本
- 5.项目应用
- 1.任务分析与实施思路
- 任务拓展
- 1.表单验证
- 2.JSON自定义对象
- 1.表单验证
- 项目实训：在线测试系统
- 任务描述：下拉菜单的设计与实现
- 参考文献
- 任务1网页策划起步
如无法打开或下载资源，请在电脑端（xuanshu.hep.com.cn)进行下载操作。
相关图书
1