第二单元：项目一教育类网站的设计与制作要点分析.pptVIP

第二单元：项目一教育类网站的设计与制作 ◆前期准备（网站策划过程） 一、客户需求分析 二、网站风格定位 1、色彩 2、排版 3、特效 三、网站建设方案 1、页面风格创意设计（色彩、排版、特效） 四、网站设计方案报价明细 2、网站栏目划分 3、网站栏目内容介绍 4、网站建设拓扑图 色彩 排版(网页版式规划） 网页设计中版式规划是最重要也是最关键的一个步骤，网站的版式规划要根据不同的行业、不同的主题规划最适合的网页版式。同时还要考虑到以后用dreamweaver布局时的方便性。 版块（频道）划分 把网站的内容按照一定的逻辑关系分类，形成网站的内容版块。可按照内容的属性、内容的媒体形式、等进行分类，分类的依据和逻辑关系要让浏览者一目了然，这样浏览者根据版块结构就知道网站整体内容结构，明白了是否有他需要的信息以及应该在哪个版块去浏览他需要的信息。 版块划分应该注意的问题： （1）版块的数目不宜太多 网站的版块并非越多、分得越细就越好，只要分类明确，应该尽可能少一些。一方面分得过细显得结构不紧凑，另一方面通常版块信息要带到它的下级的各个栏目中，要占掉非常宝贵的屏幕空间。 （2）给版块起一个好的名称 版块的名称是该版块内容的综合体现，一要看它是否能体现出版块内容；二是准确没有歧义；三是字数要少，要简练，并且各版块名称的字数最好一致；四要通俗易懂。 （3）版块要独立 版块间没有包容关系；版块间没有交叉关系 （例如：娱乐和观看电影——包容关系 美女和影星——交叉关系） 网站内容在版块之下再分栏目，如果内容很多，还可以在一级栏目之下再分二级栏目，就像书的章下面分节，节下面再分点一样。栏目的级数不宜太多，一般不超过三级。栏目级数越多，网站的结构就越深，浏览者要通过多次点击才能看到，这是浏览者不愿意的。栏目是版块内容和功能的具体体现，除信息内容栏目外，还有一些功能栏目，如“在线留言、下载专区等“ 一般的个人站点内容少，只有主栏目(主菜单)就够了，不需要设置版块。如果你觉得的确有必要设置版块的，应该注意1.各版块要有相对独立性。2.各版块要有相互关联。3.版块的内容要围绕站点主题。关于版块方面，主要是门户站点等较大网站需要考虑的问题 （3）构成网站的不同形式的网页  网站栏目划分 第一级栏目 网站栏目划分 第二级栏目 网站栏目划分 第三级栏目 栏目的级数不宜太多，一般不要超过3级。 网站栏目划分 点击第二个版块“吃喝” 网站栏目划分 网站栏目划分 网站栏目划分 网站栏目划分 网站栏目划分 网站栏目划分 首页 网站栏目划分 企业情报版块 网站栏目划分 企业情报版块 → 关于麦当劳 返回 一般来说，确定网站的链接结构有两种基本方式： 1) 树状链接结构（一对一）。类似DOS的目录结构，首页链接指向一级页面，一级页面链接指向二级页面。立体结构看起来就象蒲公英。这样的链接结构浏览时，一级级进入，一级级退出。优点是条理清晰，访问者明确知道自己在什么位置，不会“迷”路。缺点是浏览效率低，一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页。如: 校园动态-教师活动-教师节 首页 教学园地-教师成果-学生作品 链接 案列 链接 链接 2) 星状链接结构（一对多）。类似网络服务器的链接，每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便，随时可以到达自己喜欢的页面。缺点是链接太多，容易使浏览者迷路，搞不清自己在什么位置、看了多少内容。如: 校园动态-教师活动-学生活动 ｜ 首页 ｜ 教学园地-教师成果-学生作品 这两种基本结构都只是理想方式，在实际的网站设计中，一般要将这两种结构混合起来使用。 链接 　 要使网站的链接结构清晰明了，一般做法是：首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。如：一个新闻站点的页面结构如下： 一级页面 二级页面 财经新闻页 -- ［财经新闻1，财经新闻2...］ / | 首页 -- 娱乐新