《网站设计与建设》电子教案-雷学生 第2章

《《网站设计与建设》电子教案-雷学生 第2章》由会员分享，可在线阅读，更多相关《《网站设计与建设》电子教案-雷学生 第2章（121页珍藏版）》请在金锄头文库上搜索。

1、第2章 网站的规划与设计,2.1 网站建设整体规划的重要性,网站的建设是一个系统工程，要有一定的生命周期。 在这个周期中，首先要进行认真、科学的规划，而后运用网站 建设技术进行开发建设，最后测试并发布推广等，每一步都很 重要。 网站建设目标整体规划就是要明确建立网站的目的和发展的 方向，通过市场调研明确网站的服务领域，了解网站服务对象 及他们的需求，以确定网站所提供的功能等。,网站建设整体规划步骤如下： 1需求分析 需求分析的主要任务就是把客户的需求信息很好地通过多方面 有机地体现出来，把网站的目标信息有效地传达给浏览者或潜 在用户，从而达到最好的网站营销效果。 2确定网站建设的目标 根据网站

2、的类别不同，目标受众也不一样，建立网站之前要考虑 网站所面对的对象。 3确定网站的主题 网站的主题就是网站所要表达的主要内容。作为一个网页设计 者，在动手制作自己的网站之前，必须给自己的网站划定一个范 围。也就是说要给自己的网站一个准确的定位。,2.1 网站建设整体规划的重要性,4确定网站的内容 网站的内容和网站的建设目标以及站点的类型有很大的关系。 个人网站的内容依赖个人的兴趣、爱好及其愿意为访问者提供 的特定信息而定。 企业网站的内容一般是展示其组织结构、业务范围、产品类型 等等传统商业所需的推广信息。 商业网站则从网站所提供的服务，要实现的功能，为了达到什 么目标来确定内容。 5确定网站

3、的功能 个人、企业做网站首先要知道自己想要的功能。网站的功能可 以从系统上、从布局上或从交互的角度等多方面描述。,2.1 网站建设整体规划的重要性,6确定网站的结构 网站的结构有很多种， 顺序结构，网状结构，继承结构，WEB结 构等，应依据你的内容而定。多数复杂的网站会综合应用到几种 不同的结构图。画出结构图的目的，主要是便于有逻辑地组织站 点和 链接，同时，将来你会用这个图去分配工作和任务。 7确定服务器接入因特网的方式 目前用户接入因特网的方法有很多，比如：传统的调制解调器拨 号上网、以现有电话网铜线为基础的xDSL技术接入和以扩频通 信、卫星通信为基础的无线接入技术接入等，用户可以根据各

4、种 接入方式的优缺点进行选用。,2.1 网站建设整体规划的重要性,8、确定网站建设技术 网站程序设计技术主要应用于对网页进行动态的控制、实现和 网站页面与用户之间的交互、实时访问网站的后台数据库，以 及实现一些网页特效等作用。其中，HTML语言是基础中的基础。 9、确定网站制作软件 比较著名的网页制作软件有FrontPage、Dreamweaver、Flash、 fireworks、Photoshop等，它们各有长处，掌握其中一种就能设计 出很优秀的网页。,2.1 网站建设整体规划的重要性,2.2 需求分析（策划）,在网站建设工作开始时，首先要和客户很好地沟通，完整地、 全面地收集和整理用户的

5、各种相关资料，包括关于客户介绍的 各种文字和图片资料、联系方式等，然后分析和理解客户的需 求，并请客户提出基本设计要求、基本功能需求。 若能请客户提供他所喜欢的网站的类型及实例，对于网站建设 的顺利进行将有很大的帮助。有经验的设计人员都会充分而准 确地做好这一步。,1定位网站 网站策划的好坏直接影响到网站运营的效果，它包括网站信息组 织、网站导航设计、网站功能设计，以及网站推广方案建议、网站 的安全措施等内容。网站策划首先应该从以下几方面着手准确定 位网站，为成功建设一个网站打下坚实的基础： （1）建设该网站的目的； （2）设想中的网站规模； （3）是否需要独立域名； （4）主要的目标受众；

