连结【2017年整理】网站是怎么制作出来的

网站是怎么制作出来的?

一基本概念

1网页Web Page)

网页就是、 、 、 、 很难懂的概念极其抽象看得见摸不着 你为什么到互联网去你在WWW上看到的就是网页。它是由HTML编写的文件上面有贴图有音乐有、 、 、 、

2主页Home Page

主页Home Page)它是一个网页是进入一个网站的开始画面就同“瘟酒吧”的蓝天白云一样。也就是说主页是一个网站的门面要想设计出一个优秀的网站就必须有一个“要让浏览者想不看都难”的主页它必须引人入胜能吸引每一个来访者的注意力 引发人们的好奇心能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。

3超级链接Hyperlink)

超级链接是WWW的神经系统它也是向导把你从一个网页带到另一个网页或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的单击它就可以实现它的功能。

4超文本HyperText)

超文本是一种新的文件形式指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合超文本系统允许用户任意构造链接通过Hyperlink来实现。5超文本语言HyperText Markup Language

超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标准语言它由文本和标记组成。超文本文件的扩展名一般为.html或.htm。

网站的组织结构

上网的网虫一定觉得网络上内容丰富、信息繁杂但你是否想过一个网站的组织结构。 网页的组织结构有以下四种

1、线性结构

这是网站最简单的一种结构它是以某种顺序组织的可以是时间顺序也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构复杂的结构也可以看成是由线性结构组成的。

2、二维表结构

这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表如看课表一样。

3、等级结构

等级结构由一条等级主线构成索引每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前你必须完全彻底的理解你的网站内容避免线性组织不严的错误不方便浏览者。

4、 网状结构

这是最复杂的组织结构它完全没有限制 网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的“网”状结构。

开始构造你的网站

1、总体规划你的网站

当你想建立你的网站是你一定已经在网上浏览过n个小时了 当看见别人的网上之家的时候或者受朋友“到我的网页看看”的精神刺激下你开始产生网上建家的冲动了但是这时候你并不知道你建网站的目的

1

你也不知道你该做成什么样的网页 “家里”该有些什么摆设。于是你应该静下来想一想怎样规划你的网站。首先你要有信心和知识。再次你得有内容 网站应该有一个什么样的主题别人来你的网页看什么。接着你要组织你的网页了它们该是什么结构这种结构不仅要让访问者能感觉到你的风格也要方便你自己维护网站。最后构思出你的“引人入胜”的门面Home Page)。

2、准备工具和材料

拿出扳手、 电线、螺丝刀和. . . . . .我们要制作网页了安装好一种编写HTML语言的编辑器你可以利用IE的fro nt page但是你应该有更好的 当然是Fro nt page 98了W o rd一般的简易操作支持M ic rosoft、N et sc a p e的全部网页标签极好的兼容性提供多种设计样板表单向导等傻瓜功能强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误 “所见就所得”普通视图、 HTML、预览自由切换。当然你也可以按自己的爱好选择 Hotdog;Pagemill;Homesite. . . . . .随便你。有了编程工具就该准备你的网页素材了文本、图片、动画、midi和mp3音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的Photoshop、做gif动画的GALE、制作image map的工具Map This、 中文字库也应该拿出来。

3、制作网页

当然要制作网页了 . . . . . .于是你把网页制作好了 以后再讲

4、测试网站

网页做好了链接做好了测试工作必不可少。用Frontpage98的FrontPage web Server W EB服务器可以对你的网页进行测试看看链接是否正确发现问题及时改正。

5、上传你的网页

不对不对你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多 回到我的主页http://coo le r.cooo l 100.n et去吧我收集了一些。 申请到空间后带上ftp工具上路了如cuteftp先在site manage添上你的填写上传主机服务器的地址你的用户名你的密码就可以了。开始连接主机登录用户打开右边允许你上传的目录

把你要上传的东东都拖过去。注意你的主页名应该是ind ex.ht m index.ht m l或者defau lt.ht md e fa u lt.ht m l 按申请地方的要求来还有就是文件名的大小写 u n ix主机可区分严格哟。上传后你就可以欣赏你的作品了怎么样兴奋吧

6、宣传你的网页

网页做好了也上传了。但现在没人知道怎样宣传你的主页呢当然是上聊天室到处贴帖子发E-MAIL通知好友登录搜索引擎用免费广告 同别人互相交换连接. . . . . .

7、 网站维护和更新

要想访问量大你得经常更新你的网页增加网页内容并弥补网站存在的缺陷。

关于网页导览设计的九注意

一.当导览按钮连结到目前此页时

各Webpage若重复使用同一组的导览按钮无可避免地会产生某一导览按钮连结到目前此页的情形。

2

为达成界面设计的一致性并没有绝对的必要性拿掉此导览按钮但Webpage设计者可让此按钮不再具有超连结的功能或将此按钮的彩度、亮度降低如∶深绿色变成淡绿色亮红色变成暗红色 使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。

