微信扫一扫,移动浏览光盘
简介
HTML与CSS是网页制作技术的核心和基础,也是每个网页制作者必须要掌握的基本知识,两者在网页设计中不可或缺。本书从初学者的角度,以形象的比喻、实用的案例、通俗易懂的语言详细介绍了使用HTML与CSS进行网页设计与制作的各方面内容和技巧。 本书附有配套视频、源代码、习题、教学课件等资源,而且为了帮助初学者及时解决学习过程中遇到的问题,传智播客还专门提供了免费的在线答疑平台,并承诺在3小时内针对问题给予解答。
目录
第1章HTML与CSS网页设计概述
1.1Web基本概念
1.1.1认识网页
1.1.2名词解释
1.1.3了解Web标准
1.2网页制作入门
1.2.1HTML简介
1.2.2CSS简介
1.2.3常见浏览器介绍
1.3Dreamweaver工具的使用
1.3.1Dreamweaver界面介绍
1.3.2Dreamweaver初始化设置
1.3.3创建第一个网页
本章小结
第2章HTML入门
2.1什么是HTML
2.1.1HTML文档基本格式
2.1.2HTML标记
2.1.3标记的属性
2.1.4HTML文档头部相关标记
2.2HTML文本控制标记
2.2.1标题和段落标记
2.2.2文本样式标记
2.2.3文本格式化标记
2.2.4特殊字符标记
2.3HTML图像标记
2.3.1常用图像格式
2.3.2图像标记
2.3.3相对路径和绝对路径
2.4阶段案例——制作图文混排页面
2.4.1分析效果图
2.4.2制作页面结构
2.4.3控制图像
2.4.4控制文本
本章小结
第3章CSS入门
3.1CSS核心基础
3.1.1CSS样式规则
3.1.2引入CSS样式表
3.1.3CSS基础选择器
3.2CSS文本相关样式
3.2.1CSS字体样式属性
3.2.2CSS文本外观属性
3.3CSS高级特性
3.3.1CSS复合选择器
3.3.2CSS层叠性和继承性
3.3.3CSS优先级
3.4阶段案例——制作新闻页面
3.4.1分析效果图
3.4.2制作页面结构
3.4.3定义CSS样式
本章小结
第4章盒子模型
4.1认识盒子模型
4.2盒子模型相关属性
4.2.1边框属性
4.2.2内边距属性
4.2.3外边距属性
4.2.4背景属性
4.2.5盒子的宽与高
4.3元素的类型与转换
4.3.1元素的类型
4.3.2<div>与<span>标记
4.3.3元素的转换
4.4块元素垂直外边距的合并
4.4.1相邻块元素垂直外边距的合并
4.4.2嵌套块元素垂直外边距的合并
4.5阶段案例——制作音乐盒
4.5.1分析效果图
4.5.2制作页面结构
4.5.3定义CSS样式
本章小结
第5章列表与超链接
5.1列表标记
5.1.1无序列表ul
5.1.2有序列表ol
5.1.3定义列表dl
5.1.4列表的嵌套应用
5.2CSS控制列表样式
5.2.1list—style—type属性
5.2.2list—style—image属性
5.2.3list—style—position属性
5.2.4list—style属性
5.3超链接标记
5.3.1创建超链接
5.3.2锚点链接
5.4链接伪类控制超链接
5.5阶段案例——制作新闻列表
5.5.1分析效果图
5.5.2制作页面结构
5.5.3定义CSS样式
本章小结
第6章表格与表单
6.1表格标记
6.1.1创建表格
6.1.2<table>标记的属性
6.1.3<tr>标记的属性
6.1.4<td>标记的属性
6.1.5<th>标记及其属性
6.1.6表格的结构
6.2CSS控制表格样式
6.2.1CSS控制表格边框
6.2.2CSS控制单元格边距
6.2.3CSS控制单元格的宽高
6.3认识表单
6.4创建表单
6.5表单控件
6.5.1Input控件
6.5.2textarea控件
6.5.3select控件
6.6CSS控制表单样式
6.7阶段案例——制作注册界面
6.7.1分析效果图
6.7.2制作页面结构
6.7.3定义CSS样式
本章小结
第7章浮动与定位
7.1元素的浮动
7.1.1元素的浮动属性
7.1.2清除浮动
7.2Overflow属性
7.3元素的定位
7.3.1元素的定位属性
7.3.2静态定位
7.3.3相对定位relative
7.3.4绝对定位
7.3.5固定定位
7.3.6z—index层叠等级属性
7.4阶段案例——制作banner
7.4.1分析效果图
7.4.2制作页面结构
7.4.3定义CSS样式
本章小结
第8章CSS高级技巧
8.1CSS精灵技术
8.1.1需求分析
8.1.2工作原理
8.1.3案例实战——精品课程
8.2CSS滑动门技术
8.2.1需求分析
8.2.2工作原理
8.2.3案例实战——梯形网站导航
8.3margin负值的应用
8.3.1对同级元素应用负margin
8.3.2对子元素应用负margin
8.3.3案例实战——登录注册模块
本章小结
第9章布局与兼容性
9.1CSS布局
9.1.1版心和布局流程
9.1.2单列布局
9.1.3两列布局
9.1.4三列布局
9.1.5通栏布局
9.1.6网页模块命名规范
9.2浏览器兼容性
9.2.1CSSHack
9.2.2IE条件注释语句
9.2.3使用!important解决高度自适应问题
9.3常见IE6浏览器的兼容问题
9.3.1IE6中浮动元素的双倍外边距问题
9.3.2IE6不支持透明图像问题
9.3.3IE6中图片底部的像素间隙问题
9.3.4IE6中元素最小高度的问题
9.3.5IE6显示多余字符问题
9.3.6IE6中3像素间距Bug
本章小结
第10章实战开发(上)—传智播客设计学院首页面
10.1准备工作
10.1.1建立站点
10.1.2站点初始化设置
10.1.3首页面效果图分析
10.1.4切片
10.1.5页面布局
10.2首页面详细制作
10.2.1制作头部和导航
10.2.2banner和通告
10.2.3主体内容区域
10,2.4底部版权区域
本章小结
第11章实战开发(下)—传智播客设计学院子页面
11.1Dreamweaver模板
11.1.1模板的作用
11.1.2建立模板的步骤
11.1.3引用模板
11.2列表详情页面制作
11.2.1“关于我们”页面制作
11.2.2课程介绍页面制作
11.2.3课程详细介绍页面制作
本章小结
1.1Web基本概念
1.1.1认识网页
1.1.2名词解释
1.1.3了解Web标准
1.2网页制作入门
1.2.1HTML简介
1.2.2CSS简介
1.2.3常见浏览器介绍
1.3Dreamweaver工具的使用
1.3.1Dreamweaver界面介绍
1.3.2Dreamweaver初始化设置
1.3.3创建第一个网页
本章小结
第2章HTML入门
2.1什么是HTML
2.1.1HTML文档基本格式
2.1.2HTML标记
2.1.3标记的属性
2.1.4HTML文档头部相关标记
2.2HTML文本控制标记
2.2.1标题和段落标记
2.2.2文本样式标记
2.2.3文本格式化标记
2.2.4特殊字符标记
2.3HTML图像标记
2.3.1常用图像格式
2.3.2图像标记
2.3.3相对路径和绝对路径
2.4阶段案例——制作图文混排页面
2.4.1分析效果图
2.4.2制作页面结构
2.4.3控制图像
2.4.4控制文本
本章小结
第3章CSS入门
3.1CSS核心基础
3.1.1CSS样式规则
3.1.2引入CSS样式表
3.1.3CSS基础选择器
3.2CSS文本相关样式
3.2.1CSS字体样式属性
3.2.2CSS文本外观属性
3.3CSS高级特性
3.3.1CSS复合选择器
3.3.2CSS层叠性和继承性
3.3.3CSS优先级
3.4阶段案例——制作新闻页面
3.4.1分析效果图
3.4.2制作页面结构
3.4.3定义CSS样式
本章小结
第4章盒子模型
4.1认识盒子模型
4.2盒子模型相关属性
4.2.1边框属性
4.2.2内边距属性
4.2.3外边距属性
4.2.4背景属性
4.2.5盒子的宽与高
4.3元素的类型与转换
4.3.1元素的类型
4.3.2<div>与<span>标记
4.3.3元素的转换
4.4块元素垂直外边距的合并
4.4.1相邻块元素垂直外边距的合并
4.4.2嵌套块元素垂直外边距的合并
4.5阶段案例——制作音乐盒
4.5.1分析效果图
4.5.2制作页面结构
4.5.3定义CSS样式
本章小结
第5章列表与超链接
5.1列表标记
5.1.1无序列表ul
5.1.2有序列表ol
5.1.3定义列表dl
5.1.4列表的嵌套应用
5.2CSS控制列表样式
5.2.1list—style—type属性
5.2.2list—style—image属性
5.2.3list—style—position属性
5.2.4list—style属性
5.3超链接标记
5.3.1创建超链接
5.3.2锚点链接
5.4链接伪类控制超链接
5.5阶段案例——制作新闻列表
5.5.1分析效果图
5.5.2制作页面结构
5.5.3定义CSS样式
本章小结
第6章表格与表单
6.1表格标记
6.1.1创建表格
6.1.2<table>标记的属性
6.1.3<tr>标记的属性
6.1.4<td>标记的属性
6.1.5<th>标记及其属性
6.1.6表格的结构
6.2CSS控制表格样式
6.2.1CSS控制表格边框
6.2.2CSS控制单元格边距
6.2.3CSS控制单元格的宽高
6.3认识表单
6.4创建表单
6.5表单控件
6.5.1Input控件
6.5.2textarea控件
6.5.3select控件
6.6CSS控制表单样式
6.7阶段案例——制作注册界面
6.7.1分析效果图
6.7.2制作页面结构
6.7.3定义CSS样式
本章小结
第7章浮动与定位
7.1元素的浮动
7.1.1元素的浮动属性
7.1.2清除浮动
7.2Overflow属性
7.3元素的定位
7.3.1元素的定位属性
7.3.2静态定位
7.3.3相对定位relative
7.3.4绝对定位
7.3.5固定定位
7.3.6z—index层叠等级属性
7.4阶段案例——制作banner
7.4.1分析效果图
7.4.2制作页面结构
7.4.3定义CSS样式
本章小结
第8章CSS高级技巧
8.1CSS精灵技术
8.1.1需求分析
8.1.2工作原理
8.1.3案例实战——精品课程
8.2CSS滑动门技术
8.2.1需求分析
8.2.2工作原理
8.2.3案例实战——梯形网站导航
8.3margin负值的应用
8.3.1对同级元素应用负margin
8.3.2对子元素应用负margin
8.3.3案例实战——登录注册模块
本章小结
第9章布局与兼容性
9.1CSS布局
9.1.1版心和布局流程
9.1.2单列布局
9.1.3两列布局
9.1.4三列布局
9.1.5通栏布局
9.1.6网页模块命名规范
9.2浏览器兼容性
9.2.1CSSHack
9.2.2IE条件注释语句
9.2.3使用!important解决高度自适应问题
9.3常见IE6浏览器的兼容问题
9.3.1IE6中浮动元素的双倍外边距问题
9.3.2IE6不支持透明图像问题
9.3.3IE6中图片底部的像素间隙问题
9.3.4IE6中元素最小高度的问题
9.3.5IE6显示多余字符问题
9.3.6IE6中3像素间距Bug
本章小结
第10章实战开发(上)—传智播客设计学院首页面
10.1准备工作
10.1.1建立站点
10.1.2站点初始化设置
10.1.3首页面效果图分析
10.1.4切片
10.1.5页面布局
10.2首页面详细制作
10.2.1制作头部和导航
10.2.2banner和通告
10.2.3主体内容区域
10,2.4底部版权区域
本章小结
第11章实战开发(下)—传智播客设计学院子页面
11.1Dreamweaver模板
11.1.1模板的作用
11.1.2建立模板的步骤
11.1.3引用模板
11.2列表详情页面制作
11.2.1“关于我们”页面制作
11.2.2课程介绍页面制作
11.2.3课程详细介绍页面制作
本章小结
网页设计与制作
光盘服务联系方式: 020-38250260 客服QQ:4006604884
云图客服:
用户发送的提问,这种方式就需要有位在线客服来回答用户的问题,这种 就属于对话式的,问题是这种提问是否需要用户登录才能提问
Video Player
×
Audio Player
×
pdf Player
×
亲爱的云图用户,
光盘内的文件都可以直接点击浏览哦
无需下载,在线查阅资料!