网页设计案例教程PDF电子书下载

第1章 网页制作概述 1

1.1域名与IP地址 1

1.2网站的工作原理 3

1.3 HTML 4

1.3.1基本标签 4

1.3.2文字标签 5

1.3.3段落标签 7

1.3.4图像标签和超链接标签 8

1.3.5多媒体标签 11

1.3.6表格标签 12

1.4 Dreamweaver CS5简介 14

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

2.1 Dreamweaver CS5的操作界面 15

2.2建立站点 18

2.3设置页面 20

2.3.1页面背景 21

2.3.2页面默认字体 24

2.3.3页面边距 27

2.4上传和下载站点 28

2.4.1上传站点 28

2.4.2下载站点 29

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

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

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

3.1.1编辑文本 32

3.1.2设置段落 38

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

3.2.1插入图片 41

3.2.2修改图片 43

3.2.3对齐图片 47

3.2.4图片边距 47

3.2.5鼠标经过图像 48

3.2.6页面保存 50

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

3.3.1插入Flash动画 51

3.3.2插入Flash视频 54

3.3.3插入音频 57

3.4“热门景点”首页 61

3.4.1文本超链接 62

3.4.2图片超链接 65

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

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

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

4.1.1理解AP Div的概念 72

4.1.2创建AP Div 73

4.1.3选择AP Div 74

4.1.4移动AP Div 75

4.1.5调整AP Div的大小 75

4.1.6更改AP Div的名称 75

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

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

4.2.2创建嵌套AP Div 77

4.2.3在AP Div中添加图片 78

4.2.4在AP Div中添加文字 79

4.2.5设置AP Div的背景 80

4.2.6其他设置 81

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

4.3.1插入表格 84

4.3.2选取表格元素 85

4.3.3设置表格属性 86

4.3.4设置单元格属性 86

4.3.5添加和删除行或列 86

4.3.6在表格中添加内容 87

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

4.4.1用表格布局页面 88

4.4.2加入页面标题图片 88

4.4.3拆分单元格 89

4.4.4加入文字和图片元素 89

4.4.5设置单元格的背景颜色 90

4.4.6插入嵌套表格 90

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

4.4.8合并单元格 92

4.4.9绘制立体表格 92

4.4.10完成“旅途常备”页面 93

4.4.11 AP Div和表格之间的转换 94

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

4.5.1生成选项卡面板 95

4.5.2编辑选项卡标签 95

4.5.3编辑选项卡面板内容区 96

4.5.4设置默认显示面板 97

4.5.5创建和编辑Spry菜单栏 97

4.5.6创建Spry折叠式面板 98

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

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

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

5.1梦回千岛湖 104

5.1.1 CSS样式的分类 104

5.1.2 CSS选择器的分类 107

5.2千古晋祠 111

5.3蝴蝶泉 117

5.4麦积山 121

5.5太阳岛 123

实训 魂绕回龙 126

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

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

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

6.3人物摄影——交换图像 131

6.4风景摄影——效果行为 133

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

6.6美食摄影——设置文本 137

6.7建筑摄影——改变属性 140

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

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

7.1首页的规划 145

7.1.1首页规划设计的原则 145

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

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

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

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

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

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

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

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

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

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

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

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

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

7.6新建和设置框架集 167

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

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

7.7创建框架间链接 174

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

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

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

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

第8章 网页配色基础 187

8.1色彩理论基础 187

8.1.1色彩的三要素 187

8.1.2 HSB色彩空间 189

8.2网页配色的一般方法 189

8.2.1网页安全色 190

8.2.2网页元素分析 190

8.2.3网页色彩分析 190

8.2.4网页配色的基本方法 192

8.3常见色系的配色 193

第9章 综合实例 196

9.1网站规划 196

9.2页面制作 198

9.2.1“名作欣赏”页面 198

9.2.2站点首页的制作 204

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

第10章 建立Web服务器 219

10.1 Web服务器概述 219

10.2在Windows XP中安装IIS 219

10.2.1安装IIS 220

10.2.2设置IIS 221

10.3在Dreamweaver中设置站点并发布 224