网站设计手册PDF电子书下载

第1章 网站结构 1

1.1网站结构图 1

1.2网站逻辑模型图的设计 3

1.3选题 4

1.3.l企业网站 4

1.3.2非企业网站 4

1.4划分信息 6

1.4.自顶向下划分 6

1.4.2自底向上划分 8

1.5层次划分和优化 10

1.5.l网站的顶层结构 11

1.5.2网站的下层结构 12

1.6目录安排 15

1.7网页关系 16

1.7.l信息片段 17

1.7.2顺序关系 17

1.7.3矩阵关系 18

1.7.5网状关系 19

1.7.4树形关系 19

本章小结 21

第2章 导航系统和用户接口 22

2.1导航系统 22

2.1.l菜单 24

2.1.2站内目录 26

2.1.3站点目录的建立 26

2.1.4站内搜索 28

2.1.5网站地图及实例 28

2.1.6你的位置 37

2.1.7脚注及其他 38

2.1.8设计导航系统的注意事项 39

2.2用户接口 47

2.2.1 Step by Step 47

2.2.2错误校验 49

2.2.3关于用户名 50

本章小结 52

3.1页面大小 53

第3章 页面设计 53

3.1.l测览器的偏移量 54

3.l.2画布（canvas）大小 55

3.1.3安装了Microsoft Office之后的问题 56

3.1.4建议的页面大小 56

3.2页面主题 57

3.2.1分隔线 58

3.2.2标题图 60

3.2.3页眼图 60

3.2.4制作按钮和条形图标 61

3.2.5制作编目图标 63

3.2.6主题参考 65

3.3页面划分 69

3.3.1两栏式结构 69

3.3.2三栏式结构， 69

3.3.3两栏／三栏式相结合 70

3.3.4两栏、三栏式的变形 71

3.4.3企业站点与非企业站点对于页面原始结构规划的不同之处 72

3.4.2企业网站的原始结构框图 72

3.4.l综合性站点的原始结构框图 72

3.4设计页面原始结构框图 72

3.5设计页面图 75

3.5.l关于设计的几点建议 76

3.5.2利用工具设计页面图 77

3.6拆分页面 78

3.6.1第一次拆分 78

3.6.2输出HTM代码及初步优化 81

3.6.3第二次页面拆分 85

3.6.4第三次页面拆分 87

3.7代码优化（使网页苗条） 91

3.7.1在HTML中明确地标注图像尺寸（不要省略图像的WIDTH和HEIGHT属性） 91

3.7.2去掉多余的图像 93

3.7.3使用适用的图像格式 93

3.7.4使用缓存 95

3.7.5保证图像中一行里的颜色数尽可能得少 95

3.7.6尽可能使用文本而不用图形 96

3.7.7制作快速表格的技巧 98

3.7.8测试你的网页 103

3.8模板的创建 104

3.8.1半模板 104

3.8.2全模板 105

3.9页面更新和管理计划 108

3.10几种例行页面的设计制作 108

3.10.l欢迎页面的制作 108

3.10.3雇员信息页面的制作 110

3.10.2联系页面的制作 110

3.10.4新闻页面的制作 113

3.10.5产品/服务页面的制作 116

3.10.6客户支持页面的制作 118

3.11创意页面的设计制作 120

3.12页面实例 121

3.12.l欢迎页面的实例 121

3.12.2创意页面的实例 122

3.12.3新闻页面的实例 122

3.12.4雇员页面的实例 124

3.12.5产品页面的实例 125

3.12.6 FAQ页面实例 127

本章小结 130

第4章 配色方案. 132

4.1关于计算机的色彩表示 132

4.1.1颜色十六进制数值 133

4.1.2 RGB值 134

4.2关于浏览器的安全色彩问题 135

4.3关于颜色的语言 136

4.3.1颜色符号论图表 137

4.3.2不同文化的颜色符号论 137

4.3.3颜色与心理 137

4.4 Web页面的用色要求 141

4.5页面颜色的选择 141

4.5.1主色 142

4.5.2辅色 142

4.6配色方法 145

4.6.1配色窍门 146

4.6.2几种配色方案 147

4.7给色彩制作档案 149

本章小结 150

第5章 CSS样式表 151

5.1样式表的写法 151

5.1.1样式表写法分类 151

5.1.2文字属性控制 153

5.1.3表单属性控制 154

5.1.4链接 155

5.2样式表举例 156

本章小结 160

第6章 表格的应用 161

6.1表格的作用 161

6.1.l确定页面布局 161

6.1.2随心所欲地安排页面内容 161

6.1.3在某种程度上替代图像 161

6.2.2多级嵌套式 162

6.2.1单级表格式 162

6.2表格的放置 162

6.2.3重复单级式 163

6.3表格的制作 163

6.3.l表格的宽度 163

6.3.2表格的边框 164

6.3.3表元的间隙 166

6.3.4表格的分隔线 169

6.3.5表元内容的对齐布局 170

6.3.6表格在页面中的对齐/布局 172

6.4表格的使用窍门 173

6.4.l制作按钮 173

6.4.2制作线条 176

6.4.3替代图像 183

6.5关于表格的几点建议 189

6.5.1表格的多级嵌套最好不超过三层. 189

6.5.2尽量不要使用不规则表格 189

