网站开发具体流程-以及注意事项

第网站基础知识章1网站开发公司制作流程为了加快网站建设的速度和减少失误，应该采用一定的制作流程来策划、设计、制作和发布网站。通过使用制作流程确定制作步骤，以确保每一步顺利完成。好的制作流程能帮助设计者解决策划网站的繁琐性，减小项目失败的风险。制作流程的第一阶段是规划项目和采集信息，接着是网站规划和设计网页，最后是上传和维护网站阶段。每个阶段都有独特的步骤，但相连的各阶段之间的边界并不明显。每一阶段并不总是有一个固定的目标，有时候，某一阶段可能会因为项目中未曾预料的改变而更改。步骤的实际数目和名称因人而异，但是总体制作流程如图1-1所示。图1-1 网站制作流程图1.1.1 目标需求分析提出目标是非常简单的事情，更重要的是如何使目标陈述得简明并可以实现。在很多Web网站项目中，有包容一切的倾向。实际上一个网站不可能满足所有人的需求，对设计者来说，网站一定要有特定的用户和特定的任务。为了确定目标，开发小组必须要集体讨论，讨论的目的是让每一个成员都尽可能提出对网站的想法和建议。通常，集体讨论可以集中大家一致感兴趣的问题，通过讨论可以确定网站的设计方案。应该让参与讨论者意识到其最终目标是网站不能太慢或难以使用。在对某个网站进行升级或全面重新设计时，一定要注意不要召开集体会议来讨论已有网站中出现的问题，防止项目偏离的方法是让网站原来的设计者谈自己的设计思想和对问题的考虑点。在集体会议中，要点是挖掘各种各样的被称为“期望清单”的想法。“期望清单”就是描述各种不考虑价格、可行性、可应用性的有关网站的想法。例如，讨论某个公司网站的建设方案时，会包括产品信息、投资者信息、公司新闻、人才引进、员工招聘以及技术支持等部分。每一个负责相关部分的设计者都会认为他们的那部分是最重要的，每个人都希望把他们那部分的链接放在主页上。通过集体讨论的设计方案，能够兼顾到各方的实际需求和设计开发的技术问题，能够为成功开发Web网站打下良好的基础。1.1.2 网页制作网页制作包括网站的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等。1网站定位在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格，名称要切题，题材要专而精，并且要兼顾商家和客户的利益。在主页中标题起着很重要的作用，它在很大程度上决定了整个网站的定位。一个好的标题必须有概括性、简短、有特色且容易记，还要符合自己主页的主题和风格。2网站规划在设计之前，需先画出网站结构图，其中包括网站栏目、结构层次、连接内容。首页中的各功能按钮、内容要点、友情连接等都要体现出来，一定要切题，并突出重点，同时在首页上应把大段的文字换成标题性的、吸引人的文字，将单项内容交给分支页面去表达，这样才显得页面精炼。也就是说，首先要让访问者一眼就能了解这个网站都能提供什么信息，使访问者有一个基本的认识，并且有继续看下去的兴趣。并且要细心周全，不要遗漏内容，还要为扩容留出空间。分支页面内容要相对独立，切忌重复，导航功能要好。网页文件命名开头不能使用运算符、中文字等，分支页面的文件存放于自己单独的文件夹中，图形文件存放于单独的图形文件夹中，汉语拼音、英文缩写、英文原义均可用来命名网页文件。在使用英文字母时，同时要区分文件的大小写，建议在构建的站点中，全部使用小写的文件名称。3内容的采集采集内容必须与标题相符，在采集内容的过程中，应注重特色。主页中的特色应该突出自己的个性，并把内容按类别进行分类，设置栏目，让人一目了然，栏目不要设置太多，最好不要超过10个，层次上最好少于5层，而重点栏目最好能直接从首页到达，保证用各种浏览器都能看到主页最好的效果。4主页设计主页设计包括创意设计-结构设计-色彩调配和布局设计。创意设计来自设计者的灵感和平时经验的积累。结构设计源自网站结构图。在主页设计时应考虑到：“标题”要有概括性和特色，符合自己设计时的主题和风格；“文字”的组织应有自己的特色，努力把自己的思想体现出来；“图片”适当地插入网页中可以起到画龙点睛的作用；“文字”与“背景”的合理搭配，可以使文字更加醒目和突出，使浏览者更加乐于阅读和浏览，而不适当的搭配，会使文字淹没于背景之中，使网页显得单调，给人乏味的感觉。整个页面的色彩在选择上一定要统一，特别是在背景色调的搭配上一定不能有强烈的对比，背景的作用主要在于统一整个页面的风格，对视觉的主体起一定的衬托和协调作用。5图片主页不能只用文字，必须在主页上适当地添加一些图片，增加可看性，当然处理得不好的以及无关紧要的图片最好不要放上去，否则让人觉得是累赘，同时也影响网页的传输速度。图片不仅要好看，还要在保证图片质量的情况下尽量缩小图片的大小（即字节数），在目前网络传输速度不是很快的情况下，图片的大小在很大程度上影响了网页的传输速度。小图片（100´40）一般可以控制在6KB以内，动画控制在15KB以内，较大的图片可以“分割”成小图片。一般来说，图片颜色较少、色调平板均匀以及颜色在256色以内的最好把它处理成gif图像格式，如果是一些色彩比较丰富的图片，如扫描的照片，最好把它处理成jpg图像格式，因为gif和jpg图像格式各有各的压缩优势，应根据具体的图片来选择压缩比。另外，网页中最好对图片添加注解，当图片的下载速度较慢，在没有显示出来时注解有助于让浏览者知道这是关于什么的图片，是否需要等待，是否可以单击，特别考虑到纯文本浏览者浏览的方便，很有必要为图片添加一个注解。这是一个小地方，却能体现一个网页的制作水准。6网页排版要灵活运用表格、层、帧、CSS样式表来设置网页的版面。网页页面整体的排版设计是不可忽略的，它很重要的一个原则是合理地运用空间，让自己的网页疏密有致，井井有条，留下必要的空白，让人觉得很轻松。不要把整个网页都填得密密实实，没有一点空隙，这样会给人一种压抑感。为保持网站的整体风格，开始制作时千万不要许多页面一起制作。许多新手会及不可待地将收集到的各种资料填入各个页面。转眼间首页制作完成，可等想要修改一些页面元素时，却发现一页一页改得好辛苦。建议先制作有代表性的一页，将页面的结构、图片的位置、链接的方式统统设计周全，例如：返回首页的链接、E-mail地址、版权信息等，然后复制出许多相同的页面，再将相应的内容进行填写。这样制作的主页，不但速度快，而且整体性强。7背景网页的背景并不一定要用白色，选用的背景应该和整套页面的色调相协调。合理地应用色彩是非常关键的，根据心理学家的研究，色彩最能引起人们奇特的想象，最能拨动感情的琴弦。比如说做的主页是属于感情类的，那最好选用一些玫瑰色、紫色之类的比较淡雅的色彩，而不要用黑色、深蓝色这类比较灰暗的色彩。黑色是所有色彩的集合体，黑色比较深沉，它能压抑其他色彩，在图案设计中黑色经常用来勾边或点缀最深沉的部位，黑色在运用时必须小心，否则会使图案因“黑色太重”而显得沉闷阴暗。8其他如果想让网页更有特色，可适当地运用一些网页制作的技巧，诸如声音、动态网页、Java、Applet等，当然这些小技巧最好不要运用太多，它会影响网页的下载速度。另外可考虑主页站点的速度和稳定性，不妨考虑建立一两个镜像站点，这样不仅能照顾到不同地区网友对速度的要求，还能作好备份，以防万一。等主页做得差不多了，可在上面添加一个留言板、一个计数器。前者能让你及时获得浏览者的意见和建议，及时得到网友反馈的信息，最好能做到有问必答，用行动去赢得更多的浏览者；后者能让你知道主页浏览者的统计数据，你可以及时调整你的设计，适应不同的浏览器和浏览者的要求。1.1.3 上传发布当完成了网站的设计、调试、测试和网页制作等工作后，需要把设计好的站点上传到服务器来完成整个网站的发布。Dreamweaver内置了强大的FTP功能，可以帮助用户实现对站点文档的上传和下载。（1）在【文件】控制面板中单击【管理站点】，打开【管理站点】对话框。在【管理站点】 对话框中单击【新建】按钮，在弹出的菜单中选择【FTP与RDS选项服务器】选项，如图1-2 所示。（2）在打开的【配置服务器】对话框中，将“FTP主机”、“登录”、“密码”这3个项目按图1-3所示进行设置。 图1-2 准备链接站点图1-3 配置服务器信息（3）在下拉菜单中选择本地网站所在的目录，将整个网站所有的文件选中并将其复制，如图1-4所示。（4）最后链接服务器，按Ctrl+V键将本地网站的所有文件粘贴到服务器上，此时会弹出【状态】对话框来显示上传信息，如图1-5所示。 图1-4 复制本地网站文件图1-5 完成网站的发布1.1.4 宣传推广网站开通后，就像注册了公司一样，必须进行宣传推广，才能变得知名，并带来经济效益。网站的宣传有多种方式。1注册到搜索引擎注册到搜索引擎是极为方便的一种宣传网站的方法。目前比较有名的搜索引擎主要有搜狐（http:/www.sohu.com）、新浪网（http:/www.sina.com.cn）、雅虎（http:/www.yahoo.com）、网易（http:/www.163.com）、百度（http:/www.baidu.com）等。注册时尽量详尽地填写网站中的一些主要信息，特别是一些关键词，尽量写得普遍化、大众化一些。注册分类的时候尽量分得细一些。2交换广告条广告条交换是宣传网站的一种较为有效的方法。登录到广告交换网，填写一些主要的信息，比如广告图片、网站网址等。然后它会要求你将一段HTML代码加入到网站中。这样，你的广告条就可以在其他网站上出现。当然，你的网站上也会出现别的网站的广告条，双方得益。我国的广告交换网主要有：太极链（http:/www.textclick.com）、火炬广告交换网（http:/www.yuanjh.heha.net）、网盟广告交换网（http:/www.webunion.com）。另外也可以跟一些兄弟网站或者朋友的网站交换友情链接，当然网站最好是点击率比较高的。友情链接包括文字链接和图片链接。文字链接一般就是网站的名字。图片链接包括Logo的链接和Banner的链接。标题广告的大小通常为468´60像素或120´60像素的动（静）态gif图片或Flash动画。当访问者被广告标题所吸引并点击时，即被链接到广告发布者的网站上，达到网站推广的目的。3Meta标签的使用使用Meta标签是简单而且有效地宣传网站的一种方法。不需要去搜索引擎注册就可以让客户搜索到你的网站。将下面这段代码加入到网页标签中。<meta name="keyworks" content="网站名称, 产品名称">在content里边填写关键词。关键词最好要大众化，跟企业文化、公司产品等紧密相关，并且尽量多写一些，可以将一些相关关键的词重复，这样可以提高网站的排行。4直接跟客户宣传一个稍具规模的公司一般都有业务部、市场部或者客户服务部。可以在跟客户打交道的时候直接将公司网站的网址告诉给客户，或者直接给客户发E-mail等，宣传途径很多，可以根据自身的特点选择一些较为便捷有效的方法。5网下推广（1）传统媒体硬广告众所周知，通过传统媒体硬广告的宣传曝光，是目前最为行之有效且最有影响力的推广方式，但是价格一般较高。（2）传统媒体软广告只要设计巧妙，软广告的价值有时比硬广告要来得更好，更深入人心。媒体可以通过你的要求和想法，设计出各种你希望的软广告方式。（3）网下活动推广网上和网下结合的重要性毋庸置疑。通过网下的离线活动可以带动网站的宣传，达到最大程 度的推广。在做网下活动推广时，应注意精心策划并与网站紧密结合。如果不了解业内行情，不 熟悉活动流程，不具备组织能