网页设计与制作（HTML5+CSS3+JavaScript）

内容简介

在这个以互联网产业为基础的时代，网站的建设已经成为很多企业重视的问题。一个设计精良的网站不仅代表了企业的品牌形象、还能够推广宣传企业，为企业发掘潜在的客户。HTML5、CSS3、JavaScript作为网站建设技术的三要素，也成为网站设计人员的必备技术。本书站在初学者的角度，以实用的案例、通俗易懂的语言详细介绍了使用HTML5、CSS3及JavaScript进行网页制作的各方面内容和技巧。

全书共13章，结合HTML5、CSS3和JavaScript的基础知识及应用，提供了100多个课堂案例和1个综合实训项目。

其中，第1~2章主要讲解网页制作的基础知识，包括网页、网站的概念以及网站制作工具的使用技巧。第3~10章主要讲解了HTML5/CSS3、盒子模型、列表与超链接、表单、元素的浮动与定位等静态网页搭建技巧。第11章讲解了使用JavaScript为网页添加东塔效果。第12章讲解了网站测试和发布的相关知识。第13章为一个综合案例，带领读者按照项目流程开发了一个包含首页、个人中心人、注册页以及视频播放页的大型网站。

本书附有源代码、习题、教学课件等资源，而且为了帮助初学者更好地学习本书讲解的内容，还提供了在线答疑，希望得到更多读者的关注。

本书既可作为高等院校本、专科相关专业的网页设计与制作课程的教材，也可作为网页平面设计的培训教材，是一本适合网页制作、美工设计、网站开发、网页编程等行业人员阅读与参考的优秀读物。

图书特色

特色1：知识全面，内容丰富

特色2：理论与实践相结合

特色3：技术新颖，易学易用

配套资源

进入高校教辅平台查看资源

图书目录

第1章	网页和网站概述
1.1	网页和网站概述
1.1.1	网页和网站基本概念
1.1.2	网页基本构成要素
1.1.3	网站页面构成
1.1.4	网站类型
1.1.5	浏览器概述
1.2	网站制作流程
1.3	网页设计原则
1.4	网页设计规范
1.4.1	配色原则
1.4.2	设计尺寸规范
1.4.3	字体规范
1.4.4	命名规范

第2章 使用网页制作工具
2.1	初识Dreamweaver工具
2.2	界面介绍
2.3	软件初始化设置
2.4	Dreamweaver工具的基本操作
2.5	创建站点
2.5.1	认识站点
2.5.2	建立站点
2.5.3	管理站点
2.6	创建模板
2.6.1	认识模板
2.6.2	创建模板
2.6.3	编辑模板
2.6.4	管理模板

第3章	运用HTML5搭建网页结构
3.1	HTML和HTML5
3.1.1	认识HTML和HTML5
3.1.2	认识标记
3.1.3	文档基本格式
3.1.4	标记属性
3.1.5	HTML5文档头部相关标记
3.2	文本控制标记
3.2.1	标题和段落标记
3.2.2	文本样式标记
3.2.3	文本格式化标记
3.2.4	特殊字符标记
3.3	图像标记
3.3.1	常用图片格式
3.3.2	图像标记<img />
3.3.3	绝对路径和相对路径
3.4	认识HTML5新标记

第4章 运用CSS3设置网页样式
4.1	认识CSS和CSS3
4.2	CSS核心基础
4.2.1	CSS样式规则
4.2.2	引入CSS样式表
4.2.3	CSS基础选择器
4.3	CSS文本样式
4.3.1	字体样式属性
4.3.2	文本外观属性
4.4	CSS高级属性
4.4.1	CSS层叠性和继承性
4.4.2	CSS优先级
4.5	CSS3新增选择器

第5章	运用盒子模型划分网页模块
5.1	盒子模型概述
5.1.1	认识盒子模型
5.1.2	<div>标记
5.1.3	盒子的宽与高
5.2	盒子模型相关属性
5.2.1	边框属性
5.2.2	内边距属性
5.2.3	外边距属性
5.2.4	box-shadow属性
5.2.5	box-sizing属性
5.2.6	背景属性
5.3	元素类型与转换
5.3.1	元素的类型
5.3.2	<span>标记
5.3.3	元素的转换
5.4	块元素垂直外边距的合并
5.4.1	相邻块元素垂直外边距的合并
5.4.2	嵌套块元素垂直外边距的合并

