网页设计工作计划规划[!--empirenews.page--]电子与信息工程系.docx

网页设计工作计划规划[!-empirenews.page-电子与信息工程系工作安排是行政活动中运用范围很广的重要公文。机关、团体、企事业单位的各级机构，对肯定时期的工作预先作出支配和准备时，都要制定工作安排。工作安排事实上有很多不同种类，它们不仅有时间长短之分，而且有范围大小之别。以下是工作安排频道为大家整理的网页设计工作安排规划，供大家参考。更多阅读请查看本站工作安排频道。互联网站规划与设计摘要 本文概述了互联网站的规划与设计的方法，介绍了网站设计规划的规范,及所需的关键技术,对电信系网站的构建作了系统分析,提出了总体设计方案和制作步骤,而且论述了构建网站过程中所遇到的技术难题及解决方法。关键词 网站规划 网站设计 网站维护 ASP一、引言在当今全球信息化大潮中，互联网（即因特网Internet）异军突起，给20世纪末的人类社会增加了无限的活力，成为现代社会生活中一道亮丽的风景线。 互联网带给人们的不仅仅是技术，而是一种以信息为标记的崭新的生活方式。 他正在变更着人们的工作和生活方式。有人曾以“围城”比方互联网，但所不同的是，“外面的人想进去，里面的人不想出来。”互联网为什么有这么大的魅力呢？这不仅与人们日益增长的文化生活有关，更重要的是与互联网的技术不断更新和革命有关。一个网站的整体规划和设计的好坏是它发展的重要之处， 也是它吸引人们阅读的所在之处。Internet/Intranet技术的日益发展，使人们相识到了Internet/Intranet的优势，更使得数据库与web的连接成为数据库开发方面的热门技术之一。通常状况下，通过阅读器看到的网页大多是静态的。所谓“静态”，是指网站的网页内容“固定不变”， 当阅读器通过互联网的HTTP（Hypertext Transport Protocol）协议向Web服务器恳求供应网页时，服务器仅仅是将原来设计好的静态HTML文档传给阅读器。其页面内容运用的仅仅是标准的HTML代码，最多再加上流行的GIF89A 格式的动态图片，比如产生几只小猫小狗跑来跑去的动画效果。 若网站维护者要更新网页的内容，就必需手动更新全部的HTML文档。静态网站的致命弱点就是不易维护。为了更新网页的内容， 网站维护者必需重复制作HTML文档，随着网站内容和信息量的日益扩增，可以想象这是多么困难繁琐的工作。那么，什么是动态网站呢？所谓“动态”，并不是指放在网页上的图片会动，动态页面应具有以下几个特点：（一）.交互性：即网页能依据客户的要求和选择而动态变更和响应，阅读器即作为客户端界面，这是今后Web发展的大势所趋。（二）.自动更新：即无需手动更新HTML文档， 就能自动生成新的页面，从而大大削减工作量。（三）.因时因人而变：即当不同的时间、不同的人访问同一网址时能产生不同的页面，这一点对于须要对运用者授权的网站尤其适用。随着的Internet快速发展，不管是专业的ISP(Internet服务供应者)和ICP(Internet内容供应者)，还是一般的政府机关、银行、交通部门、学校、医院、服务者，甚至是每个人，都在主动寻求在Internet上发布信息，供应新型的网上管理和服务。可以说，网站设计和网站的编辑正成为新兴的热门行业。二、网站的系统分析（一）.项目立项我们接到客户的业务询问，经过双方不断的接洽和了解，并通过基本的可行性探讨够，初步达成制作协议，这时就须要将项目立项。较好的做法是成立一个特地的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必需人员。（二）.客户的需求说明书收稿日期 ： 2023年5月25作者简介：马彦文，西北其次民族学院电子与信息工程系97通信专业学生。第一步是须要客户供应一个完整的需求说明。许多客户对自己的需求并不是很清晰，须要您不断引导和帮助分析。有些客户可能对自己建什么样的网站根本就没有明确的目的，以及他的网站建好后来干什么也是一窍不通，为了客户能有明确的目的我们须要耐性说明，细致分析，挖掘出客户潜在的，真正的需求。这样对大家都有好处，我们的宗旨应当是“客户明明白白，双方高兴奋兴。”对客户和自己都是一种负责。协作客户写一份具体的，完整的需求说明会花许多时间，但这样做是值得的，而且肯定要让客户满足，签字认可。把好这一关，可以杜绝许多因为需求不明或理解偏差造成的失误和项目失败。糟糕的需求说明不行能有高质量的网站。那么需求说明书要达到怎样的标准呢？简洁说，包含下面几点：正确性：每个功能必需清晰描写交付的功能；可行性：确保在当前的开发实力和系统环境下可以实现每个需求；必要性：功能是否必需交付，是否可以推迟实现，是否可以在削减开支状况发生时"砍"掉；简明性：不要运用专业的网络术语；检测性：假如开发完毕，客户可以依据需求检测。三、建设方案（一）.建站理念(1)预早筹划设计主页未必很艰难。但这一工作与编制传统的宣扬品一样，都须要我们谨慎处理和筹划。换言之，我们必需首先 确定自己须要传达的主要信息，然后细意斟酌、把全部意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。(2)尽量精简主页的作用好比一本书的封面，是为了吸引用户测览你的网址内容。因此，主页的设汁应以醒目为上、令人一目了然。切勿堆砌太多不必要的细微环节，或使画面过于困难。在主页上清晰列出三项要点，例如机构名称、供应的产品或服务 、以及主页内容(亦即你的其他页面还载有什么资料)。应切记页面给人的第一观感最为重要。在网上到处阅读的人许多。假如你的主页真没有吸引力，很难令他们深化欣赏。(3)尽量简朴现今大部分用户那是用调制解调器接驳万维网，所以他们一般都要花许多时间等待主页传送到自己的系统。主页上的图形应力求简朴， 避开耽搁用户的时间。图像愈大、颜色愈深，传送页面的时间愈长。这并不是说你要完全略去图像不用，只是提示你要注留意运用图像所引起的效果。主页上的颜色不超过六十四种，页顶图像保持在大约10KB(千字节)以下。切勿禁不住诱惑,觉得非要放入大幅的图画不行；应考虑只用三两幅短小精悍的图像。主页整体上要能够快速传送。假如载入的时间超过十至十五秒，许多用户就会等得不耐烦。假如状况许可，先测试你的主页在稍差的条件下的传送速率，14.4千波特的调制解调器，或透过 Prodigy 等网上服务接驳万维网等。此外、还须留意协作最低档的设备，例如标准的小型显示器，不要假设人人都用高解像度的大荧幕。运用先进阅读软件所供应的一些尖端功能是可以的、但应确保你的主页在次一级的阅读软件上(例如某些网上服务所供应的专用阅读软件)仍可畅顺地显现。(4)善用图像用户在网上四处漫游，你必需设法吸引和维护他们对你的主页的留意力。万维网的其中一个最重大资源是其多媒体实力，所以我们无论如何要善加利用。主页上有醒目的图像、新奇的画面、美观的字款，使其别具特色，令人过目不忘。图像的内容应有肯定的实际作用，切忌虚饰浮夸。的图像应集美观与传讯于一身。留意图画可以弥补文字之不足，但并不能够完全取代文字。许多用户把阅读软件设定为略去图像，以求节约时间他们只看文字。因此，制作主页时，必需留意将图像所带的重要信息或联接其他页面的指示用文字重复表达次。用“纯文中”模式测试已制成的主页，确保其传达到全部信息。(5)使主页易于漫游主页的其中一个主要功能是作为漫游工具，指引用户查阅你存储在网址或其他地点的信息。尽量使漫游过程不费吹灰之力。基于清楚明确和速度的考虑，主页上的联接项目应只限于几个高级的类别，例如公司、产品、服务、支援等。用六至八个联接项目最为志向。此外，你供应的信息不应埋藏在重重叠叠的页面之下。穿越五个以上的联接项目已足以令人厌烦。因此，你必需在广度和深度之间求取平衡。假如你的网址上有太多信息，你可能要编制较长的页面或运用更多联接项目，甚至可能要建立多个主页、 使每个主页载有不同的信息。假如能够让用户在主页上以关键字或词语查找所需的信息，确定受用户欢迎。假如你有足够的资源，便应找一位专家来评估你设计的主页是否便利易用。设法找一些对主页生疏的用户，来试用你的初步制成品。(6)提网协领主页般须载有以下事项：标题,此标题须清晰无误地标示你的网站。标题可以是名称、标语徽号或图像。电子邮件地址 ,以便用户有问题时，可以通知你。版权资料,这是适用于主页内容的版权规定。你可以在主页上标示一句简短的版权声明，用联接方法带出另个载有具体运用条款的页面,这样可以避开主页显得乱糟糟。联络资料 ,列出通讯地址电话号码等。(7)循环利用现有信息制作主页时，通常都毋须从头做起，因为有很多现成的文字、图画等资料可供我们重用，例如宣扬小册、公关文件、技术手册、资料库等。许多状况下，只要用少许功夫、就可把这些材料转到网页上运用。(8)保持簇新感万维网上不断有新事物出现、每天都有新花样。假如你的主页从不变更，用户很快会厌倦。在主页上预报即将有新资料推出，可吸引用户再来阅读不妨在页头以大字标题宣布新消息。可以定期变更主页上的图像、或更改主页的式样。趣味性的事项可以持续或自动更新、例如列出会阅读你的网站的人次。同样，为保持簇新感，应时刻确保主页供应的是最新信息。将更新主页信息的工作纳入既定的公关及资料编制安排内，亦即当你运用传统方法(例如新闻稿)传递的新信息时出现在你的主页上。确保连接项目运作畅顺，以免用户在荧幕上收到“无法查阅所需档案”的信息而大感没趣。(9)贯彻诺言做不到的事情，千万不要轻易承诺。切勿随意叫用户做出回应行动，例如要求用户填交订贷表格，除非你已制订好处理这些订单的方法和交货程序。假如在网上列出联络电话,就要确保自己能够快速解决来电者的问题。(10)吸引用户阅读既然费尽心机把主页弄得美观好用，没有人来观赏就太惋惜了。为吸引全部网中人来阅读，必需使主页易于找寻。通知其他网站(例如题材相关的网站)，他们可能想连接你的主页。支配将自己的网址列在全部相关的网址书目、索引、查找程序和“Whats new”页面上。尽量将网址传播开去，使之出现在 Internet和全部传统煤体上、例如书刊广告、公关文件、宣扬品等。在网站上，于每个页面设置“home”按键，便利用户随时返回主页。万维网充溢生命力、正在不断演进，所以一些现时适用的阅历，将来未必合用。举例来说，将来家居用户有高速线路接驳Internet，就可以消退数据传输目前的所受的限制、使主页的篇幅可以更长，页面更华丽。新的阅读功能、例如Sun的 HotJava阅读软件所供应的先进功能、将使万维网更强劲和更便利沟通。 HotJava将主页由静态的文件转为动态的实体， 供应诸如即时制作动画、背景音乐、即时存入资料(例如不断更新股票价格)、话音广播等功能、为网上用户带来更多乐趣。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈简单。 以 S u n的Netra Internet Server为例、全套设备包括上网所需的软硬件,以及建立完善的高效能网站所需购各种软硬件设施。这些发展为万维网及其用户开拓了壮阔的前景。建设网站的上作，从未如此简单过。（二）.网站总体设计在拿到客户的需求说明后，并不是干脆起先制作，而是须要对项目进行总体设计，具体设计出一份网站建设方案给客户。总体设计是特别关键的一步。它主要确定：网站须要实现哪些功能；网站开发运用什么软件，在什么样的硬件环境；须要多少人，多少时间；须要遵循的规则和标准有哪些。同时须要写一份总体规划说明书，包括：网站的栏目和板块；网站的功能和相应的程序；网站的链接结构；假如有数据库，进行数据库的概念设计；网站的交互性和用户友好设计。在总体设计出来后，一般须要给客户一个网站建设方案。许多网页制作公司在接洽业务时就被客户要求供应方案。那时的方案一般比较笼统，而且在客户需求不是非常明确的状况下提交方案，往往和实际制作后的结果会有很大差异。所以应当尽量取得客户的理解，在明确需求并总体设计后提交方案，这样对双方都有好处。网站建设方案的包括以下几个部分：.客户状况分析；网站须要实现的目的和目标；网站形象说明；网站的栏目板块和结构；网站内容的支配，相互链接关系；运用软件，硬件和技术分析说明；开发时间进度表；宣扬推广方案；维护方案；制作费用；本公司简介：胜利作品，技术，人才说明等。当您的方案通过客户的认可，那么可以起先动手制作网站了。但还不是真正意义上的制作，你须要进行具体设计。（三）网站具体设计总体设计阶段以比较抽象概括的方式提出了解决问题的方法。具体设计阶段的任务就是把解法详细化。具体设计主要是针对程序开发部分来说的。但这个阶段的不是真正编写程序，而是设计出程序的具体规格说明。这种规格说明的作用很类似于其他工程领域中工程师常常运用的工程蓝图，它们应当 包含必要的细微环节，例如：程序界面，表单，须要的数据等。程序员可以依据它们写出实际的程序代码。我们这次主要用ASP来实现有关功能和解决有关问题的，例如，公告版BBS,闲聊室，信息发布系统， 网上超市等都用ASP来实现人机交互功能的，其中也用到调用数据库的技术。ASP (Active Server Pages)是Microsoft 公司推出的一种Web应用程序开发技术，也是服务器端的脚本（Script）运行环境，运用该技术可以开发动态的、交互的Web应用程序。ASP可用来产生和执行动态的高性能的WE B服务器程序。当用户运用阅读器恳求ASP主页时，WEB服务器做出响应，调用ASP引擎来执行ASP文件，并说明其中的脚本语言(JScript 或VBScript)，通过ODBC连接数据库，由数据库访问组件ADO完成数据库操作，最终ASP生成包含数据查询结果或做出其他响应的HTML页面，送回用户端显示。ASP程序通常运行在Windows NT+ IIS(Internet Information Server) , 或者Windows 2000 + IIS, 或者Windows 95/98+PWS(Personal Web Server)环境下。其程序代码简洁、通用，文件名由.asp结尾。ASP文件通常由四部分构成： 标准的HTML标记； ASP语法吩咐，即<% %> 标签内的ASP代码； 服务器端的include语句； 以及脚本语言，即：ASP自带JScript和VBScript两种脚本语言，用于增ASP的编程功能，用户也可安装其它脚本语言，如Per语言等。ASP供应了六个内建对象供用户干脆调用，以实现页面的交互： Application对象负责管理全部会话信息，可用来在指定的应用程序的全部用户之间共享信息； Session对象存贮特定用户的会话信息，只被该用户访问，当用户在不同WEB页面跳转时，Session中的变量在用户整个会话过程中始终存在；Session对象需cookie支持； Request对象从用户端取得信息传递给服务器，是ASP读取用户输入的主要方法；Response对象支持服务器将输出内容发送到用户端；Server对象供应对服务器有关方法和属性的访问； Object Context对象是IIS 4.0新增对象，用来进行事务处理。此项功能需得到MTS(Microsoft Transaction Server)管理的支持。ASP还内置以下组件以增加其功能： Ad Rotator组件用来按指定安排在同一页面上自动轮换显示广告，用于WWW上日益重要的广告服务； Browser Capabilities组件确定访问WEB站点的用户阅读器的功能数据，包括类型、性能、版本等； Database Access组件即ADO (ActiveX Data Objects)，用来访问数据库； File Access组件供应对服务器端文件的读写功能; Content Linking组件生成WEB页内容列表，并将各页依次连接，用于制作导航条。 此外，用户还可安装Myinfo、Counters、Content Rotator、Page Count等组件，也可自行编制ActiveX组件，以提高系统的好用性。如上所述，ADO是ASP内置的ActiveX服务器组件(ActiveX Server Component)。它可通过开放式数据库连接接口ODBC和通用数据源接口OLEDB访问多种数据库,是对目前微软所支持的数据库进行操作的最有效、最简洁和最干脆的方法。ADO组件主要供应了以下七个对象和四个集合来访问数据库： Connection对象用于建立与后台数据库的连接； Command对象用于执行SQL指令，访问数据库； Parameters对象和Parameters集合为Command对象供应数据和参数； RecordSet对象存放从数据库中调用的数据记录； Field对象和Field集合供应对RecordSet中当前记录的各个字段进行访问的功能； Property对象和Properties集合供应有关信息，供Connection、Command、RecordSet、Field对象运用； Error对象和Errors集合供应访问数据库时的错误信息。在ASP中运用ADO组件访问后台数据库一般步骤为 ：在WEB服务器上打开“限制面板”，选中“ODBC”， 定义数据源；然后运用ADO组件查询WEB数据库；再调用Server.CreateObject方法取得“ADODB.Connection”的实例，此后用Open方法打开数据库，指定要执行的SQL吩咐对数据库进行操作，如查询、阅读、修改、删除等。 当然也可以用本文介绍的方法不定义数据源，干脆调用数据库的数据。（四）.网站的制作规范探讨(1)网站书目规范书目建立的原则：以最少的层次供应最清楚简便的访问结构。a.根书目。根书目指DNS域名服务器指向的索引文件的存放书目。根书目只允许存放index.html和main.html文件，以及其他必需的系统文件；b.每个语言版本存放于独立的书目；c.每个主要功能(主菜单)建立一个相应的独立书目；d.当页面超过20页，每个书目下存放各自独立images书目.共用的图片放在根书目下的images书目下；e.全部的js文件存放在根书目下统一书目script；f.全部的CSS文件存放在各语言版本下的style书目g.全部的CGI程序存放在根书目并列书目cgi_bin书目(2)文件命名规范文件命名的原则：以最少的字母达到最简单理解的意义。a.索引文件统一运用index.html文件名(小写)。index.html文件统一作为“桥页”制作详细内容，仅仅作为跳转页和meta标签页。主内容页为main.htm；b.菜单图片名称按菜单名的英语翻译为名称。例如：关于我们aboutus;信息反馈feedback 产 品product;全部单英文单词文件名都必需为小写，全部组合英文单词文件名其次个起第一个字母大写；c.全部文件名字母间连线都为下划线;d.图片命名原则以图片英语字母为名,大小原则写同上;e.js的命名原则以功能的英语单词为名。例如：广告条的js文件名为:Ad.jsf.全部的CGI文件后缀为.cgi。(3)链接结构规范链接结构的原则：用最少的链接，使得阅读最有效率。首页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。超过三级页面，在页面顶部设置导航条。(4)尺寸规范a.页面标准按800*600辨别率制作，实际尺寸为778*434px;b.每个标准页面为A4幅面大小，即8.5X11英寸;c.大banner为468*60px，小banner为88*31px。(5) 首页HEAD区规范a.公司版权注释b.网页显示字符集简体中文：繁体中文：英 语：c.网页制作者信息d.网站简介e.搜寻关键字f.网页的css规范g.网页标题电子与信息工程系四、网站的设计制作1.整体形象设计在程序员进行具体设计的同时，网页设计师起先设计网站的整体形象和首页。整体形象设计包括标准字，Logo，标准色调，广告语等。 首页设计包括版面，色调，图像，动态效果，图标等风格设计，也包括banner，菜单，标题，版权等模块设计。首页一般设计1-3个不同风格。2.开发制作本次网站规划设计采纳软件工程的设计方法，设计小组在系统分析和总体设计的基础上，将设计任务分解，安排到设计组的每个成员，各模块有设计组成员单独担当设计和调试，既有分工，又有协作，最终将各模块上载到服务器上，做链接和整体的调试。3.调试完善各模块初步完成后，上传到服务器，对网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发觉问题刚好解决并记录下来。网站建设事实上是一个不断充溢和完善的过程，通过不断的发觉问题，解决问题，修改，补充，使网站结构趋向合理，内容更加丰富，形式更富有感染力。4.宣扬推广刚刚建成的网站就似乎一个新注册的电话号码，没有人会自动找上门来，这时你就须要适当地做一些网站推广工作了,这里有许多方法，例如：a.网页里设置适当的META标签；b.交换友情链接。这是个免费而高效的方法，就好比在别人商店打上你的广告，在你的商店打上别人的广告，这样一来当网友参观别人的网站时就知道你的网站了，假如你的广告做的好，他一多半都会参观你的网站，这是件无须开支、互利互惠的好事情，举荐运用。c. 在各大搜寻网站（例如 ）注册你的网站，这样当别人在搜寻同类的信息时就会发觉你的网站；d.备新闻稿件在各新闻公告板发表；e.合理运用Email邮件列表；f.付费广告，这个方法最有效了，但它是付费的；g.在论坛里贴条子。这个方法效率不高，也很累，有时也会被别人删除掉，所以不举荐。另外还须要说明的是，请千万不要运用发垃圾邮件来推广个人主页，这样不但不会使别人喜爱你的网站，反而会引起别人的极度反感，这是一种不道德的行为。至此，网站项目建设完毕。5维护网站做好了是不是就准备一劳永逸呢？不是，假如网站做大的话，网站维护也是个艰难的工作。当网站变得非常浩大时将会有不计其数的图片、网页文件等内容，假如它们有一个丢失或链接失败都会引起网页错误，想想我们做的多副图片假如少一副会是什么情景？所以我们肯定要保证整个网站的“健康”和完整。为了使网站健康、完整，通常我们在做新网站之前，都应当在DW里建设一个“本地网站”，也就是自己电脑上的网站副本，这样才能有效削减网站错误，刚才我们制作网站时是先做网页后建网站，其实这种网站建设方法是错误的，正确的是先建网站后添加内容。另外就是要时常检查网站的链接是否有误，这里我们可以运用DW的SITE程序的SITE菜单中CHECK LINK SITEWIDE选项来检查网站中是否有断掉的链接，以便刚好修复。另外我们还应当科学地存放不同类型的文件，例如将网站中的图片都放在一个文件夹里，将网页放在另一个文件夹里。而且假如将来网站真的“肥沃”起来，我们甚至须要为每一个栏目建立一个文件夹，例如将有关MUSIC栏目的文件放在一个文件夹里，将PICTURES栏目的文件放在一个文件夹里，这样一来，会为我们的维护工作削减许多不必要的麻烦！网站维护最终要说的就是网站的文件备份了，假如电脑发生了灾难，我们的网站就很可能要瘫痪了，所以时常备份网站文件也是很重要的。网站胜利推出后，长期的维护工作才刚刚起先，我们须要做到的是:刚好响应客户反馈；例如可以实行Email自动回复功能，然后尽快解决问题，再次回复；网站流量统计分析和相应对策；尽量推广和运用您的网址；网站内容的刚好更新和维护。五、网站平安问题及对策防火墙是阻挡外面的人对你的网络进行访问的任何设备，此设备通常是软件和硬件和组合体，它通常依据一些规则来选择想要或不想要的地址。首先绝大多数简洁的身份验证过程都是以IP地址为依据的。IP地址是Internet网上最普遍的身份索引，它有静态和动态之分。 静态IP地址即固定不变的IP地址；它可以是某台连在Internet网上的主机地址。静态IP地址分在几类。其中一类能通过Whois查询吩咐得到；并且此类地址主要是Internet网上层的主机的IP地址，这些主机可以是域名服务器、Web服务器和“根”主机，并且在InterNIC的Whois数据库中都有它们的注册主机名。另一类静态IP地址被安排给Internet网中的其次和第三层主机（这些机器还有固定的物理地址），然而这些机器不肯定拥有注册主机名。但不管怎样它们有注册的IP地址。动态IP地址是指每次强制安排给不同的上网主机的地址。ISP的拔号服务器中常常运用动态IP地址节点机每次拔号上网，都会被安排一个不同的IP地址。无论IP地址是静态还是动态的，它都被用于网络传输中。