二.不要在一篇短文里提供太多的超连结

适当、有效率地使用超连结是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结造成短短的一篇文章里却处处是l inks反而损害了Webpage行文的流畅与可亲性。在充斥着超连结的短文里很可能其中不少是无意义、没必要的l inks。例如∶连结到一页只有两三行注解的l ink、连结到一页只放了「施工中」的招牌的l ink。在一篇长短适中的Webpage里3、 4个荧幕页面 文章里提供的文字式超连结最好不要超过10个以上以使全页行文能够顺畅而读者也不至于眼见一大堆超连结反而不知从何点取才好。况且连续、肩并肩地出现两、三个文字式超连结很容易被误认为只是一个长度较长的超连结于是被读者忽略掉便也失去了这些超连结的原本功能。 如果您果真有那么多的超连结必须提供给读者不如将这些超连结以条列的方式一笔一笔清楚地列在一选单页或目录页上既不防碍走文的顺畅又呈现一目了然的导览连结。

三.让超连结的字串长短适中且走文自然

抓住能传达主要讯息的字眼当做超连结的锚点anchor 可有效地控制住超连结的字串长度避免字串过长如∶整行、整句都是锚点字串或过短如∶仅一个字当做锚点 而不利于读者的阅读或点取。

四.注意超连结颜色与单纯叙述文字的颜色呈现

WWW的语言—HTML允许Webpage设计者特别标明单纯叙述文字与超连结的用色以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息欲传达给访问者建议您将网页内的文字与超连结用色设计成较乾净素雅的色调会较有利于阅读∶纯粹的叙述文字采用较暗、较深的颜色来呈现如∶黑色、墨绿色、暗褐色 超连结文字则以较鲜明抢眼的色彩来强调如∶亮黄色、翠绿色、鲜橘色 至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。

五.分析、说明您提供的bookmarks或coollinks

常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks 以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links并不分门别类也不加以分析、说明为什么这个l ink好值得推荐那个link的主要内容为何精彩之处又在哪 提供您的bookmarks或coollinks是一大善举但未加以分析、说明却变得功亏一篑。多花几分钟将您提供的bookmarks或coollinks稍加分类、注解可提供读者清晰的概念与无限的方便也使您的站台的导览系统更加周全完善。未加以说明、注解的cooll inks其实一点也不cool。老实说任何人都可以到Yahoo轻易地找到上百上千的links。您若未对这些推荐的l inks加以个人独特的评论、介绍读者又何劳偏得到您的站台去找索引呢任何一个分类索引或搜寻引擎都绝对比您条列的l in ks还要更完备齐全。

六.在具前后连续顺序的文件里提供必要的连结

将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性但在导览按钮与超连结的配置上Webpage设计者则要更细心周全地安排使得读者不论身处您站台的哪一阶层依然能够快速

3

便捷地通往其他任何一个页面。Webpage设计者应特别注意∶

1.提供「上一页」 、 「下一页」 、 「回子目录页」与「回首页」的导览按钮或超连结在一系列具前后连续顺序的文件里每篇Webpage都至少应提供「上一页」 、 「下一页」 、 「回子目录页」与「回首页」的导览按钮或超连结可使读者能够立即得知自己所在的页面是属于一份较大文件内的一小部分。 考虑、体贴一下某读者不是从您的Home顺序连结至此页而是依循别的站台的某个link跳跃连结至此 。并且可以藉由这些l in ks随时参考连结「上一页」 、 「下一页」与本页的连贯内容直接点取「回子目录页」查寻其他相关的标题或直接跳跃至homepage浏览其他不同项目的信息。

2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概

在一系列具前后连续顺序的文件里每篇Webpage都应加上一个具说明性的标题使读者一目了然马上抓住这一页的重点。 而完善的导览系统除了提供「上一页」 、 「下一页」的导览按钮或超连结外更添加精简达意的上一页与下一页标题、 内容提要使读者即使尚未点取这些Webpages时亦能先梗概地了解自己将连结至什么样的Webpage。

3.提醒读者某一系列文件已到尽头

当读者已达某一系列文件的最后一页时Webpage设计者应提供一小段告示提醒读者 同时不再提供「下一页」的导览按钮或超连结。 但基于Webpage介面设计的一致性或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的「下一页」导览按钮尤其是精心设计过的图形化导览按钮 。为达成此目的可考虑将最后一页的「下一页」导览按钮颜色暗沉下来且不赋予超连结的功能并提供一小段告示提醒读者此系列文件已到尽头不再有「下一页」的内容。

七.在较长的Webpage内提供目录表与大标题

理想的Webpage长度以不超过3、 4个荧幕页面为佳。但是如果基于某些特殊理由您的Webpage一定要做得很长那么不要忘了在此长篇的Webpage最上头提供一个目录表Webpage的内容也标上大小标题 以利清楚阅读。尤其重要的是在这些标题与目录表的HT M Lso u rce里分别设置锚点与连结到锚点 以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。

