网页设计案例教程

第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 实例操作

本章小结

第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 日历

实例操作

本章小结

课后习题

参考文献

《高等高专计算机系列规划教材·全国高职高专计算机立体化系列规划教材：网页设计案例教程（DIV+CSS版）》详细讲述了一个真实刚站HTML网页的实际开发过程，更准确地说是如何把PSD格式的文件转化为HTML文件，包括如何搭建开发环境，如何构建网站，如何使用DIV+CSS进行网页布局，如何添加文字、图片、超链接、列表、表单、表格、视频、Flash、地图等网页元素，如何设置每种阀页元素的CSS，如何添加JavaScript特效。本书是在Dreamweaver CS5的环境下进行开发的，测试浏览器是IE9。

　　《高等高专计算机系列规划教材·全国高职高专计算机立体化系列规划教材：网页设计案例教程（DIV+CSS版）》的第一个特色是全书为一个综合案例，把一个网站的静态页面开发过程分为8个章节描述。第二个特色是全书使用DIV+CSS进行网页制作。第三个特色是将实际网站开发的一个重要环节，PSD转HTML全景化地展现出来。

　　《高等高专计算机系列规划教材·全国高职高专计算机立体化系列规划教材：网页设计案例教程（DIV+CSS版）》可作为高职高专网页制作课程和网站制作综合实践的专用教材，也可作为初学者快速掌握网页制作实战经验的案例教材。另外本书有很多实际开发的案例和经验可以为中、高级用户提供参考借鉴。