网站规划和设计
2
目　录
网站设计之前的准备工作
网站内容的确定与组织
结构规划和导航
网页设计的构思
3
网站设计之前的准备工作
一、申请域名、空间
　1、域名的重要性及命名规则
　　域名：URL
　　例如：www.whicu.com
　(1)重要性：通过域名可以访问你的网站，所以域名对一个网站的重要意义不言而喻。
　(2)命名规则：
　琅琅上口、简单易记。例如：yahoo、51job
　组合词。例如：chinaByte(中国比特)
　汉语拼音、中英结合。例如：baidu、CHINAREN
4
2、域名后缀
　　首选.com
　　其次.net
　　.org .cn .tv .cc .info .com.cn　.net.cn
　　.org.cn .中国 .公司 .网络等。
3、注册
比如：http://www.zzy.cn/
　　　http://www.dns.com.cn/
注意：服务器的质量和配置情况，直接影响到用户的浏览速度，需要一个高速、稳定的服务器。比如：网站空间、邮件空间、是否支持网络编程等等。
5
二、网站策划
制作流程：
1、网站项目的可行性分析
2、确定网站的面向对象
3、根据网站的面向对象确定网站的内容以及栏目结构
4、制订网站开发进度表
5、收集和整理网站的内容素材
6、确定网站的设计方案
7、根据网站的设计方案，设计出网站的各级页面
8、将设计稿制作成页面
9、完善页面的功能，增强交互性和亲和力。
10、网站的发布
6
确定网站的面向对象
适用的人群：学生、老师、计算机人员
返回目录
返回目录
7
8
返回目录
返回目录
9
根据网站的面向对象确定网站的内容以及栏目结构一、（网站内容的确定与组织）
首先应从整体上对网站建设进行策划，这是一个网站的立足之本。明确自身的定位，具体内容包括网站用户定位，功能定位，网站自身特色的定位。
　网站内容设计对于网站建设至关重要，应注意：
内容：总体结构要层次分明。
文字信息可提供较快的浏览速度。而图像、声音和视频信息会产生强大的吸引力。
因此，多媒体信息的使用要适中，尽量减少文件数据量和大小。
网站主页是非常重要的，内容的适用性和组织的合理性。
网站内容应是动态的，随时进行修改和更新。
网页中的文本内容应简明、通俗、易懂。
返回目录
返回目录
10
二、栏目结构(结构规划和导航)
结构规划合理，信息导航清晰。不同作用的对象之间的区别。
栏目结构图（网站导航图）
主页
个人资料
网络日志
留言板
迷你屋
相册
音乐收藏
我的偶像
个人形象
个人档案
访问量统计
IT
应
用
个人日记
娱乐
疯狂自拍
明星
作品
欧美
韩国
港台
返回目录
返回目录
11
制订网站开发进度表
比如：
返回目录
返回目录
12
确定网站的设计方案(网页设计的构思)
首页的设计是一个网站成功与否的关键。
1、确定首页功能模块：

网站名称(logo)
广告条(banner)
主菜单(menu)
新闻(what's new)
搜索(search)
友情链接(links)
邮件列表(maillist)
计数器(count)
版权(copyright)
13
确定网站中文名和LOGO
比如：新浪　　　　、搜狐　　　　　、网易
网站命名：
1、简洁（文字的字母结合不能过长，中文组合最好不要超过5个字以上）
2、好发音（好念、好讲。咬文嚼字的最好避免）
3、好记忆（笔画少的字、顺口的发音、重复的文字易于记忆）比如：当当、阿里巴巴
4、易联想。比如：搜狐www.sohu.com
5、好写、好认。
设计logo：建议用photoshop、flash等一些软件
14
广告条(BANNER)
15
主菜单
16
搜索(SEARCH)
搜索
搜索
17
友情链接(LINKS)
18
邮件列表(MAILLIST)
19
计数器(COUNT)、版权(COPYRIGHT)
备案系统网站 http://www.miibeian.gov.cn/CX/main.jsp
计数器
版权
20
21
2、设计首页的版面：

画面正常平衡，亦称匀称。指左右、上下对照对比能达到均衡的效果。

异常平衡，即非对照形式。让画面布局能达到强调特别信息，引起用户高度关注的效果。

对比。利用色彩、色调等技巧来作表现。

尽量用图片做解说。对不能用语言说服、或用语言难以表达的信息，特别适合图片解说，可以传达给用户的更多的心理因素。
22
3、网页色彩的搭配
(1)各种色彩的视觉效果
不同颜色会使用户产生不同的心理感受。
　红色：激情、冲动、活力
　绿色：和睦、宁静、健康、安全
　橙色：轻快、温馨、时尚
　黄色：快乐、希望、智慧。
　蓝色：凉爽、清新、专业、浪漫
　白色：明快、纯真、清洁
　黑色：深沉、神秘、寂静、悲哀、压抑
　灰色：中庸、平凡、温和、高雅
23
红色：激情、冲动、活力
http://www.nescafe.com.cn/
24
绿色象征和平、宁静和安逸的感觉
http://www.carlsberggroup.com/Pages/Default.aspx
25
橙色：轻快、温馨、时尚
象征光明，代表着甜蜜http://www.europe.opel.com/brand_sites/speedster/uk/en/home/index.html
26
紫色(时尚优雅HTTP://BARBIE.EVERYTHINGGIRL.COM/)
27
黄色：快乐、希望、智慧
28
蓝色：凉爽、清新、专业、浪漫
http://www.donga-otsuka.co.kr/
29
白色：明快、纯真、清洁
http://www.xfbbs.com/download9/Demo/108105/
30
黑色：深沉、神秘、寂静、悲哀、压抑
http://www.foxhome.com/xfiles8//html/collectors.html
31
灰色：中庸、平凡、温和、高雅
http://www.adidas.com/countryselector/change_country.asp
32
(2)网页中色彩搭配的因素
一般来讲，要注意各种色彩运用的特性。
鲜明性：鲜艳，引人注目。
独特性：与众不同，印象深刻。
合适性：色彩和表达的内容相适合。
联想性：不同色彩会产生不同的联想。
经验：
　基于一种色彩。通过调整透明度、饱和度产生新的色彩。
　用两种色彩。对比色
　用一个色系。淡色
　用黑色和一种彩色。黑配红、白
33
4、页面内容设计
　画面内容的整体视觉效果
　(1)简洁性
　(2)一致性
　(3)对比度
　页面内容编排
　(1)组织内容
　(2)合理地编排文本、图片等元素的顺序。
　(3)把希望用户最先看到的内容放在页面的左上角和页面顶部。
　(4)多媒体信息的综合利用。