完整制作网站的流程.pptVIP

第四章 完整制作网站的流程 4.1筹划工作 4.2设计和规划 4.3首页制作 4.4制作其它页面 4.5测试 4.1 筹划工作 1.网站主题的定位 好的网站不仅应该有美感，个性、创意，创意是指站点的整体创意，更要有质。 网站、网页的主题定位主要是引起注意，网站的主体和名称一定要清楚明了。 网站的题材 网站的名称 5.网站开发的流程 6.设计的原则　 遵循五个大的原则：统一、连贯、分割、对比及和谐。 统一，是指设计作品的整体性，一致性。 连贯，是指要注意页面的相互关系。 分割，是指将页面分成若干小块，小块之间有视觉上的不同，。 对比就是通过矛盾和冲突，使设计更加富有生气 。 和谐是指整个页面符合美的法则，浑然一体 4.2设计和规划 1.网站的总体设计 明确网站的目的、确定网站的功能、确定网站的规模、投入费用、盈利、进行必要的市场分析等。 网站规划指的是在网站建设前对市场进行分析，确定网站的目的和功能，，根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。 2.网站栏目设计 就是合理的设计网站的栏目和板块。 首先突出主题。 应该具有网站指南或更新的列表类的栏目。 具有与读者进行交流的栏目。 最后最好有个说明的栏目。 3.网站目录结构及链接设计 1.网站目录结构设计 按栏目内容建立子目录 在每个主目录下都建立独立的image子目录 目录的层次不宜太深。 建议不超过三层，这样维护管理方便。最好使用英文目录，使用有意义的目录，不要使用过长目录。 2.链接设计 网站的链接结构是指页面之间的相互连接的拓扑结构。 目的是：用最少的链接，使浏览最有效率。 链接结构的两种基本方式： 树状链接结构（一对一） 星状链接结构（一对多） 导航规范 导航要简单、清晰，建议不超过 3 层的链接 用于导航的文字要简明扼要，字数限制在一行以内 连续性页面应加入上一页，下一页按钮首页，各栏目一级页面之间互链，各栏目一级和本栏目二级页面之间互链超过三级页面，在页面顶部设置导航条，标明位置 4.网站数据库规范 服务器上有关数据库的一切操作只能由服务器管理人员进行。 程序中访问数据库时使用统一的用户、统一的连接文件访问数据库。 原则上每一个栏目只能建一个库，库名与各栏目的英文名称相一致，库中再包含若干表。比较大的、重点的栏目可以考虑单独建库，库名与栏目的英文名称相一致。 4.3首页制作 首先画草图。 确定需要的位置功能模块。 考虑次要的模块的排放。 最后利用表格和层设计网页，对整个布局进行推敲，以期达到最好的效果。 重视：从网站使用者的角度去看问题，去考虑、更多的方便访问者。 4.4制作其他页面 版面布局： 在Dreamweaver中可以使用： 1.表格。 2.层。 3.布局视图。 4.框架进行排版。 色彩的搭配 色彩是一种奇怪的东西，它是美丽而丰富的，它能唤起人类的心灵感知。 红色是火的颜色，热情、奔放；也是血的颜色，可以象征生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，意味着纯自然和生长，象征安宁和平与安全，如绿色食品。白色能给人以纯洁与清白的感觉，表示和平与圣洁。色彩代表了不同的情感，有着不同的象征含义。 字体设置 网站应该定义一种标准字体（指 logo 上，图片上使用的字体） 标准字体原则上定义两种，一种中文字体，一种英文字体 （不包括文本内容字体） 内容编辑 必须遵守我国《计算机信息网络国际 联网安全保护管理办法》的规定： 一 ) 煽动抗拒、破坏宪法和法律、行政法规实施的； ( 二 ) 煽动颠覆国家政权，推翻社会主义制度的； ( 三 ) 煽动分裂国家、破坏国家统一的； ( 四 ) 煽动民族仇恨、民族歧视，破坏民族团结的； ( 五 ) 捏造或者歪曲事实，散布谣言，扰乱社会秩序的； 标题与正文 标题：力求简短、醒目、新颖、吸引人 正文：文章的段首空两格，与传统格式保持一致 段与段之间空一行可以使文章更清晰易看 杜绝错字、别字和自造字 简体版中不得夹杂繁体字 译名要按我国规范 如： singapore 统一翻译 新加坡 不能用 星加坡 新技术使用规范 使用新技术原则是：兼容浏览器，保证下载速度，照顾最多数的用户 。 非特殊要求，不推荐在网页上提供需要下载额外插件的多媒体技术 。 程序语言推荐使用 ASP 等语言。 标志必须可以用黑白和彩色分别清晰表现。 4.5测试 包括以下几个方面： 功能测试 性能测试 安全性测试 稳定性测试 浏览器兼容性测试 可用性/易用性测试 链接测试 代码合法性测试 测试内容 1.功能测试 a)白盒测试 根据系统设计流程图导出数据流图。计