网站设计手册

作者简介

内容提要

越来越多的公司和个人希望拥有实用且美观的网站，帮助人们实现这一愿望，正是本书写作的出发点和目的。

本书以同站开发程序（未包括发现需求及采集需求）为序展开叙述，从网站构架设计入手，配合详细的导航系统设计介绍，读者可以由此得到一个层次分明、结构清晰、易于浏览的网站的框架；接下来是对页面布局设计和配色方案设计的介绍，帮助读者对同站框架进行细致化工作，本书专门详细介绍了一些网站通用页面的制作，如新闻页面、产品页面、服务页面、用户支持页面、雇员页面等等，并辅以实例，方便读者参考和实作。

本书后半部分集中介绍了页面中各元素的局部设计和美化，这是进一步细致加工网站的必要步骤，也是颇为烦琐的工作之一：由于阿页广告已成为不容忽视的页面元素之一，本书利用一章的篇幅介绍了网页广告的设计制作；最后，拥有一个实用美观的网站仅仅是第一步，细水长流的工作是保持，本书在站点管理部分介绍了保持同站新鲜和高效的方法。

本书适用于网站网页设计人员和广大网页制作爱好者。

书籍目录

目录

前言

第1章网站结构

1．1网站结构图

1．2网站逻辑模型图的设计

1．3选题

1．3．l企业网站

1．3．2非企业网站

1．4划分信息

1．4．且自顶向下划分

1．4．2自底向上划分

1．5层次划分和优化

1．5．l网站的顶层结构

1．5．2网站的下层结构

1．6目录安排

1．7网页关系

1．7．l信息片段

1．7．2顺序关系

1．7．3矩阵关系

1．7．4树形关系

1．7．5网状关系

本章小结

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

2．1导航系统

2．1．l菜单

2．1．2站内目录

2．1．3站点目录的建立

2．1．4站内搜索

2．1．5同站地图及实例

2．1．6你的位置

2．1．7脚注及其他

2．1．8设计导航系统的注意事项

2．2用户接口

2．2．1Step by Step

2．2．2错误校验

2．2．3关于用户名

本章小结

第3章页面设计

3．1页面大小

3．1．l测览器的偏移量

3．l．2国布（canvas）大小

3．1．3安装了Microsoft Office之后的问题

3．1．4建议的页面大小

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两栏式结构

3．3．2三栏式结构，

3．3．3两栏／三栏式相结合

3．3．4两栏、三栏式的变形

3．4设计页面原始结构框图

3．4．l综合性站点的原始结构框图

3．4．2企业网站的原始结构框图

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

3．5设计页面图

3．5．l关于设计的几点建议

3．5．2利用工具设计页面图

3．6拆分页面

3．6．1第次拆分

3．6．2输出HTM代码及初步优化

3．6．3第二次页面拆分

3．6．4第三次页面拆分

3．7代码优化（使网页苗条）

3．7．1在HTML中明确地标注图像尺寸（不要省略图像的Widih和Height属性）

3．7．2去掉多余的图像

3．7．3使用适用的图像格式

3．7．4使用缓存

3．7．5保证图像中一行里的颜色数尽可能得少

3．7．6尽可能使用文本而不用图形

3．7．7制作快速表格的技巧

3．7．8测试你的网页

3．8模板的创建

3．8．1半模板

3．8．2全模板

3．9页面更新和管理计划

3．10几种例行页面的设计制作

3．10．l欢迎页面的制作

3．10．2联系页面的制作

3．10．3雇员信息页面的制作

3．10．4新闻页面的制作

3．10．5产品用/服务页面的制作

3．10．6客户支持页面的制作

3．11创意页面的设计制作

3．12页面实例

3．12．l欢迎页面的实例

3．12．2创意页面的实例

3．12．3新闻页面的实例

3．12．4雇员页面的实例

3．12．5产品页面的实例

3．12．6FAQ页面实例

本章小结

第4章配色方案．

4．1关于计算机的色彩表示

4．1．1颜色十六进制数值

4．1．2RGB值

4．2关于浏览器的安全色彩问题

4．3关于颜色的语言

4．3．1颜色符号论图表

4．3．2不同文化的颜色符号论

4．3．3颜色与心理

4．4Web页面的用色要求

4．5页面颜色的选择

4．5．1主色

4．5．2辅色

4．6配色方法

4．6．1配色窍门

4．6．2几种配色方案

4．7给色彩制作档案

本章小结

第5章CSS样式表

5．1样式表的写法

5．1．l样式表写法分类

5．1．2文字属性控制

5．1．3表单属性控制

5．1．4链接

5．2样式表举例

本章小结

第6章表格的应用

6．1表格的作用

6．1．l确定页面布局

6．1．2随心所欲地安排页面内容

6．1．3在某种程度上替代图像

6．2表格的放置

6．2．1单级表格式

6．2．2多级嵌套式

6．2．3重复单级式