第6章 为网页添加列表和超链接
6.1	列表标记
6.1.1	无序列表<ul>
6.1.2	有序列表<ol>
6.1.3	定义列表<dl>
6.2	CSS控制列表样式
6.2.1	list-style-type属性
6.2.2	list-style-image属性
6.2.3	list-style-position属性
6.2.4	list-style属性
6.3	超链接标记
6.3.1	创建超链接
6.3.2	锚点链接
6.4	链接伪类控制超链接

第7章	为网页添加表格和表单
7.1	表格标记
7.1.1	创建表格
7.1.2	<table>标记的属性
7.1.3	<tr>标记的属性
7.1.4	<td>标记的属性
7.1.5	<th>标记
7.2	CSS控制表格样式
7.2.1	CSS控制表格边框
7.2.2	CSS控制单元格边距
7.2.3	CSS控制单元格宽高
7.3	认识表单
7.3.1	表单的构成
7.3.2	创建表单
7.3.3	表单属性
7.4	表单控件
7.4.1	input控件
7.4.2	<input />标记的type属性
7.4.3	<input />标记的的其他属性
7.4.4	textarea控件
7.4.5	select控件
7.4.6	datalist控件
7.5	CSS控制表单样式

第8章 运用浮动和定位布局网页
8.1	布局概述
8.2	布局常用属性
8.2.1	标记的浮动属性
8.2.2	标记的定位属性
8.3	布局其他属性
8.3.1	overflow属性
8.3.2	Z-index标记层叠
8.4	布局类型
8.4.1	单列布局
8.4.2	两列布局
8.4.3	三列布局
8.5	网页模块命名规范

第9章 全新的网页视听技术
9.1	音视、频嵌入技术
9.1.1 传统音频、视频嵌入方式
9.1.2 使用<video>嵌入视频
9.1.3 使用<audio>嵌入音频
9.1.4 浏览器对音视频文件的兼容性
9.1.5 控制视频的宽高
9.2	过渡
9.2.1 transition-property属性
9.2.2 transition-duration属性
9.2.3 transition-timing-function属性
9.2.4 transition-delay属性
9.2.5 transition属性
9.3	变形
9.3.1 2D变形
9.3.2 3D变形
9.4	动画
9.4.1 @keyframes
9.4.2 animation-name属性
9.4.3 animation-duration属性
9.4.4 animation-timing-function属性
9.4.5 animation-delay属性
9.4.6 animation-iteration-count属性
9.4.7 animation-direction属性
9.4.8 animation属性

第10章 CSS应用技巧
10.1	CSS精灵技术
10.1.1	认识CSS精灵
10.1.2	应用CSS精灵
10.2	CSS滑动门技术
10.2.1	认识滑动门
10.2.2	使用滑动门制作导航条
10.3	margin设置负值技巧
10.3.1	margin负值基本应用
10.3.2	利用margin负值制作压线效果

第11章 JavaScript基础知识
11.1	初识JavaScript
11.1.1	JavaScript简介
11.1.2	JavaScript语法规则
11.1.3	JavaScript引入方式
11.1.4	JavaScript常用输出语句
11.1.5	简单的JavaScript页面
11.2	JavaScript基础入门
11.2.1	数据类型
11.2.2	数据基本操作
11.2.3	常见的流程控制语句
11.2.4	函数
11.2.5	对象
11.2.6	事件和事件调用
11.2.7	常见的JavaScript事件
11.3	网页中常见的JavaScript特效
11.3.1	验证码
11.3.2	焦点图轮播

第12章	测试和发布网站
12.1	网站测试
12.2	网站发布
12.2.1	域名
12.2.2	服务器空间
12.2.3	网站的上传

第13章	综合项目实战—摄影▪开课吧
13.1	网页设计规划
13.1.1	确定网站主题
13.1.2	规划网站结构
13.1.3	收集素材
13.1.4	设计网页效果图
13.2	使用Dreamweaver工具建立站点
13.3	切图
13.4	搭建首页
13.4.1	效果图分析
13.4.2	首页制作
13.5	制作模板
11.1.1	建立模板的步骤
11.1.2	引用模板
13.6	使用模板搭建网页
13.6.1	搭建注册页
13.6.2	搭建个人中心页面
13.6.3	搭建视频播放页
13.7	测试和上传

展开全部内容