动态网页设计课件-第1章 网站规划与设计推荐.pptVIP

* 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.3 网站形象设计 2、设计网站的标志色彩 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.3 网站形象设计 3、设计网站标志字体 所谓标志字体是指网站用于标志、标题、主菜单的特有字体，因为只有被安装在客户计算机操作系统中的字体才能显示出来，而操作系统所安装的字体又是有限的几种，所以大多数商务网站采用网页的默认字体，中文网站里的字体大都为宋体 。 设计者也可以根椐设计需要选择一些特别字体。如：少年儿童站点可以用咪咪体，给人以活泼童真的印象。传统艺术站点可以用篆字、隶书，以此衬托深厚的文化底蕴。高新技术站点可以用综艺体，以显示出简洁、强烈的现代感。政府站点的标准字体则应在宋体、黑体或楷体中选择，显得庄重、大方。 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.3 网站形象设计 4、设计网站标语 电子商务网站的标语是网站的精神，是网站的目标表达。网站的标语可以用一句话或者一个词来概括，类似实际生活中的广告句。如Intel的“给你一颗奔腾的心”，阿里巴巴网站的“全球最大的网上贸易市场”，主题突出，个性鲜明，极其精练，高度浓缩了本企业的最重的要的信息。这些标语放在首页动画、Banner里或者醒目的位置，所起的作用相当大。 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 1、网站的目录结构 在设计网站目录结构时，应注意以下几个方面。 （1）不要将所有文件都存放在根目录下 文件管理混乱 上传速度慢 （2）按栏目内容建立子目录 （3）在每个主目录下都建立独立的images目录 （4）目录的层次不要太深 （5）目录的命名方法 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 2、网站的链接结构 （1）树状链接结构(一对一)。这是类似计算机文件管理的目录结构方式。这种链接结构的特点是条理清晰，浏览该链接结构的网站时，必须一级级进入，再一级级退出。其缺点是浏览效率低，从一个栏目下的子页面进入另一个栏目下的子页面时，必须绕经首页。 （2）网状链接结构(一对多)。这种结构类似网络服务器的链接，其立体结构像一张网。这种链接结构的特点是浏览方便，访问者随时可以到达自己喜欢的页面。缺点是链接太多，容易使访问者弄不清自己的位置以及看过的内容。 目前较好的结构设计是在网站首页与一级页面之间采用星型链接结构，在一级页面与下一级页面之间采用树型链接结构；若站点内容较多，需要超过三级页面，可设置导航条。 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 3、网站的页面布局 图1.1 “同”字形布局示例 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 3、网站的页面布局 图1.2 “国”字形布局示例 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 3、网站的页面布局 图1.3 “匡”字形布局示例 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 3、网站的页面布局 图1.4 “三”字形布局示例 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.5 企业网站设计 1.5.4 网站结构设计 3、网站的页面布局 图1.5 “川”字形布局示例 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 1.6 任务实现：撰写企业网站规划书 本节将以编者撰写的“数码之窗”——数码港网站规划书”为例说明网站规划书的制作方法。规划书的全部内容详见编者的教学网站，具体网址为：/doc/dzswsxmch.swf。 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 动态网页设计（Dreamweaver CS3+ASP.NET） 主 编 张德芬副主编 邓之宏 中国水利水电出版社 第1章 网站规划与设计 * 动态网页设计（Dreamweaver CS3+ASP.NET） * 第1章 网站规划与设计 1.5 企业网站设计 1.4 网站规划书的内容 1.3 网站建设可行性分析 1.2 网站需求调研 1.1 任务概述 1.6 任务实现 * 动态网页设计（Dreamweaver CS3+ASP