6、（5）基于明确的受众定位，确定网站设计特色； （6）网站的推广建议； （7）投资预算。,2.2 需求分析（策划）,2网站策划 下面是网站策划需要做的具体工作： （1）规划一个网站，可以用树形结构或目录形式先把整个网站 的内容大纲列出来，尤其当你要制作一个复杂网站的时候，特 别需要把这个架构规划好，还要考虑到以后的可扩充性，避免 制作过程中多次修改整个网站的架构。 网站信息组织还要以关键字为核心。这是基于网站营销、网站 推广方面的需要考虑，建立网站的最终目的是为了通过网络吸 引更多的潜在客户，而其中最重要的问题就是如何让浏览者找 到该网站。,2.2 需求分析（策划）,（2）用户流程分析和网站导航

7、策划 页面之间的连接关系是很重要的，可采用星形结构、树形结构。 导航设计的优劣也是判断一个网站质量的重要标志。 网站导航是否合理直接影响到用户浏览网站时是否感到舒适， 一个好的导航设计应该站在浏览者的角度去考虑具体问题，给 浏览者充分的导航指示。 （3）网站功能策划 网站功能分析和策划的任务是明确网站需要的功能、实现的机 制以及相互之间的关系流程。,2.2 需求分析（策划）,（4）网站营销推广方案建议 合理的网站推广方案将有助于在网站的营销阶段使网站效益 获得最大化。 总之，网站策划以创意为基础，并应该注意充分利用电子媒体 独特的优势和特点。技术方面完善的整体策划，加上优秀的艺 术及来自经验的

8、各种创意，才能生成完美的策划方案。 最后，将策划成果生成一份个性化的整体策划分析报告，即网 站策划说明书。,2.2 需求分析（策划）,2.3 确定网站建设的目标,建立网站的第一步是确定目标。 不同的网站会有不同的追求和目的，会获得不一样的收益。不能 简单地把建立网站作为目标，企业网站首先考虑的是企业长期的 生存、发展和赢利问题。 企业建立网站是首先要进行市场调研，以确定自己的营销战略。 一般来说，所谓市场，是由人、购买力、购买习惯三种因素组成 的。尽管网络的出现使消费者与厂商之间的距离出现了前所未有 的接近，但是网络也只是一个市场，是供求双方交易的一个媒 介。 现代企业在生产和制造产品之前，大

9、都会对市场做出全盘的了解 及调查，这样才能做到生产与消费紧密无间的配合，网站也是如 此。,2.4 确定网站的主题,网站的主题也就是网站的题材，是网站设计首先遇到的问题。 网站题材千奇百怪，多种多样，究竟该如何选择呢？ 明确的主题、丰富的内容是网站生存之本。 要根据建站的目的来规划主题，根据主题来设置内容。,确立网站主题的一些建议： 1主题要明确而精要。 2主题不要太滥或者目标太高。 3名称要正。 4名称要易记。网站名称最好用中文，不要使用英文或者中英 文混合型名称。另外，网站名称的字数应该控制在六个字（最好 四个字）以内，四个字的也可以用成语。字数少还有一个好处， 即适合其他站点的链接排版。

10、5名称要有特色。网站名称要有特色，能够体现一定的内涵， 给浏览者更多的视觉冲击和空间想象力。,2.4 确定网站的主题,2.5 确定网站的内容,富有特色和时效性，是网站决定其内容的重要标准。数据是原 始的依据或观察研究的资料，信息则是应用于特定上下文或概 念的数据，而知识是应用信息解释特定的问题 。 因此，没有特定主题的信息是缺乏价值的。那么，网站内容的 筛选应遵循什么样的原则呢？,1网站内容遵循原则 （1）设定主题参数 无论如何，你的网站不可能是包含一切的，因而必须对内容分门 别类地选择你认为用户必须、需要或喜欢了解的内容，并且有明 确的专题类别。这些主题还应该随着客观要求增加或删除。 （2）

11、确定内容的相关度 根据网站的目标来安排主题，即网站提供的信息应该与整个网 站的基本服务相关。不要把你觉得有意思而与网站目的毫无关 联的信息都挂上去，如一个人文评论的网站大可不必放上实时 的股票曲线图。,2.5 确定网站的内容,（3）关注热点因素 有些数据要即刻应用到网站的主题或主要功能上，有些数据则 是较为长期的，要区分这两类信息并设置内容的优先顺序。要 注意信息的时间性，并给予计划性的更替处理。 （4）评测可行性 考虑制定这样的主题目标有多大的现实意义，并且实现这样的 内容设置的多大的难度。没有好的内容设置和有好的内容设置 但内容单薄一样糟糕。,2.5 确定网站的内容,2网站内容 而从WWW

