网站制作流程

1、网站制作流程基本概念1 网页(Web Page)网页就是、(很难懂的概念，极其抽象，看得见摸不着)，你为什 么到互联网去，你在 WW上看到的就是网页。它是由HTML编写的文件，上面有 贴图，有音乐，有、2 主页(Home Page主页(Home Page)它是一个网页，是进入一个网站的开始画面，就同“瘟 酒吧”的蓝天白云一样。也就是说，主页是一个网站的门面，要想设计出一个优 秀的网站，就必须有一个“要让浏览者想不看都难”的主页，它必须引人入胜， 能吸引每一个来访者的注意力，引发人们的好奇心，能让人产生一种深入探索你 的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。3超级链接(Hype

2、rlink)超级链接是WW的神经系统，它也是向导，把你从一个网页带到另一个网 页，或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来 实现链接的，单击它就可以实现它的功能。4 超文本(HyperText)超文本是一种新的文件形式，指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合，超文本系统允许用户任意构造链接，通过 Hyperlink来实现。5 超文本语言(Hyper Text Mark up Lan guage )超文本语言 (HTML)是制作编写网页、包含超级链接的超文件的标准语言, 它由文本和标记组成。超文本文件的扩展名

3、一般为.html或.htm。网站的组织结构上网的网虫一定觉得网络上内容丰富、信息繁杂，但你是否想过一个网站 的组织结构。网页的组织结构有以下四种：1、线性结构这是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序， 也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采 用线性结构。线性结构是组织网页的基本结构，复杂的结构也可以看成是由线性 结构组成的。2、二维表结构这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表，如看课 表一样。3、等级结构等级结构由一条等级主线构成索引，每一个等级点又由一条线性结构构成。 如网站导航等就是这种结构。在构造等级之前，你必须完全

4、彻底的理解你的网站 内容，避免线性组织不严的错误，不方便浏览者。4、网状结构这是最复杂的组织结构，它完全没有限制，网页组织自由链接。这种结构 允许访问者从一个信息栏目跳到另一个栏目去， 其目的就是充分利用网络资源和 充分享受超级链接。整个互联网就是一个超级大的“网”状结构。开始构造你的网站1、总体规划你的网站当你想建立你的网站是你一定已经在网上浏览过 的网上之家的时候， 网上建家的冲动了！ 成什么样的网页， 划你的网站。首先，n个小时了，当看见别人 或者受朋友“到我的网页看看”的精神刺激下，你开始产生 但是这时候你并不知道你建网站的目的， 你也不知道你该做 “家里”该有些什么摆设。于是你应该静

5、下来想一想，怎样规 你要有信心和知识。再次，你得有内容，网站应该有一个什 么样的主题，别人来你的网页看什么。接着，你要组织你的网页了，它们该是什 么结构，这种结构不仅要让访问者能感觉到你的风格， 也要方便你自己维护网站。 最后，构思出你的“引人入胜”的门面（Home Page。2、准备工具和材料拿出扳手、电线、螺丝刀和我们要制作网页了！安装好一种编写HTML语言的编辑器，你可以利用IE的frontpage，但是你应该有更好的，当然是 Frontpage98 了！ Word般的简易操作；支持Microsoft、Netscape的全部网页 标签，极好的兼容性；提供多种设计样板，表单向导等傻瓜功能；

6、强大的管理工 能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML预览自由切换。当然你也可以按自己的爱好选择： Hotdog;Pagemill;Homesite随便你。有了编程工具就该准备你的网页素材了！文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东 西你也许要用到做图片的 Photoshop、做gif动画的GALE制作image map的工 具Map This、中文字库也应该拿出来。3、制作网页4、测试网站网页做好了，链接做好了，测试工作必不可少。用Frontpage98的FrontPage web Server（WEB艮

7、务器）可以对你的网页进行测试，看看链接是否正确发现问 题及时改正。5、上传你的网页不对不对，你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多，回到我的主页httP：/cooler.coooHOO.net去吧，我收集了一些。申请到空间后，带上ftp工具上路了！如cuteftp ，先在site man age添上你的, 填写上传主机服务器的地址，你的用户名，你的密码，就可以了。开始连接主机, 登录用户，打开右边允许你上传的目录，把你要上传的东东都拖过去。注意：你的主页名应该是index.htm ;index.html或者default.htm ； default.html ，按申请

8、地方的要求来，还有就是 文件名的大小写，unix主机可区分严格哟。上传后你就可以欣赏你的作品了， 怎么样？兴奋吧！6宣传你的网页网页做好了，也上传了。但现在没人知道，怎样宣传你的主页呢？当然是 上聊天室，到处贴帖子，发 E-MAIL通知好友，登录搜索引擎，用免费广告，同 别人互相交换连接7、网站维护和更新要想访问量大，你得经常更新你的网页，增加网页内容，并弥补网站存在 的缺陷。关于网页导览设计的九注意.当导览按钮连结到目前此页时各Webpage若重复使用同一组的导览按钮，无可避免地会产生某一导览按 钮连结到目前此页的情形。为达成界面设计的一致性，并没有绝对的必要性拿掉 此导览按钮，但Webpa

9、ges计者可让此按钮不再具有超连结的功能； 或将此按钮 的彩度、亮度降低（如：深绿色变成淡绿色，亮红色变成暗红色），使读者可清 楚地意识到：这个暗设下来的导览按钮不再具有超连结的功能。.不要在一篇短文里提供太多的超连结适当、有效率地使用超连结，是一个优良的导览系统不可或缺的要件之一。 但过份滥用超连结，造成短短的一篇文章里却处处是links，反而损害了 Webpage 行文的流畅与可亲性。在充斥着超连结的短文里，很可能其中不少是无意义、没 必要的links。例如：连结到一页只有两三行注解的link、连结到一页只放了施工中的招牌的link。在一篇长短适中的 WebpageSSC 3、4个荧幕页面

10、），文 章里提供的文字式超连结最好不要超过 10个以上，以使全页行文能够顺畅，而 读者也不至于眼见一大堆超连结，反而不知从何点取才好。况且，连续、肩并肩 地出现两、三个文字式超连结，很容易被误认为只是一个长度较长的超连结，于是被读者忽略掉，便也失去了这些超连结的原本功能。如果您果真有那么多的超 连结必须提供给读者，不如将这些超连结以条列的方式，一笔一笔清楚地列在一 选单页或目录页上，既不防碍走文的顺畅，又呈现一目了然的导览连结。三.让超连结的字串长短适中且走文自然抓住能传达主要讯息的字眼当做超连结的锚点（an chor），可有效地控制 住超连结的字串长度，避免字串过长（如：整行、整句都是锚点字

11、串）或过短（如： 仅一个字当做锚点），而不利于读者的阅读或点取。四.注意超连结颜色与单纯叙述文字的颜色呈现WW的语言一HTM允许WebpageiS计者特别标明单纯叙述文字与超连结的 用色，以便丰富Web page的色彩呈现。如果您的网站充满知识性的信息， 欲传达 给访问者，建议您将网页内的文字与超连结用色， 设计成较乾净素雅的色调，会 较有利于阅读：纯粹的叙述文字采用较暗、较深的颜色来呈现（如：黑色、墨绿色、暗褐色），超连结文字则以较鲜明抢眼的色彩来强调（如：亮黄色、翠绿色、鲜橘色），至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。五.分析、说明您提供的bookmarks或coolli

12、nkslink 好，bookmarks常常看到热心的Web page设计者条列了精心收集的bookmarks或 coollinks ，以分享读者个人遨游WW的美好经验。但多数Webpage设计者就只 提供一大串links，并不分门别类，也不加以分析、说明为什么这个 值得推荐？那个link的主要内容为何精彩之处？又在哪？提供您的或 coollinks 是大善举，但未加以分析、说明，却变得功亏一篑。多花几分钟, 将您提供的bookmarks或coollinks 稍加分类、注解，可提供读者清晰的概念与 无限的方便，也使您的站台的导览系统更加周全完善。未加以说明、注解的 coollinks ，其实一点

13、也不cool。老实说，任何人都可以到 Yahoo轻易地找到上 百上千的links。您若未对这些推荐的links加以个人独特的评论、介绍，读者 又何劳偏得到您的站台去找索引呢？任何一个分类索引或搜寻引擎都绝对比您 条列的links还要更完备齐全。六.在具前后连续顺序的文件里提供必要的连结将篇幅过长的文件分隔成数篇较小的 Webp ages大大地增加了界面的亲和 性，但在导览按钮与超连结的配置上， Webp age设计者则要更细心周全地安排, 使得读者不论身处您站台的哪一阶层，依然能够快速便捷地通往其他任何一个页 面。Web page设计者应特别注意：1.提供上一页、下一页、回子目录页与回首页的导

14、览按钮或超连结在一系列具前后连续顺序的文件里，每篇Webpage都至少应提供上一页、下一页、回子目录页与回首页的导览按钮或超连结，可使 读者能够立即得知自己所在的页面，是属于一份较大文件内的一小部分。（考虑、 体贴一下某读者不是从您的Home顺序连结至此页，而是依循别的站台的某个 link跳跃连结至此）。并且可以藉由这些links随时参考连结上一页、下 一页与本页的连贯内容；直接点取回子目录页查寻其他相关的标题；或直 接跳跃至home page浏览其他不同项目的信息。2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概在一系列具前后连续顺序的文件里，每篇 Webp age都应加上一个具说

15、明性 的标题，使读者一目了然，马上抓住这一页的重点。而完善的导览系统除了提供 上一页、下一页的导览按钮或超连结外，更添加精简达意的上一页与下 一页标题、内容提要，使读者即使尚未点取这些Webp ages时寸，亦能先梗概地了解自己将连结至什么样的 Webp age3.提醒读者某一系列文件已到尽头当读者已达某一系列文件的最后一页时，Webp age设计者应提供一小段告 示提醒读者，同时不再提供下一页的导览按钮或超连结。但基于Webpage介面设计的一致性，或许有些 Webp age设计者并不希望在同一系列的最后一篇 Webp agei忽然少了一个先前每页都有的下一页导览按钮（尤其是精心设计 过的图

16、形化导览按钮）。为达成此目的，可考虑将最后一页的下一页导览按 钮颜色暗沉下来，且不赋予超连结的功能，并提供一小段告示提醒读者，此系列 文件已到尽头，不再有下一页的内容。七.在较长的Web page内提供目录表与大标题理想的Webpage长度以不超过3、4个荧幕页面为佳。但是如果基于某些特 殊理由，您的Webp age-定要做得很长，那么不要忘了在此长篇的 Web page最上 头，提供一个目录表，Webp age的内容也标上大小标题，以利清楚阅读。尤其重 要的是，在这些标题与目录表的 HTMLsource里分别设置锚点，与连结到锚点， 以使您的Webpage真正发扬WW的高互动性、高便捷性功能

17、。八.暂时不提供超连结到尚未完成的 Webpage超连结或导览按钮应该引导读者到一篇真正有料的Webpage而不是以挂羊头卖狗肉的方式，事先将某一超连结描述得超级精彩、超级诱人，结 果读者兴致勃勃地连结过去，却根本看不到任何精彩、诱人的内容，唯一所见的, 只是一张无聊的告示牌：施工中。如果您急欲在网络上推出您的站台、展现您Home page但仍有少数几页Web page尚未完成，建议您先暂时别让这些施工中的Web page正式露面。（即 先暂时别让这些连往施工中的 Webpage的超连结，拥有真正的超连结功 能。）等到您几乎完工之后（Webp age永远没有真正完工之时，总是需 要不断地修改、

18、增添、翻新），再正式开放连结也不迟。倘若您急欲告诉读者，您即将提供一页超级精彩、超级诱人的Web page在此站台，只是目前仍在努力赶工中，您大可直接摆一段告示在即将是超连结 的文字旁（但目前仍不具超连结的功能），明白昭告世人，以减省读者徒然点取、 徒然往返的时间；也免得读者满怀希望，却又落得失望而归。九测试所有的超连结与导览按钮的真实可行性Webp ageh线之后，第一件该做的事，是逐一测试每一页的每一个超连结 与每一个导览按钮其真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage却反而冒出“ FileNotFound"的错误讯号出来。这是一个负责任、 够水准的

19、Web page设计者对自己的作品应有的基本品质要求。个人网站建站三步曲现在网上、网下网虫们流行的口头禅：“记着给我发个伊妹儿”“记着网 上CALL我”“到我家看看”。从以前的抢信箱，至ffl在的抢主页空间。随着网 易的“第一次”提供免费主页空间，免费主页如中国的网民一样迅速胀开。这可 乐煞了我们这些网民了！拥有自己的网上之家，是每个网人的骄傲。在这里我来 介绍建站的三步曲。、建站既然是建立个人网站，第一步当然是先拥有一个（.）个人网站啦！但还是 得先准备“家具”-网页。制作网页的工具大概分成二类。一类是即见即所得， 如：netscape navigator golden、frontpage9

20、8 等，这类软件使用较简单，适与初学者。而另一类是文本编辑类，如 hotdog、homesitet等，适合于专业设计 者。对与我们来讲，当然是Frontpage98 了! Word般的简易操作；支持 Microsoft、Netscape的全部网页标签，极好的兼容性；提供多种设计样板，表 单向导等傻瓜功能；强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误；“所见就所得”，普通视图、HTML预览自由切换。当然你也可以按自己的爱好选择：Hotdog;Pagemill;Homesite 随便你。个人主页的内容是最关 键的，首先得确定自己的网页的主题，不要没主没 次，大杂烩。想一想您在做些什么？为什么做？做来干什么？在制作时别忘了尽 量少采用大图片，让网页的传输更快捷。免得浏览者还没来得及看看“庐山真面 目”就爽快地Close 了！很惨的哟！ “一切向钱看”嘛。网页制作完了，就要申请主页空间，不然没地皮怎么建家园呢？现在网上 提供免费主页空间的很多，不过现在在大伙的抢劫下，很多都暂停或整顿了。不 过还有营业的，申请时尽量多多申请几个，以备万一。有了空间就开始建房了。网页的上载一般有三种方式：Email、Ftp