个人网页设计_第1页
个人网页设计_第2页
个人网页设计_第3页
个人网页设计_第4页
个人网页设计_第5页
免费预览已结束,剩余1页可下载查看

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、 D3%C5%D0%E3%CD%F8%D2%B3%C9%E8%BC%C6&istype=2&z=0&fm=rs9 D3%C5%D0%E3%B1%EA%D6%BE%C9%E8%BC%C6&istype=2&z=0&fm=rs4怎样制作个人网页?一 基本概念1 网页( Web Page)网页就是、(很难懂的概念,极其抽象,看得见摸不着),你为什么到互联网去,你在WWW 上看到的就是网页。它是由HTML编写的文件,上面有贴图,有音乐,有、2 主页(Home Page)主页( Home Page)它是一个网页,是进入一个网站的开始画面,就同主页是一个网站的门面,要想设计出一个优秀的网站,就必须有一个“

2、瘟酒吧 ”的蓝天白云一样。也就是说,“要让浏览者想不看都难”的主页,它必须引人入胜,能吸引每一个来访者的注意力,引发人们的好奇心,能让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。3 超级链接( Hyperlink)超级链接是WWW 的神经系统,它也是向导,把你从一个网页带到另一个网页,或者从网页的某一部分引导到另一部分。超级链接是用特殊的文本或图象来实现链接的,单击它就可以实现它的功能。4 超文本( HyperText)超文本是一种新的文件形式,指一个文件的内容可以无限地与相关资料链接。超文本是自然语言文本与计算机交互、转移和动态显示等能力结合,超文本系统允许

3、用户任意构造链接,通过Hyperlink来实现。5 超文本语言(Hyper Text Markup Language )超文本语言 (HTML)件的扩展名一般为是制作编写网页、包含超级链接的超文件的标准语言,它由文本和标记组成。.html 或.htm 。超文本文网站的组织结构上网的网虫一定觉得网络上内容丰富、信息繁杂,但你是否想过一个网站的组织结构。网页的组织结构有以下四种:1、线性结构这是网站最简单的一种结构,它是以某种顺序组织的,可以是时间顺序,也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接。如一般的索引就采用线性结构。线性结构是组织网页的基本结构,复杂的结构也可以看成是由线性结构组

4、成的。2、二维表结构这种结构允许用户横向、纵向地浏览信息。它就好象一个二维表,如看课表一样。3、等级结构等级结构由一条等级主线构成索引,每一个等级点又由一条线性结构构成。如网站导航等就是这种结构。在构造等级之前,你必须完全彻底的理解你的网站内容,避免线性组织不严的错误,不方便浏览者。4、网状结构这是最复杂的组织结构,它完全没有限制,网页组织自由链接。这种结构允许访问者从一个信息栏目跳到另一个栏目去,其目的就是充分利用网络资源和充分享受超级链接。整个互联网就是一个超级大的 “网”状结构。开始构造你的网站1、总体规划你的网站当你想建立你的网站是你一定已经在网上浏览过n 个小时了,当看见别人的网上之

5、家的时候,或者受朋友“到我的网页看看 ”的精神刺激下, 你开始产生网上建家的冲动了! 但是这时候你并不知道你建网站的目的,你也不知道你该做成什么样的网页, “家里 ”该有些什么摆设。于是你应该静下来想一想,怎样规划你的网站。首先,你要有信心和知识。再次,你得有内容,网站应该有一个什么样的主题,别人来你的网页看什么。接着,你要组织你的网页了,它们该是什么结构,这种结构不仅要让访问者能感觉到你的风格,也要方便你自己维护网站。最后,构思出你的“引人入胜 ”的门面( Home Page)。2、准备工具和材料拿出扳手、电线、螺丝刀和.我们要制作网页了!安装好一种编写HTML 语言的编辑器,你可以利用IE

