网站设计概述剖析.ppt

即上面几种类型的结合与变化，比如在视觉上很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。 （11）变化型 * 1.3 网站设计——定位网站的CI形象 标准字体：一般网页默认的字体是中文“宋体”和英文”Times New Roman“。若需要体现“与众不同”和特有的风格，可选择特别的字体。 （3）设计网站的标准字体 1. 不要使用超过3种以上的字体（包括在网页的统一界面中）。 2. 文字的颜色要注意与整体协调一致。 3. 标题以H1~H3字号为佳。 网站的标准字体的设计原则： 4. 要注意：使用非默认字体时，最好采用图片的形式。因为浏览者的计算机中可以没有安装特别字体。 返回目录 * 宣传标语是网站的精神和目标，可用一句话甚至一个词加以高度概括，类似生活中的广告金句。例如，Intel的“给你一颗奔腾的心”。 （4）设计网站的宣传标语 * （5）确定网站的栏目和版块 将网站功能细分为若干的栏目和版块，确定网站的栏目结构和链接结构。 返回目录 1.3 网站设计——确定网站的栏目和版块 设计网站的栏目与版块划分： 要紧扣主题。将主题按一定的方法分类并将它们作为网站的主栏目。 注意：主题栏目在总栏目中要占绝对优势，使网站显得专业、主题突出。各版块之间要保持相对独立性。 * 2、设定一个最近更新或网站指南栏目。为照顾常来的访客，设置“最近更新”栏目，更有人性化。若主页内容庞大（超过15MB），层次较多，又没设置站内的搜索引擎，则更有必要设置“本站指南”栏目。 3、设定一个可以双向交流的栏目，例如，论坛，留言本、邮件列表等，让浏览者留下他们的信息。调查表明，设置双向交流栏目的站点比简单地留一个“Email me“的站点更具有亲和力。 4、设立一个下载栏目或常见问题回答栏目。 5、对于辅助内容，例如，网站介绍、版权信息等不必放在主栏目里，以免冲淡主题。 * 1.3 网站设计——确定网站的栏目和版块 设计网站的栏目所需要注意的几点要求： 尽可能将网站最有价值的内容列在栏目上。 尽可能删除与主题无关的栏目。 尽可能方便访问者的浏览和查询。 返回目录 * 网站目录结构的基本规则： 不要将所有文件都存放在根目录下 （6）确定网站的目录结构和链接结构 清晰的目录结构有利于站点的维护，而网站的链接结构是指页面之间相互链接的拓扑结构。好的链接结构有利于提高效率。 按栏目内容建立子目录 容易造成文件管理混乱和上传速度慢，影响工作效率 子目录的建立，首先是按主菜单栏目（主栏目）建立 在每个子目录下都建立独立的Images目录 返回目录 1.3 网站设计——确定网站的目录结构和链接结构 * 网站主目录 板块1子目录 板块n子目录 主页 images …… 子页1 images 子页n …… 其他目录 子页1 images 子页n …… 其他目录 * 其他注意事项： 目录的层次不要太深，建议不要超过三层； 不要使用中文目录名及文件名； 可能对网址的正确显示造成困难 不要使用过长的目录名；太长的目录名不便记忆 尽量使用意义明确的目录名；尽量做到“见名知意”。 一般使用简单的英文单词或汉语拼音以其缩写形式 * 网站链接结构的基本形式： 树状链接结构（一对一） 类似与DOS的目录结构，一级级进入，一级级退出。 条理清晰，访问者能明确知道自己在什么位置。 浏览效率低，如果要从一个栏目的子页面到另一个栏目的子页面，必须回到首页再进行。 主 页 页面1 页面2 页面3 页面4 页面5 页面6 页面7 一级标题 二级标题 返回目录 1.3 网站设计——确定网站的目录结构和链接结构 * 星状链接结构（一对多） 优点：浏览方便 缺点：容易使浏览者失去自己的位置，易“迷路” 在实际应用中，往往我们需要将这两种结构混合起来使用。总的目标是希望浏览者既可以方便快速地达到自己需要的页面，又可以清楚地知道自己的位置。 返回目录 1.3 网站设计——确定网站的目录结构和链接结构 * 随着网络技术的发展，网站的链接结构设计已经不仅仅局限于可以方便浏览，而更加注重其个性化和相关性。 链接结构设计，在实际网页设计中是非常重要的一环。采用什么样的链接结构将直接影响版面的布局。例如：主菜单、主菜单放在什么位置?是否每页都需要放置，是否需要用分帧框架，是否需要加入返回首页的链接等。在确定链接结构后，再开始考虑链接效果和形式，是采用下拉表单还是用DHTML动态菜单等。 * （7）版面布局 版面布局基本规则： 平衡、对比、