八.暂时不提供超连结到尚未完成的Webpage

超连结或导览按钮应该引导读者到一篇真正「有料」的Webpage而不是以「挂羊头卖狗肉」的方式事先将某一超连结描述得超级精彩、超级诱人结果读者兴致勃勃地连结过去却根本看不到任何精彩、诱人的内容唯一所见的只是一张无聊的告示牌∶ 「施工中」 。

如果您急欲在网络上推出您的站台、展现您Homepage但仍有少数几页Webpage尚未完成建议您先暂时别让这些「施工中」的Webpage正式露面。 即先暂时别让这些连往「施工中」的Webpage的「超连结」 拥有真正的超连结功能。 等到您「几乎」完工之后Webpage永远没有「真正」完工之时 总是需要不断地修改、增添、翻新 再正式开放连结也不迟。

倘若您急欲告诉读者您即将提供一页超级精彩、超级诱人的Webpage在此站台只是目前仍在努力赶工中您大可直接摆一段告示在即将是「超连结」的文字旁但目前仍不具超连结的功能  明白昭告世人 以减省读者徒然点取、徒然往返的时间也免得读者满怀希望却又落得失望而归。

九.测试所有的超连结与导览按钮的真实可行性

Webpage上线之后第一件该做的事是逐一测试每一页的每一个超连结与每一个导览按钮其真实可行性。彻底检验有没有失败的l ink无法连结到该连结的Webpage却反而冒出“FileNotFound"的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。

4

个人网站建站三步曲

现在网上、 网下网虫们流行的口头禅 “记着给我发个伊妹儿”“记着网上CALL我”“到我家看看”。从以前的抢信箱到现在的抢主页空间。随着网易的“第一次”提供免费主页空间免费主页如中国的网民一样迅速胀开。这可乐煞了我们这些网民了拥有自己的网上之家是每个网人的骄傲。在这里我来介绍建站的三步曲。

一、建站

既然是建立个人网站第一步当然是先拥有一个. . .)个人网站啦!但还是得先准备“家具”----网页。制作网页的工具大概分成二类。一类是即见即所得如 netscape navigator golde n、 front page98等这类软件使用较简单适与初学者。而另一类是文本编辑类如h ot d og、 ho me sitet等适合于专业设计者。对与我们来讲 当然是Fro n t p ag e98了Wo rd一般的简易操作支持M ic ro so ft、 N et sca pe的全部网页标签极好的兼容性提供多种设计样板表单向导等傻瓜功能强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误 “所见就所得”普通视图、 HTML、预览自由切换。当然你也可以按自己的爱好选择 Hotdog;Pagemill;Homesite. . . . . .随便你。

个人主页的内容是最关键的首先得确定自己的网页的主题不要没主没次大杂烩。想一想您在做些什么为什么做做来干什么在制作时别忘了尽量少采用大图片让网页的传输更快捷。免得浏览者还没来得及看看“庐山真面目”就爽快地Clo se了很惨的哟 “一切向钱看”嘛。

网页制作完了就要申请主页空间不然没地皮怎么建家园呢现在网上提供免费主页空间的很多不过现在在大伙的抢劫下很多都暂停或整顿了。不过还有营业的 申请时尽量多多申请几个 以备万一。有了空间就开始建房了。网页的上载一般有三种方式 Emai l、 Ft p和www。如以Ft p上传可使用cuteft p等工具在host填上主机地址再填上用户名和密码。 (这些东东在你申请后提供空间的站点会Email给你或者建站注意等地方有。 连接主机登录上传. . . . . .哈哈我的家建好了 一副惟我独尊的样子

二、宣传

要是只有你自己一个人知道你网页的地址,那么. . . . . .(名副其实的个人网站 。因此如何给自己网站做广告就成为网页浏览量的关键。网页的宣传大致有以下几种方法。第一种到各大搜索引擎注册例如到ya h oo、goyoyo等国外搜索引擎。 国内的如 网易、搜狐、瀛海威等填填表格就能注册了。第二种参加各种广告交换组织把它的广告加到你的主页而你的主页广告也会出现在其他会员的主页上。第三种方法到国内外ISP的个人空间的栏目中登记你的网页根据你网页的内容选取不同的类型登记。第三种方法利用网上广播站 Broadcaste r(www.broadcate r.co.u k),它能帮你到近***个搜索引擎处注册。第四种方法到各公告栏、论坛、 BBS、聊天室等大肆宣传一番使得. . .第五种方法发Emai l给你的网友告诉他们“我有自己的家了”。不断地宣传宣传再宣传你网页上的计数器肯定会. . .(不会吧!位数不够了?)

三、维护更新

其实这才应该是最重要的要保持网页的浏览人数你就要不断地更新你的主页增加内容 永远给人一种新鲜感。平时上网时多搜集资料多听听别人的意见。内容第一嘛

5

6