12、角度来说，网站可以包括这样的一些内容： （1）主页、栏目、频道和基本的图文； （2）搜索引擎； （3）图文资料、软件等的下载； （4）论坛、聊天室； （5）电子邮箱； （6）其他扩展的功能（数据库、游戏等）。,2.5 确定网站的内容,2.6 确定网站的功能,2.7 确定网站的结构,作为一个网站，里面会有很多不同类型的文件，如果不进行分 类组织，任意分散在硬盘的各个地方，则网站会杂乱无章，不 便于进行管理和更新，因此在建立站点之前，最好先规划一下 站点结构。 一般来说，整个站点是一个大的文件夹，称为站点根文件夹。 在站点根文件夹下建立一个合理的文件结构来存放所有与网 站相关的资料。,2.7 确定

13、网站的结构,1站点规划 通常，对站点文件的规划可以按照如下两种方法进行： （1）按照文件的类型进行规划。按照文件的类型规划就是将不 同类型的文件分别存放在不同的文件夹下。例如可以将所有的 网页素材、图象、插件、模板等分别放在各自的文件夹下，便于 查找。 （2）按照网页主题进行规划。 按照网页主题对站点结构进行规划可以是网站条理清晰，便于 日后更好地管理站点。 网站结构的好坏对浏览者来说并没有什么太大的感觉，但是对 于站点本身的上传维护、内容未来的扩充和移植有重要的影 响。,2.7 确定网站的结构,2结构类型 （1）层状结构,2.7 确定网站的结构,（2）线性结构 线性结构类似于数据结构中的线性

14、表，用于组织本身以线性顺 序形式存在的信息，可以引导浏览者按部就班地浏览整个网站 文件。这种结构一般都用在意义是平行的页面上。,主页,页面1,页面2,页面3,2.7 确定网站的结构,（3）WEB结构 WEB结构类似于Internet的组成结构，各网页之间形成网状连 接，允许用户随意浏览。,2.8 确定服务器接入因特网的方式,所谓接入因特网，实际上是与已连接在Internet上的某台主机 或网络进行连接。 用户接入互联网前，都要联系一家Internet服务提供商（ISP）， 如网络中心、电信局等，并由ISP提供Internet入网连接和信息 服务。 Internet可以连接各种各样的计算机系统和

15、网络，不管处于什 么地方，具有何种规模，只要遵守共同的网络通信协议 TCP/IP，都可以加入到Internet大家庭中。,2.8 确定服务器接入因特网的方式,2.8.1 使用 Cable Modem（有线通）接入 1Cable Modem的简介 Cable Modem，中文名称是电缆调制解调器，是近几年随着网 络应用的普及而发展起来的新型网络传输方式，主要用于有线 电视数据传输。 Cable Modem彻底解决了由于声音图象的传输而引起的阻 塞，其速率可达 10Mb/s以上，下行速率则更高。而传统的 Modem虽然已经开发出了速率为56Kbps的产品，但其原理论 传输极限为64Kbps。Cab

16、le Modem是组建城域网的关键设 备。,2.8 确定服务器接入因特网的方式,2Cable Modem的传输原理 Cable Modem采用所谓“副载波调制”方式进行数据传输。 “副载波调制”方式就是选用一般有线电视的频道作为频宽的划 分单位，每个频道分别有8MHz的频宽，再将数据加载到某个 电视频道的信号中，传送到用户端供用户使用。,2.8 确定服务器接入因特网的方式,2.8.2 ISDN ISDN（Integrated Service Digital Network）中文名称是综合业务 数字网，通俗称为“一线通”。综合业务数字网的实现，使电话局和 用户之间仍然采用一对铜线，也能够做到数字化，并向用户提供多 种业务，将电话、传真、数据、图像等多种业务综合在一个统一的 数字网络中进行传输和处理。 综合业务数字网有窄带和宽带两种。窄带综合业务数字网向用户 提供的有基本速率（2B+D，144kbps）和一次群速率（30B+D， 2Mbps）两种接口。基本速率接口包括两个能独立工作的B信道 （64Kbps）和一个D信道（16kbps）