网页设计案例教程

第1章 网页制作概述

1.1 域名与ip地址

1.2 网站的工作原理

1.3 HTML

1.3.1 基本标签

1.3.2 文字标签

1.3.3 段落标签

1.3.4 图像标签和超链接标签

1.3.5 多媒体标签

1.3.6 表格标签

1.4 Dreamweaver CS5简介

第2章 始建站点“驴友天下”

2.1 Dreamweaver CS5的操作界面

2.2 建立站点

2.3 设置页面

2.3.1 页面背景

2.3.2 页面默认字体

2.3.3 页面边距

2.4 上传和下载站点

2.4.1 上传站点

2.4.2 下载站点

实训 创建“美食天下”网站

第3章 网页设计基础操作——“热门景点”

3.1 麻姑山简介——网页文本

3.1.1 编辑文本

3.1.2 设置段落

3.2 麻姑山美景——网页图片

3.2.1 插入图片

3.2.2 修改图片

3.2.3 对齐图片

3.2.4 图片边距

3.2.5 鼠标经过图像

3.2.6 页面保存

3.3 西湖映像——网页多媒体

3.3.1 插入Flash动画

3.3.2 插入Flash视频

3.3.3 插入音频

3.4“热门景点”首页

3.4.1 文本超链接

3.4.2 图片超链接

实训 创建“美食天下”网站的子版块“齐鲁菜肴”

第4章 布局元素的应用——“驴友宝典”

4.1 新建“户外须知”页面——AP Div的基本操作

4.1.1 理解AP Div的概念

4.1.2 创建AP Div

4.1.3 选择AP Div

4.1.4 移动AP Div

4.1.5 调整AP Div的大小

4.1.6 更改AP Div的名称

4.2 完善“户外须知”页面——使用AP Div布局页面

4.2.1 创建多个AP Div进行页面布局

4.2.2 创建嵌套AP Div

4.2.3 在AP Div中添加图片

4.2.4 在AP Div中添加文字

4.2.5 设置AP Div的背景

4.2.6 其他设置

4.3 新建“旅途常备”页面——表格的基本操作

4.3.1 插入表格

4.3.2 选取表格元素

4.3.3 设置表格属性

4.3.4 设置单元格属性

4.3.5 添加和删除行或列

4.3.6 在表格中添加内容

4.4 完善“旅途常备”页面——使用表格进行页面布局

4.4.1 用表格布局页面

4.4.2 加入页面标题图片

4.4.3 拆分单元格

4.4.4 加入文字和图片元素

4.4.5 设置单元格的背景颜色

4.4.6 插入嵌套表格

4.4.7 设置表格的背景图片和边框颜色

4.4.8 合并单元格

4.4.9 绘制立体表格

4.4.10 完成“旅途常备”页面

4.4.11 AP Div和表格之间的转换

4.5 美化“旅途常备”页面——使用Spry框架高效使用页面空间

4.5.1 生成选项卡面板

4.5.2 编辑选项卡标签

4.5.3 编辑选项卡面板内容区

4.5.4 设置默认显示面板

4.5.5 创建和编辑Spry菜单栏

4.5.6 创建Spry折叠式面板

4.5.7 使用Spry框架美化“旅途常备”页面效果展示

实训 创建“美食天下”的子版块“饮食宜忌”

第5章 CSS样式应用——“老谈游记”

5.1 梦回千岛湖

5.1.1 CSS样式的分类

5.1.2 CSS选择器的分类

5.2 千古晋祠

5.3 蝴蝶泉

5.4 麦积山

5.5 太阳岛

实训 魂绕回龙

第6章 行为的应用——“摄影部落”

6.1 欢迎进入摄影部落——弹出信息

6.2 摄影部落简介——弹出窗口

6.3 人物摄影——交换图像

6.4 风景摄影——效果行为

6.5 民俗摄影——显示—隐藏元素

6.6 美食摄影——设置文本

6.7 建筑摄影——改变属性

实训 创建“魅力城市”网站的子版块“青岛”

第7章 框架——首页的建设

7.1 首页的规划

7.1.1 首页规划设计的原则

7.1.2“驴友天下”网站的首页规划

7.2 编辑“标题.html”框架页

7.2.1“标题.html”框架页效果描述

7.2.2 制作“标题.html”框架页

7.3 编辑“导航.html”框架页

7.3.1“导航.html”框架页效果描述

7.3.2 制作“导航.html”框架页

7.4 编辑“主体.html”框架页

7.4.1“主体.html”框架页效果描述

7.4.2 制作“主体.html”框架页

7.5 编辑“底部.html”框架页

7.5.1“底部.html”框架页效果描述

7.5.2 制作“底部.html”框架页

7.6 新建和设置框架集

7.6.1“驴友天下”网站首页的框架集描述

7.6.2 创建“驴友天下”网站首页的框架集

7.7 创建框架间链接。

7.7.1“驴友天下”网站首页框架间链接的效果描述

7.7.2 创建“驴友天下”网站首页的框架间链接

7.8 保存“驴友天下”网站首页的框架

实训 创建“唐诗宋词欣赏”网站的首页

第8章 网页配色基础

8.1 色彩理论基础

8.1.1 色彩的三要素

8.1.2 HSB色彩空间

8.2 网页配色的一般方法

8.2.1 网页安全色

8.2.2 网页元素分析

8.2.3 网页色彩分析

8.2.4 网页配色的基本方法

8.3 常见色系的配色

第9章 综合实例

9.1 网站规划

9.2 页面制作

9.2.1“名作欣赏”页面

9.2.2 站点首页的制作

实训“图酷在线”网站的建设

……

第10章 建立web服务器

本书系统地介绍了Dreamweaver CS5的基础知识和操作，由网页制作概述、始建站点、网页设计基础操作、布局元素的应用、CSS样式应用、使用行为、框架的应用、网页色彩设计、网页整合设计及发布10章组成。书中使用大量的案例进行知识点的分析与运用，并给出一些比较成熟的开发步骤，帮助读者进行网页设计与开发，让每一位读者能够看清楚知识点运用的来龙去脉和运行效果，从而能够真正灵活地运用网页设计的常用技巧。全书还在每一章后面附加实训项目，读者可以通过实训检验自己本章节各个知识点的综合掌握情况。本书结构清晰，内容翔实，具有很强的专业性和操作性，切实做到理论与实践相结合。适合作为高等院校各专业计算机公共基础课程网页设计方面的教材，也可以作为网页制作从业人员及自学者的参考用书。

由朱艳丽、宋毓霞主编，《高等学校计算机课程规划教材:网页设计案例教程》的编写特色为，以案例的形式编排，读者可以在阅读的同时逐渐完成全书的目标。在此基础上，还安排了必要的实训，使读者有机会实践课本所学。《高等学校计算机课程规划教材:网页设计案例教程》结构清晰，内容翔实，具有很强的专业性和操作性，切实做到理论与实践相结合。适合作为高等院校各专业计算机公共基础课程网页设计方面的教材，也可以作为网页制作从业人员及自学者的参考用书。