6、的 frontpage,但是你应该有更好的, 当然是 Frontpage98 了!Word 一般的简易操作; 支持 Microsoft 、Netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链接、查看组织结构、上网传送甚至检查你的拼写错误; “所见就所得 ”,普通视图、 HTML 、预览自由切换。当然你也可以按自己的爱好选择: Hotdog;Pagemill;Homesite. 随便你。有了编程工具就该准备你的网页素材了!文本、图片、动画、 midi 和 mp3 音乐等等准备搬上网的东东。制作这些东西你也许要用到做图片的 Photosh

7、op、做 gif 动画的 GALE 、制作 image map 的工具 Map This 、中文字库也应该拿出来。3、制作网页当然要制作网页了!. 于是你把网页制作好了! (以后再讲)4、测试网站网页做好了,链接做好了,测试工作必不可少。用Frontpage98 的 FrontPage web Server( WEB 服务器)可以对你的网页进行测试,看看链接是否正确发现问题及时改正。5、上传你的网页不对不对,你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多,回到我的主页 去吧,我收集了一些。申请到空间后,带上ftp 工具上路了!如cuteftp,先在 sitemanage 添上

8、你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。开始连接主机,登录用户,打开右边允许你上传的目录,把你要上传的东东都拖过去。注意:你的主页名应该是按申请地方的要求来,还有就是文件名的大小写,unix了,怎么样?兴奋吧!index.htm ;index.html 或者 default.htm ;default.html ,主机可区分严格哟。上传后你就可以欣赏你的作品6、宣传你的网页网页做好了, 也上传了。但现在没人知道, 怎样宣传你的主页呢?当然是上聊天室,通知好友,登录搜索引擎,用免费广告,同别人互相交换连接.到处贴帖子, 发 E-MAIL7、网站维护和更新要想访问量大,你得经

9、常更新你的网页,增加网页内容,并弥补网站存在的缺陷。关于网页导览设计的九注意一.当导览按钮连结到目前此页时各 Webpage 若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但 Webpage 设计者可让此按钮不再具有超连结的功能;或将此按钮的彩度、亮度降低(如深绿色变成淡绿色,亮红色变成暗红色) ,使读者可清楚地意识到这个暗设下来的导览按钮不再具有超连结的功能。二.不要在一篇短文里提供太多的超连结适当、有效率地使用超连结,是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结,造成短短的一篇文章里却处处

10、是links ,反而损害了Webpage 行文的流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的links 。例如连结到一页只有两三行注解的link 、连结到一页只放了施工中的招牌的link 。在一篇长短适中的Webpage 里( 3、 4 个荧幕页面),文章里提供的文字式超连结最好不要超过10 个以上,以使全页行文能够顺畅,而读者也不至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两、三个文字式超连结,很容易被误认为只是一个长度较长的超连结,于是被读者忽略掉,便也失去了这些超连结的原本功能。如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以

11、条列的方式,一笔一笔清楚地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。三.让超连结的字串长短适中且走文自然抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如整行、整句都是锚点字串)或过短(如仅一个字当做锚点),而不利于读者的阅读或点取。四.注意超连结颜色与单纯叙述文字的颜色呈现WWW 的语言 HTML 允许 Webpage设计者特别标明单纯叙述文字与超连结的用色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结用色,设计成较乾净素雅的色调,会较有利于阅读

12、纯粹的叙述文字采用较暗、较深的颜色来呈现(如黑色、墨绿色、暗褐色) ,超连结文字则以较鲜明抢眼的色彩来强调(如亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。五.分析、说明您提供的bookmarks 或 coollinks常常看到热心的Webpage设计者条列了精心收集的bookmarks 或 coollinks ,以分享读者个人遨游WWW的美好经验。但多数Webpage 设计者就只提供一大串links ,并不分门别类,也不加以分析、说明为什么这个 link 好,值得推荐?那个link 的主要内容为何精彩之处?又在哪?提供您的bookmarks 或 cooll

13、inks是一大善举,但未加以分析、说明,却变得功亏一篑。多花几分钟,将您提供的bookmarks 或 coollinks 稍加分类、注解,可提供读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以说明、注解的coollinks ,其实一点也不cool。老实说,任何人都可以到Yahoo 轻易地找到上百上千的links 。您若未对这些推荐的links 加以个人独特的评论、介绍,读者又何劳偏得到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links 还要更完备齐全。六.在具前后连续顺序的文件里提供必要的连结将篇幅过长的文件分隔成数篇较小的Webpages大大地增加

14、了界面的亲和性,但在导览按钮与超连结的配置上, Webpage 设计者则要更细心周全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage 设计者应特别注意1.提供上一页、下一页、回子目录页与回首页的导览按钮或超连结在一系列具前后连续顺序的文件里,每篇Webpage 都至少应提供上一页 、下一页、回子目录页与回首页的导览按钮或超连结,可使读者能够立即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home 顺序连结至此页,而是依循别的站台的某个link 跳跃连结至此) 。并且可以藉由这些 links 随时参考连结上一

