网页设计案例教程

马涛、栾蓉主编的《网页设计案例教程》详细讲述了一个真实刚站HTML网页的实际开发过程，更准确地说是如何把PSD格式的文件转化为HTML文件，包括如何搭建开发环境，如何构建网站，如何使用DIV+CSS进行网页布局，如何添加文字、图片、超链接、列表、表单、表格、视频、Flash、地图等网页元素，如何设置每种阀页元素的CSS，如何添加JavaScript。本书是在DreamweaverCS5的环境下进行开发的，测试浏览器是IE9。
本书的靠前个特色是全书为一个综合案例，把一个网站的静态页面开发过程分为8个章节描述。第二个特色是全书使用DIV+CSS进行网页制作。第三个特色是将实际网站开发的一个重要环节，PSD转HTML全景化地展现出来。
《网页设计案例教程》可作为高职高专网页制作课程和网站制作综合实践的专用教材，也可作为初学者快速掌握网页制作实战经验的案例教材。另外本书有很多实际开发的案例和经验可以为中、不错用户提供参考借鉴。

第1章 网页制作基础
1．1 网页初认识
1．1. 1 网页的定义
1. 1．2 优秀网页需具各的条件
1. 1．3 编辑器的选择
1．1. 4 Web浏览器
1．2 制作一个嘲页
1．2．1 网页基本结构
1. 2．2 实例操作
1. 3 添加CSS样式表
1. 3. 1 CSS的定义
1. 3. 2 CSS基本结构
1. 3．3 网页添加CSS的方式
1. 3．4 实例操作
本章小结
课后习题
第2章 网站规划与制作流程
2．1 “新分享”网站的建站准备
2．1. 1 网站规划
2．1. 2 准备素材
2．1．3 设置站点
2. 1．4 实例操作
2．2 “新分享”网站的制作流程
2．2. 1 网页制作流程
2. 2. 2 网站制作流程
2. 2. 3 实例操作
本章小结
课后习题
第3章 首页背景制作
3．1 首页布局分析和区域块命名
3．1．1 嘲页宏观层命名规则
3．1. 2 网页微观层命名注意事项
3．1. 3 实例操作
3．2 Photoshop切图
3．2．1 网页哪些背景必须切图
3．2．2 首页背景如何切图
3．2．3 实例操作
3. 3 HTML和CSS代码编写
3．3．1 div标签
3. 3．2 CSS布局相关属性
3. 3. 3 CSS布局相关属性值设置
3．3．4 margm和padding
3. 3．5 float浮动属性
3．3. 6 网页添加背景图片
3. 3. 7 背景图片的定位
3. 3. 8 实例操作
本章小结
课后习题
第4章 首页头部元素制作
4．1 Logo制作
4．1．1 img图片标签
4．1．2 图片标签CSS设置
4．1. 3 实例操作
4．2 文字链接制作
4．2．1 超链接标签
4. 2．2 伪类
4．2. 3 超链接CSS设置
4．2．4 绝对定位和相对定位
4．2．5 去除超链接下划线
4．2．6 实例操作
4. 3 表单制作
4．3．1 表单的定义
4．3．2 表单的CSS设置
4．3. 3 实例操作
本章小结
课后习题
第5章 首页主体和底部制作
5．1 添加主体部分文字
5. 1. 1 标题标签的用法
5. 1．2 行高属性
5．1．3 对齐属性
5. 1. 4 实例操作
5. 2 添加网页底部元素
5. 2. 1 网页底部常见设计样式
5．2．2 实例操作
本章小结
课后习题
第6章 功能页导航菜单制作
6．1 横向主菜单
6. 1. 1 列表的HTM1结构
6．1. 2 列表的CSS设置
6. 1. 3 制作树状列表
6．1．4 实例操作
6．2 侧向导航菜单
6. 2. 1 列表整体使用背景色
6．2．2 列表项文字缩进
6. 2．3 实例操作
6. 3 Tab式菜单
本章小结
课后习题
第7章 功能页主体部分制作
7. 1 表格布局制作主体内容
7. 1. 1 表格的HTML结构
7. 1. 2 拆分单元格
7. 1. 3 表格属性
7. 1．4 表格的CSS设置
7. 1. 5 制作“斑马效果”表格
7．1. 6 制作“滚动条”表格
7．1. 7 实例操作
7. 2 分页导航制作
7．2. 1 分页导航
7．2. 2 分页导航设计注意事项
7. 2．3 实例操作
本章小结
课后习题
第8章 功能页右侧部分制作
8．1 地图
8．1．1 网页地图定义和类型
8. 1. 2 实例操作
8．2 拓展媒体
8．2．1 拓展媒体的定义
8. 2. 2 实例操作
8．3 图片画廊
8. 3．1 使用图片画廊
8. 3. 2 常见的图片画廊效果
8. 3. 3 实例操作
8．4 日历
实例操作
本章小结
课后习题
参考文献