本章小结 189

7.1.2使用高中质量的图片 190

7.1.l尽量使用小图 190

第7章 图的应用 190

7.l网页图片的使用原则 190

7.2网页图片的选择 191

7.2.l内容的选择 191

7.2.2色调的选择 191

7.2.3质量的选择 191

7.2.4选择图片的方法 192

7.3网页图片的修饰 192

7.3.l图的淡化 192

7.3.2图的羽化 193

7.3.3图的单色化 194

7.3.4修改背景色 196

7.3.5背景透明化 198

7.3.6背景模糊 201

7.3.7图像的组合 202

7.3.8图像勾边 202

7.4.1阴影效果 206

7.4增加网页立体效果 206

7.4.2倒影效果 207

7.4.3光影效果 212

7.4.4浮雕效果 213

7.5在哪里使用图最恰当 214

7.5.l背景 214

7.1隐形图的使用 215

7.5.5提交按扭 215

7.5.4文字密集处 215

7.5.3 coverpape 215

7.5.2首页 215

7.7图和表格的结合 216

7.7.l图和表格底色的结合 216

7.7.2巧用表格背景图 217

7.8用CSS的滤镜功能处理图片 220

7.8.I Alpha滤镜 220

7.8.2 Blur滤镜 222

7.8.3 FlipH和FlipV滤镜 223

7.8.4 Chroma滤镜 225

7.8.5 Dropshadow滤镜 226

7.8.6 Glow滤镜 227

7.8.7 Gfay滤镜 228

7.8.8 Light滤镜 228

7.8.9 Shadow滤镜 230

7.8.10 Wave滤镜 231

7.8.11 CSS滤镜的综合应用 232

7.9用Script程序使图片产生意想不到的效果 233

7.10关于GIF动画 234

7.11图的替代品 234

7.11.l表格 234

7.11.2特殊字符 234

本章小结 235

第8章 分隔线的应用 236

8.1线的类型 236

8.1.1复杂型 236

8.1.3其他型 237

8.1.2简单型 237

8.2线的制作 238

8.2.1制作精美的线条 238

8.2.2制作10*10像素的小图 238

8.2.3在HTML中勾勒表格边框 238

8.2.4用表格背景色做线 239

8.2.5用表格背景图做线 239

8.2.6使用HTML中的＜HR＞ 239

本章小结 240

第9章 文字的处理 241

9.1文字的摆放 241

9.1.l文字的布局 241

9.1.2文字的摆放规则 243

9.2使用CSS的滤镜效果处理文字 244

9.2.1 Alpha滤镜 244

9.2.2 Blur滤镜 245

9.2.3 Fliph,FlipV滤镜 246

9.2.4 DropShadow滤镜 247

9.2.6 Shadow滤镜 248

9.2.5 Glow滤镜 248

9.2.7 WaVe滤镜 249

9.2.8 CSS滤镜的综合应用 249

9.3使用Script程序处理文字 250

本章小结 253

第10章 按钮及图标 254

10.l根据页面主题收集按钮和图标 254

10.2根据页面主题设计按钮和图标 255

10.3使用SCript程序制作按钮 256

10.4实战：借助软件制作导航按钮和图标 257

10.4.1 ActionBars 257

10.4.2 AllWebMenus 265

本章小结 275

第11章 表单应用 276

11.l创建表单页面 276

11.1.l创建表单页面的准备工作 277

11.1.2设计表单页面 278

11.2.1增加表单边框 282

11.2表单元素的修饰 282

11.2.2隐藏表单边框 283

11.2.3修改表单边框 284

11.2.4修改submit外表 285

11.3表单区域的修饰 285

11.3.l增加表单区域外框 286

11.3.2使用小图片 287

11.3.3使用区域背景图 287

11.3.4使用精心制作的按钮图片 288

11.3.5使用标题图片 288

11.4表单页面实例 288

本章小结 289

第12章 隐藏信息,换取空间 290

12.1隐藏文字 290

12.2菜单的应用 293

12.2.l弹出式菜单 294

12.2.2伸缩式菜单 294

12.2.3下拉菜单 295

12.3标签的应用 296

12.3.图像的标签 296

12.3.2链接的标签 297

12.4共享空间 297

12.4.l图像共享空间 298

12.4.2文字共享空间 299

本章小结 299

13.1.l留给别人的广告 300

13.l广告的分类 300

第13章 网页广告 300

13.1.2留给自己的广告 301

13.2广告的规格 301

13.2.1 468×60 301

13.2.2 88×31 301

13.2.3 120×60 302

13.2.4 125×l25 302

13.2.5其他 302

13.3广告的位置 303

13.3.l页眉 304

13.3.2页中 304

13.3.3页脚 305

13.3.4专辟的广告区 305

13.4设置广告收费标准 306

13.5跟踪Web广告 307

13.6广告随机显示系统的制作 308

13.6.l用JavaScriPt实现广告的互换显示 308

13.6.2使用Meta+iframe技术 309

13.7网页广告的设计制作 311

13.7.1广告的设计 313

13.7.2制作GIF格式的动画广告 316

13.8关于Rich Media Banner 322

本章小结 323

附录一 相关网址 324

附录二 CSS的基本语法 329

附录三 网页广告常见问答 335

附录四 创览器相容性图表 338