网站设计手册

　　内容提要越来越多的公司和个人希望拥有实用且美观的网站，帮助人们实现这一愿望，正是本书写作的出发点和目的。本书以同站开发程序（未包括发现需求及采集需求）为序展开叙述，从网站构架设计入手，配合详细的导航系统设计介绍，读者可以由此得到一个层次分明、结构清晰、易于浏览的网站的框架；接下来是对页面布局设计和配色方案设计的介绍，帮助读者对同站框架进行细致化工作，本书专门详细介绍了一些网站通用页面的制作，如新闻页面、产品页面、服务页面、用户支持页面、雇员页面等等，并辅以实例，方便读者参考和实作。本书后半部分集中介绍了页面中各元素的局部设计和美化，这是进一步细致加工网站的必要步骤，也是颇为烦琐的工作之一：由于阿页广告已成为不容忽视的页面元素之一，本书利用一章的篇幅介绍了网页广告的设计制作；最后，拥有一个实用美观的网站仅仅是第一步，细水长流的工作是保持，本书在站点管理部分介绍了保持同站新鲜和高效的方法。本书适用于网站网页设计人员和广大网页制作爱好者。

暂缺《网站设计手册》作者简介

前言                  
 第1章  网站结构 1                  
 1.1  网站结构图 1                  
 1.2  网站逻辑模型图的设计 3                  
 1.3  选题 4                  
 1.3.1  企业网站 4                  
 1.3.2  非企业网站 4                  
 1.4  划分信息 6                  
 1.4.1  自顶向下划分 6                  
 1.4.2  自底向上划分 8                  
 1.5  层次划分和优化 10                  
 1.5.1  网站的顶层结构 11                  
 1.5.2  网站的下层结构 12                  
 1.6  目录安排 15                  
 1.7  网页关系 16                  
 1.7.1  信息片段 17                  
 1.7.2  顺序关系 17                  
 1.7.3  矩阵关系 18                  
 1.7.4  树形关系 19                  
 1.7.5  网状关系 19                  
 本章小结 21                  
 第2章  导航系统和用户接口 22                  
 2.1  导航系统 22                  
 2.1.1  菜单 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章  页面设计 53                  
 3.1  页面大小 53                  
 3.1.1  浏览器的偏移量 54                  
 3.1.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  设计页面原始结构框图 72                  
 3.4.1  综合性站点的原始结构框图 72                  
 3.4.2  企业网站的原始结构框图 72                  
 3.4.3  企业站点与非企业站点对于页面原始结构规划的不同之处 72                  
 3.5  设计页面图 75                  
 3.5.1  关于设计的几点建议 76                  
 3.5.2  利用工具设计页面图 77                  
 3.6  拆分页面 78                  
 3.6.1  第一次拆分 78                  
 3.6.2  输出HTML代码及初步优化 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.1  欢迎页面的制作 108                  
 3.10.2  联系页面的制作 110                  
 3.10.3  雇员信息页面的制作 110                  
 3.10.4  新闻页面的制作 113                  
 3.10.5  产品/服务页面的制作 116                  
 3.10.6  客户支持页面的制作 118                  
 3.11  创意页面的设计制作 120                  
 3.12  页面实例 121                  
 3.12.1  欢迎页面的实例 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.1  确定页面布局 161                  
 6.1.2  随心所欲地安排页面内容 161                  
 6.1.3  在某种程度上替代图像 161                  
 6.2  表格的放置 162                  
 6.2.1  单级表格式 162                  
 6.2.2  多级嵌套式 162                  
 6.2.3  重复单级式 163                  
 6.3  表格的制作 163                  
 6.3.1  表格的宽度 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.1  制作按钮 173                  
 6.4.2  制作线条 176                  
 6.4.3  替代图像 183                  
 6.5  关于表格的几点建议 189                  
 6.5.1  表格的多级嵌套最好不超过三层 189                  
 6.5.2  尽量不要使用不规则表格 189                  
 本章小结 189                  
 第7章  图的应用 190                  
 7.1  网页图片的使用原则 190                  
 7.1.1  尽量使用小图 190                  
 7.1.2  使用高中质量的图片 190                  
 7.2  网页图片的选择 191                  
 7.2.1  内容的选择 191                  
 7.2.2  色调的选择 191                  
 7.2.3  质量的选择 191                  
 7.2.4  选择图片的方法 192                  
 7.3  网页图片的修饰 192                  
 7.3.1  图的淡化 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  增加网页立体效果 206                  
 7.4.1  阴影效果 206                  
 7.4.2  倒影效果 207                  
 7.4.3  光影效果 212                  
 7.4.4  浮雕效果 213                  
 7.5  在哪里使用图最恰当 214                  
 7.5.1  背景 214                  
 7.5.2  首页 215                  
 7.5.3  coverpage 215                  
 7.5.4  文字密集处 215                  
 7.5.5  提交按扭 215                  
 7.6  隐形图的使用 215                  
 7.7  图和表格的结合 216                  
 7.7.1  图和表格底色的结合 216                  
 7.7.2  巧用表格背景图 217                  
 7.8  用CSS的滤镜功能处理图片 220                  
 7.8.1  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  Gray滤镜 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.1  表格 234                  
 7.11.2  特殊字符 234                  
 本章小结 235                  
 第8章  分隔线的应用 236                  
 8.1  线的类型 236                  
 8.1.1  复杂型 236                  
 8.1.2  简单型 237                  
 8.1.3  其他型 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中的 239                  
 本章小结 240                  
 第9章  文字的处理 241                  
 9.1  文字的摆放 241                  
 9.1.1  文字的布局 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.5  Glow滤镜 248                  
 9.2.6  Shadow滤镜 248                  
 9.2.7  Wave滤镜 249                  
 9.2.8  CSS滤镜的综合应用 249                  
 9.3  使用Script程序处理文字 250                  
 本章小结 253                  
 第10章  按钮及图标 254                  
 10.1  根据页面主题收集按钮和图标 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.1  创建表单页面 276                  
 11.1.1  创建表单页面的准备工作 277                  
 11.1.2  设计表单页面 278                  
 11.2  表单元素的修饰 282                  
 11.2.1  增加表单边框 282                  
 11.2.2  隐藏表单边框 283                  
 11.2.3  修改表单边框 284                  
 11.2.4  修改submit外表 285                  
 11.3  表单区域的修饰 285                  
 11.3.1  增加表单区域外框 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.1  弹出式菜单 294                  
 12.2.2  伸缩式菜单 294                  
 12.2.3  下拉菜单 295                  
 12.3  标签的应用 296                  
 12.3.1  图像的标签 296                  
 12.3.2  链接的标签 297                  
 12.4  共享空间 297                  
 12.4.1  图像共享空间 298                  
 12.4.2  文字共享空间 299                  
 本章小结 299                  
 第13章  网页广告 300                  
 13.1  广告的分类 300                  
 13.1.1  留给别人的广告 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×125 302                  
 13.2.5  其他 302                  
 13.3  广告的位置 303                  
 13.3.1  页眉 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.1  用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