第01章 网站设计概论.pptVIP

提交作品 结课作品以网站的形式提交，大家可以做一下初步设计 网站设计： 网站的定位 站点风格 网站的CI形象 网站的栏目和版块 网站目录和链接结构 * SVG可以算是目前最最火热的图像文件格式了，是种可缩放的矢量图形。它是基于XML，由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。 用户可以 直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。 SVG提供了目前网络流行格式GIF和JPEG无法具备了优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价； 文字在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPG和GIF格式的文件要小很多，因而下载也很快。 可以相信，SVG的开发将会为Web提供新的图像标准。 * 当用户浏览器通过网络向网站发出请求时，网站的Web服务器会根据浏览器请求的页面是静态、动态网页而采取不同的处理机制。 * 选择一个好的主题，除了跟自己的兴趣爱好有关以外，还有一个共同的目的就是吸引网民，提高自己网站的点击率。一些知名网站都有自己的特点：如新浪在新闻上很突出，首都在线的免费邮箱速度很快网易的免费邮箱空间很打，搜狐是国内搜索网站的鼻祖等。所以说突出特点、显示个性也是网站建设的定位应该重点考虑的问题。若在技术上有缺陷，就可以考虑在其他方面做文章，如好的题材、内容等，注意扬长避短。 * 好的网站logo应具有：符合国际标准；精美、独特；与网站的整体风格相融；能够体现网站的类型、内容和风格。 * 标准色因为一般都要用于网站的标志、标题、主菜单和主色块等多个方面，要强掉给人以整体统一的感觉，不要在标志上一种感觉，菜单上是另一种感觉，这往往给人以不和谐的感觉。 * CorelDraw 是加拿大Corel软件公司（官方中文网站 ）的产品。它是一个基于矢量图的绘图与排版软件。 　　它广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等诸多领域。作为一个强大的绘图软件，它被喜爱的程度可用下面的事实说明：用作商业设计和美术设计的MAC和PC机几乎都安装了Freehand，而CorelDraw的中国用户不肯放弃9.0汉化版本导致大量的用户停留在旧版本！  二、网站设计 4、网站的栏目和版块 设计网站的栏目时应考虑以下内容： （2）设计一个最近更新或网站指南栏目 若主页未安排版面放置最新更新内容信息，需设置一个“最新更新”栏目，若主页层次较多，又无站内搜索引擎，则应设置一个“站点指南”栏目 二、网站设计 4、网站的栏目和版块 设计网站的栏目时应考虑以下内容： （3）设定一个可以双向交流的栏目 （4）设定论坛、留言簿或邮件列表等，让浏览者留下信息或建议等。 版块的概念比栏目大，每一个版块都有自己的栏目。设置版块时，注意各版块要相对独立，相互关联，且版块的内容要围绕站点的主题。 二、网站设计 5、网站的目录和链接结构 网站目录是指建立网站时创建的目录，站点上的所有网页及相关资源都分门别类、有序地存放在目录中。 目录结构好坏对浏览者没有太大影响，但对站点本身的上传维护，内容扩充和移植有重要影响。 二、网站设计 建议： 不要将所有文件都存放在根目录下，会造成文件管理混乱，上传速度慢等。应尽量减少根目录下的文件数； 按栏目内容建立子目录： 子目录的建立应基于主菜单栏目；需要经常更新的栏目，可建立独立的子目录，相关性强，不需经常更新的栏目，可合并放在一个统一的子目录下。 所有程序文件应放在特定目录下 所有需要下载的文件最好放在一个目录下 在每个主目录下都建立 images 目录 目录的层次不要太深，一般不超过三层； 内容提要 一、网站基本知识 二、网站设计 三、网站的开发流程 四、网站设计相关软件 五、网站设计相关程序语言 三、网站的开发流程 网站的开发人员（由一个集体来完成） 主导网站开发的单位和客户 项目负责人 美术动画设计人员 程序设计师 维护人员 三、网站的开发流程 定义站点 建立网站结构 设计和制作主页 其它页面制作 测试页面 发布和维护 三、网站的开发流程 1、定义站点 明确建立网站的目的，确定网站提供的内容，及搜集网站资料。 建立网站目的很多，如销售产品、树立形象、提供信息或游戏娱乐等。目的一定要明确，否则会影响到以后的设计。 确定建立网站的目的：需要参与网站设计的各单位及成员一起构思，讨论，取得共识后确保开发过程不会发生争议，能够有效地进行网站建设。 三、网站的开发流程 1、定义站点 确定网站内容：网站内容必须按照网站目的来选择且不能有内容越多越好的思想。应该有所侧重，与网站主题有关的内容选择相对多一点。 进行资料的