6．3表格的制作

6．3．l表格的宽度

6．3．2表格的边框

6．3．3表元的间隙

6．3．4表格的分隔线

6．3．5表元内容的对齐布局

6．3．6表格在页面中的对齐/布局

6．4表格的使用窍门

6．4．l制作按钮

6．4．2制作线条

6．4．3替代图像

6．5关于表格的几点建议

6．5．1表格的多级嵌套最好不超过三层．

6．5．2尽量不要使用不规则表格

本章小结

第7章图的应用

7．l网页图片的使用原则

7．1．l尽量使用小图

7．1．2使用高中质量的图片

7．2网页图片的选择

7．2．l内容的选择

7．2．2色调的选择

7．2．3质量的选择

7．2．4选择图片的方法

7．3网页图片的修饰

7．3．l图的淡化

7．3．2图的羽化

7．3．3图的单色化

7．3．4修改背景色

7．3．5背景透明化

7．3．6背景模糊

7．3．7图像的组合

7．3．8图像勾边

7．4增加网页立体效果

7．4．1阴影效果

7．4．2倒影效果

7．4．3光影效果

7．4．4浮雕效果

7．5在哪里使用图最恰当

7．5．l背景

7．5．2首页

7．5．3coverpape

7．5．4文字密集处

7．5．5提交按扭

7．1隐形图的使用

7．7图和表格的结合

7．7．l图和表格底色的结合

7．7．2巧用表格背景图

7．8用CSS的滤镜功能处理图片

7．8．IAlpha滤镜

7．8．2Blur滤镜

7．8．3FlipH和FlipV滤镜

7．8．4Chroma滤镜

7．8．5Dropshadow滤镜

7．8．6Glow滤镜

7．8．7Gfay滤镜

7．8．8Light滤镜

7．8．9Shadow滤镜

7．8．10Wave滤镜

7．8．11CSS滤镜的综合应用

7．9用Script程序使图片产生意想不到的效果

7．10关于GIF动画

7．11图的替代品

7．11．l表格

7．11．2特殊字符

本章小结

第8章分隔线的应用

8．1线的类型

8．1．1复杂型

8．1．2简单型

8．1．3其他型

8．2线的制作

8．2．1制作精美的线条

8．2．2制作10*10像素的小图

8．2．3在HTML中勾勒表格边框

8．2．4用表格背景色做线

8．2．5用表格背景图做线

8．2．6使用HTML中的＜HR＞

本章小结

第9章文字的处理

9．1文字的摆放

9．1．l文字的布局

9．1．2文字的摆放规则

9．2使用CSS的滤镜效果处理文字

9．2．1Alpha滤镜

9．2．2Blur滤镜

9．2．3Fliph,FlipV滤镜

9．2．4DropShadow滤镜

9．2．5Glow滤镜

9．2．6Shadow滤镜

9．2．7WaVe滤镜

9．2．8CSS滤镜的综合应用

9．3使用Script程序处理文字

本章小结

第10章按钮及图标

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

10．2根据页面主题设计按钮和图标

10．3使用SCript程序制作按钮

10．4实战：借助软件制作导航按钮和图标

10．4．1ActionBars

10．4．2AllWebMenus

本章小结

第11章表单应用

11．l创建表单页面

11．1．l创建表单页面的准备工作

11．1．2设计表单页面

11．2表单元素的修饰

11．2．1增加表单边框

11．2．2隐藏表单边框

11．2．3修改表单边框

11．2．4修改submit外表

11．3表单区域的修饰

11．3．l增加表单区域外框

11．3．2使用小图片

11．3．3使用区域背景图

11．3．4使用精心制作的按钮图片

11．3．5使用标题图片

11．4表单页面实例

本章小结

第12章隐藏信息换取空间

12．1隐藏文字

12．2菜单的应用

12．2．l弹出式菜单

12．2．2伸缩式菜单

12．2．3下拉菜单

12．3标签的应用

12．3．贝图像的标签

12．3．2链接的标签

12．4共享空间

12．4．l图像共享空间

12．4．2文字共享空间

本章小结

第13章网页广告

13．l广告的分类

13．1．l留给别人的广告

13．1．2留给自己的广告

13．2广告的规格

13．2．1 468×60

13．2．2 88×31

13．2．3 120×60

13．2．4 125×l25

13．2．5其他

13．3广告的位置

13．3．l页眉

13．3．2页中

13．3．3页脚

13．3．4专辟的广告区

13．4设置广告收费标准

13．5跟踪Web广告

13．6广告随机显示系统的制作

13．6．l用JavascriPt实现广告的互换显示

13．6．2使用Meta+iframe技术

13．7网页广告的设计制作

13．7．1广告的设计

13．7．2制作GIF格式的动画广告

13．8关于RichMedia Banner

本章小结

附录一相关网址

附录二CSS的基本语法

附录三网页广告常见问答

附录四创览器相容性图表

 网站设计手册下载