第二章 初识Dreamweaver.ppt

第一节 网站设计制作的基本流程 1、策划 需求分析 风格定位 内容组织(草图、页面结构、站点结构） 2、设计 3、上传（空间和域名申请） 4、推广 5、维护 1、网站需求分析 要进行网站的整体设计，用户分析是第一步。设计者必须了解各类用户的习惯、技能、知识和经验，以便预测不同类别的用户对网站界面的需求与反映，为最终的设计提供依据和参考，使设计出的网站更适合于各类用户的使用。在一开始就进行合适的计划和组织是建立一个有效的站点最重要的工作步骤. 如图所示是制作网站前期的基本工作流程。 2、网站内容组织　 设计者必须了解所要制作网页的功能和大致内容，比如主要的栏目安排 ，是属于代表网站总体形象的页面，还是一张用户信息的提交表单等。　　 1 ．规划草图　 对于一般的商业网站来说，一个项目往往从一个简单的界面开始，但要把所有的东西组织到一起并不是件容易的事情。首先规划出一个站点的草图，勾画出所有客户想要看到的东西。然后再进行详细的描述。 对于题材，有以下选择技巧：　 1、主题要小而精。定位要小，内容要精。题材最好是自己擅长或者喜爱的内容。题材不要太滥或者目标太高。  2、名称要易记。网站名称是否正气、响亮、易记，对网站的形象和宣传推广也有很大影响。网站名称最好用中文名称，不要使用英文或者中英文混合型名称。 2. 规划页面结构　 设计草图以后，接着规划网站页面的结构图。如下图所示的为某公司的网站首页规划图 3 ．规划站点结构 　 在这阶段，要勾画出站点的外观以及它如何工作。 第一步：建立一幅站点图。站点图基本上是一个内容组织的流程图。在站点草图中应包括所有的关键页面以及页面相互之间的关系。技术要点和主要的链接也应在其中给出。如下图所示。 第二步：决定如何去引导浏览者在站点中漫游。要求结构清晰、易于导航。构筑网站的整体框架，虽然表现形式各异，但让人迷失终归不好，尤其是内容丰富的网站更应注意。 合理地组织需要发布的信息内容，以便浏览者能够快速、准确地检索到要找的信息，是一个网站成功与否的关键。 第三步：决定将要使用的命名规则。导航图和命名规则都是建立项目的主干。以后所有的工作都要由此展开。网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数设计者都是未经规划、随意创建子目录。目录结构的好坏对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护、内容未来的扩充和移植有着重要的影响。 下面是建立目录结构的一些建议： （1）不要将所有文件都存放在根目录下 将所有文件都放在根目录下，这样造成的不利影响在于： 　 首先，文件管理混乱。常常搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率。 　 其次，上传速度慢。服务器一般都会为根目录建立一个文件索引。当所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件。很明显，文件量越大，等待的时间也将越长。 （2）按栏目内容建立子目录 　 子目录的建立，首先按主菜单栏目建立。例如：教程类站点可根据技术类别分别建立相应的目录，如 Flash， DHTML，Java script等；企业站点可以按公司简介、产品介绍、价格、在线定单、反馈联系等建立相应目录。其他的次要栏目，需要经常更新的可以建立独立的子目录。而一些相关性强、不需要经常更新的栏目，例如：关于本站、关于站长、站点经历等可以合并放在一个子目录下。 所有程序一般都存放在特定目录中。例如：CGI 程序放在cgi-bin 目录。为了便于维护管理，所有需要下载的内容也最好放在一个子目录下。 (3) 在每个子目录下建立独立的images目录　　 默认的站点根目录下都有一个 images 目录，只是用来放首页和一些次要栏目的图片。在每个子目录下都建立独立的images目录，更方便管理。 (4) 目录的层次不要太深　　 目录的层次建议不要超过 3 层。原因很简单，维护管理方便。（5）相对路径与绝对路径 3、设计风格图 设计网站前首先要根据网站类型确定网站风格，比如经济类、娱乐类、医药类、教育类等等。 设计者对各种行业的风格要有所了解。 如图所示，如果网页能够让用户轻易地辨别出这是设计类型和运动类型的网页，说明需求分析、确定风格的目的达到了。 HTML语法 互联网创业故事分享 实 验 内 容 1、做一份个人网站规划书 包括：市场分析、客户群分析、建站目的、功能定位