web-第章网站规划基础.ppt

page() 第二章 网站规划设计基础 网站规划目的 网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。网站规划对网站建设起到计划和指导的作用，对网站的内容和维护起到定位作用。 1. 网站设计流程 2. Web站点的分类及运行目的 3. 定位网站的主题和名称 4. 确定网站CI形象 5. 确定网站的栏目和版块 6. 确定网站的整体风格 7. 确定网站的目录结构和链接结构 8. 网站内容的确定 9. 网页的设计 10. 申请域名注册 11. 申请网站空间 一、网站设计流程 1. 编写网站设计的计划书； 2. 确定网站设计总体思想； 3. 确定网站提供的内容； 4. 网站交互设计，如信息反馈、意见调查等； 5. 对网站的内容进行分类； 6. 设计网页必有的内容，如公司标志、联系方法和导航条等 7. 讨论并确定方案； 8. 制作网页的模板； 9. 制作网页并在不同平台的浏览器上测试网页； 10. 检查网页的链接； 11. 让部分顾客或员工试用网站，并提出反馈意见； 12. 根据需要修改不合适的地方； 13. 正式发布网站。 二、网站的分类及运行目的 1. 门户网站 2. 政府网站 3. 学校和科研机构网站 4. 电子商务类网站 5. 企业网站 6. 论坛型网站 7. 展示宣传型网站 三、定位网站的主题和名称 建设一个网站首先要确定网站所属类别下的主题。主题是Web站点的灵魂，一个好的Web站点首先需要好主题。 四、确定网站CI形象 所谓CI（Corporate Identity，企业形象），是指通过强化视觉效果的手段来加深用户对企业形象的印象。 五、确定网站的栏目和板块 六、确定网站的整体风格 七、确定网站的目录结构和链接结构 不要将网站内容全部放在一个目录中，按菜单栏目内容建立子目录。 目录的层次不要太深，尽量用英文命名目录和文件名。 目录一般不超过3层。目录路径过深，跳转的URL地址就会变长，会增加页面链接的复杂性。 网站的链接结构是指页面之间相互链接的拓扑结构，它建立在目录结构基础之上,而且可以跨越目录。 八、网站内容的确定 站点结构图； 导航栏； 精美的图片； 引人入胜的内容； 反馈表； 联系方式页面； 搜索工具； 常见问题解答。 九、网页的设计 ① 文本 符合人们的阅读习惯。 网站导航要清晰。 网页风格要统一。 动静要搭配好。 突出新内容。 页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于设计者无法突破显示器的范围，而且浏览器本身的界面也要占去不少空间，留下来用来设计页面的范围变得更小。 分辨率越高，页面的尺寸就越大。 在网页设计过程中，向下拖动是唯一给网页增加更多内容的方法。但最好不要让浏览者拖动页面超过三个屏幕。 平衡原则：注意屏幕上下左右平衡，不要使数据过分拥挤，易产生视觉疲劳和接收错误。 预期原则：屏幕上的所有对象，如窗口、按钮、菜单等处理应一致化，使对象的动作可预期。 经济原则：在提供足够的信息量的同时还要注意简明、清晰。 顺序原则：对象显示的顺序应依需要排列。通常应最先出现对话，然后通过对话将系统分段实现。 规则化原则：画面应对称，显示命令、对话及提示行在设计中尽量统一规范。 ① CSS布局 ② 表格布局 ③ 框架布局 对于网站的色彩处理原则应该是“总体协调，局部对比”。 十、申请域名注册 域名注册实际上就是申请网站的一个名称，以方便人们来访问网站。域名具有唯一性，已被企业誉为“企业的网上商标”。 国际域名是否已经被注册可通过erNIC.org (国际互联网络信息中心interNIC)或者站点进行检查； 国内域名是否已经被注册可通过(中国互联网络信息中心CNNIC)站点进行检查。 十一、申请网站空间 ① 购买自己的服务器 ② 租用专用服务器 ③ 使用虚拟主机 ④ 使用免费网站空间 2. 网站设计的原则 网站LOGO 导航栏 广告 （1）页面尺寸的概念 3. 网页布局 （2）页面排版布局的原则 （3）网页布局的常用技术 4. 配色原则 三原色：红、绿、蓝 （1）色彩的形成 色调：表现色彩的种类； 亮度：表现色彩的明亮程度； 饱和度：表现色彩的鲜艳程度。 （2）色彩的特征 按照色彩对人们心理的影响可以进行以下分类。 暖色系：红、橙、橙黄、黄等色彩让人感觉温馨、热情； 中性系：黄绿、绿等色彩让人觉得舒适、和谐； 冷色系：青绿、蓝绿、蓝等色彩让人觉得宁静、高雅。 （3）色彩的分类 网站格调的确定，往往取决于色彩的选择与搭配是否适当。 色彩的鲜明性 色彩的独特性 色彩的适合性 色彩的联想性 （4）色彩的选择和搭配 域名分为国内域名和国际域名。 例如：和 不管你申请了国际域名还是国内域名，都一样可以被Inte