15、页 、下一页与本页的连贯内容;直接点取回子目录页查寻其他相关的标题;或直接跳跃至homepage,浏览其他不同项目的信息。2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概在一系列具前后连续顺序的文件里,每篇Webpage 都应加上一个具说明性的标题,使读者一目了然,马上抓住这一页的重点。而完善的导览系统除了提供上一页、下一页的导览按钮或超连结外,更添加精简达意的上一页与下一页标题、内容提要, 使读者即使尚未点取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。3.提醒读者某一系列文件已到尽头当读者已达某一系列文件的最后一页时,Webpage 设计者应提供一小

16、段告示提醒读者,同时不再提供下一页的导览按钮或超连结。 但基于 Webpage 介面设计的一致性,或许有些 Webpage 设计者并不希望在同一系列的最后一篇 Webpage 里忽然少了一个先前每页都有的下一页导览按钮(尤其是精心设计过的图形化导览按钮) 。为达成此目的,可考虑将最后一页的下一页导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提醒读者,此系列文件已到尽头,不再有下一页的内容。七.在较长的Webpage 内提供目录表与大标题理想的Webpage 长度以不超过3、4 个荧幕页面为佳。但是如果基于某些特殊理由,您的Webpage 一定要做得很长,那么不要忘了在此长篇的We

17、bpage 最上头,提供一个目录表,Webpage 的内容也标上大小标题,以利清楚阅读。尤其重要的是,在这些标题与目录表的HTMLsource里分别设置锚点,与连结到锚点,以使您的Webpage 真正发扬WWW 的高互动性、高便捷性功能。八.暂时不提供超连结到尚未完成的Webpage超连结或导览按钮应该引导读者到一篇真正有料的Webpage,而不是以挂羊头卖狗肉的方式,事先将某一超连结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌施工中。如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage

18、 尚未完成,建议您先暂时别让这些施工中的Webpage 正式露面。(即先暂时别让这些连往施工中的Webpage 的超连结,拥有真正的超连结功能。)等到您几乎完工之后(Webpage 永远没有真正完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。倘若您急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage 在此站台,只是目前仍在努力赶工中,您大可直接摆一段告示在即将是超连结的文字旁(但目前仍不具超连结的功能),明白昭告世人,以减省读者徒然点取、徒然往返的时间;也免得读者满怀希望,却又落得失望而归。九.测试所有的超连结与导览按钮的真实可行性Webpage 上线之后,第一件该

19、做的事,是逐一测试每一页的每一个超连结与每一个导览按钮其真实可行性。彻底检验有没有失败的 link 无法连结到该连结的 Webpage,却反而冒出 “FileNotFound的错误讯号出来。这是一个负责任、够水准的 Webpage 设计者对自己的作品应有的基本品质要求。个人网站建站三步曲现在网上、网下网虫们流行的口头禅:“记着给我发个伊妹儿”“记着网上CALL我 ”“到我家看看 ”。从以前的抢信箱,到现在的抢主页空间。随着网易的 “第一次 ”提供免费主页空间,免费主页如中国的网民一样迅速胀开。这可乐煞了我们这些网民了!拥有自己的网上之家,是每个网人的骄傲。在这里我来介绍建站的三步曲。一、建站既

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

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论