当前位置 > 主页 > 网站建设 > 网站制作 >

网站制作基本过程

日期:2019-09-19 14:51:14 作者:admin 出自:贵州海鑫盛app开发公司

要想学做网页,首先得了解制作网页的工具。
 
制作网页主要有以下一些工具
 
Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松,功能不咋地,我不太?#19981;丁?br />  
Dreamweaver:这是网页三剑客之一,专门制作网页的工具,可以自动将网页生成代码,是普通网页制作者的首选工具,界面简单,实用功能比较强大。建议初学者选用。
 
另外一个工具就是代码编辑工具,例如写字本、EditPlus等,这些工具主要编辑asp等动态网页。
 
此外还有一些网络编程工具,javascript、java编辑器等。
 
网页制作也是一个比较吃香的行业,要真正做一个好的网站,还必须有良好的设计功底。所以还得学很多边缘性的软件,例如photoshop、flash等。
 
大型的网站往往还需要数据库的支持,所以还得懂数据库。sql、甲骨文等。
 
总之,掌握好网页制作,能独立完成一个网站的制作工作,那就不要考虑吃饭问题。随便混就好了!
 
网站设计八步骤
 
        由于目前所见?#27492;?#24471;类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页,于是他们认为网页制作非常简单,就匆匆忙忙制作自己的网站,可是做出来之后与别人一比,才发现自己的网站非常粗糙,这是为什么呢?常言道:“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。
 
一、确定网站主题
 

        网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力,所以必须要找准一个自己最?#34892;?#36259;内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。网站的主题无定则,只要是你?#34892;?#36259;的,任?#25991;?#23481;都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。
 
二、搜集材料
 

        明确了网站的主题以后,你就要围绕主题开始搜集材料了。常言道:“巧妇难为无米之炊”。要想让自己的网站有血有肉,能够吸引住用户,你就要尽量搜集材料,搜集得材料越多,以后制作网站就越容?#20303;?#26448;料既可以从图书、报纸、光盘、多?#25945;?#19978;得来,也可以从互联网上搜集,然后把搜集的材?#20808;?#31895;取精,去伪存真,作为自己制作网页的素材。
 
三、规划网站
 

        一个网站设计得成功与否,很大程度上决定于设计者的规划水?#21073;?#35268;划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字?#35745;?#30340;运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们在下面会有详细介绍。

四、选择合适的制作工具
 

        尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见?#27492;?#24471;的编辑工具,这其中的优秀者?#27604;?#26159;Dreamweaver和Frontpage了,如果是初学者,Frontpage2000是首选。除此之外,还有?#35745;?#32534;辑工具,如Photoshop、Photoimpact等?#27426;?#30011;制作工具,如Flash、Cool 3d、Gif Animator等;还有网页特效工具,如有声有色等,网上有许多这方面的软件,你可以根据需要灵活运用。
 
五、制作网页
 

        材料有了,工具也选好了,下面就需要按?#23637;?#21010;一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。
 
六、上传测试
 

        网页制作完毕,最后要发布到Web服务器上,才能够让全世界的朋友观看,现在上传的工具有很多,有些网页制作工具本身就带有FTP功能,利用这些FTP工具,你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后,你要在浏览器?#20889;?#24320;自己的网站,逐页逐个链接的进行测试,发现问题,及时修?#27169;?#28982;后再上传测试。全部测试完毕就可以把你的网址告诉给朋友,?#30431;?#20204;来浏览。
 
七、推广宣传

        网页做好之后,还要不断地进行宣传,这样才能让更多的朋友认识它,提高网站的访问率和知名?#21462;?#25512;广的方法有很多,例如到搜索引擎上注册、与别的网站交换链?#21360;?#21152;入广告链等。
 
八、维护更新
 

        网站要注意经常维护更新内容,保持内容的新鲜,不要一做好就放在那儿不变了,只有不断地给它补充新的内容,才能够吸引住浏览者。
  
网站制作过程----新手必看!
一 基本概念
1 网页(Web Page)

        网页就是、、、、(很?#35759;?#30340;概念,极其抽象,看得见摸不着),你为什么?#20132;?#32852;网去,你在WWW上看到的就是网页。它是由HTML编写的文件,上面有贴图,有音乐,有、、、、
2 主页(Home Page)

        主页(Home Page)它是一个网页,是进入一个网站的开始画面,就同“瘟酒吧”的?#30701;彀自?#19968;样。也就是说,主页是一个网站的门面,要想设计出一个优秀的网站,就必须有一个“要让浏览者想不看都难”的主页,它必须引人入胜,能吸引每一个来访者的注意力,引发人们的好奇?#27169;?#33021;让人产生一种深入探索你的网站的冲动。优秀的主页是一个好的网站必须具备的第一要素。
3 超级链接(Hyperlink)

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

        超文本是一种新的文件形?#21073;?#25351;一个文件的内容可以无限地与相关资料链?#21360;?#36229;文本是自然语言文本与计算机交互、转移和动态显示等能力结合,超文本系?#21507;?#35768;用户?#25105;?#26500;造链接,通过Hyperlink来实现。
5 超文本语言(Hyper Text Markup Language)

        超文本语言(HTML)是制作编写网页、包含超级链接的超文件的标?#21152;?#35328;,它由文本和标记组成。超文本文件的扩展名一般为 .html或.htm。
网站的组织结构

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

         这是网站最简单的一?#32440;?#26500;,它是以?#25345;?#39034;序组织的,可以是时间顺序,也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链?#21360;?#22914;一般的索引就采用线性结构。线性结构是组织网页的基本结构,复杂的结构也可以看成是由线性结构组成的。
2、二维表结构
    这?#32440;?#26500;允许用户横向、纵向地浏览信息。它就好象一个二维表,如看?#20266;?#19968;样。
3、等级结构
    等级结构由一条等级主线构成索引,每一个等级点又由一条线性结构构成。如网站?#24049;?#31561;就是这?#32440;?#26500;。在构造等级之前,你必须完全彻底的理解你的网站内容,避免线性组织不严的错误,不方便浏览者。
4、网状结构
    这是最复杂的组织结构,它完全没有限制,网页组织自由链?#21360;?#36825;?#32440;?#26500;允许访问者从一个信息栏目跳到另一个栏目去,其目的就是充分利用网络资源?#32479;?#20998;享受超级链?#21360;?#25972;个互联网就是一个超级大的“网”状结构。
开始构造你的网站  
1、总体规划你的网站
    当你想建立你的网站是你一定已经在网?#31665;?#35272;过n个小时了,当看见别人的网上之家的时候,或者受朋友“到我的网页看看”的精神刺激下,你开始产生网上建家的冲动了!但是这时候你并不知道你建网站的目的,你也不知道你该做成什么样的网页,“家里”该有些什么摆设。于是你应该静下来想一想,怎样规划你的网站。首先,你要有信心和知识。再次,你得有内容,网站应该有一个什么样的主题,别人来你的网页看什么。接着,你要组织你的网页了,它们该是什么结构,这?#32440;?#26500;不仅要让访问者能感觉到你的风格,也要方便你自己维护网站。最后,构思出你的“引人入胜”的门面(Home Page)。
2、?#24613;?#24037;具和材料
    ?#36152;?#25203;手、电线、螺丝刀和......我们要制作网页了!安装好一种编写HTML语言的编辑器,你可以利用IE的frontpage,但是你应该有更好的,?#27604;?#26159;Frontpage98了!Word一般的简易操作;支持Microsoft、Netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链?#21360;?#26597;看组织结构、上网传送甚?#33391;?#26597;你的拼写错误;“所见就所得”,普通视图、HTML、预览自由切换。?#27604;?#20320;也可以按自己的爱好选择:Hotdog;Pagemill;Homesite......随便你。有了编程工具就?#31859;急?#20320;的网页素材了!文本、?#35745;?#21160;画、midi和mp3音乐等等?#24613;?#25644;上网的东东。制作这些东西你也许要用到做?#35745;?#30340;Photoshop、做gif动画的GALE、制作image map的工具Map This、?#24418;?#23383;库也应该?#36152;?#26469;。
3、制作网页
    ?#27604;?#35201;制作网页了!......于是你把网页制作好了!(以后再讲)
4、测试网站
    网页做好了,链接做好了,测试工作必不可少。用Frontpage98的FrontPage web Server(WEB服务器)可以对你的网页进行测试,看看链接是否正确发现问题及时改正。
5、上传你的网页
    不对不对,你还得先申请一个放网页的空间。现在网上提供免费主页空间的网站很多,回到我的主页去吧,我收集了一些。申请到空间后,带上ftp工具?#19979;?#20102;!如 cuteftp,先在site manage添上你的,填写上传主机服务器的地址,你的用户名,你的密码,就可以了。开始连接主机,登录用户,打开右边允许你上传的目录,
    把你要上传的东东都拖过去。注意:你的主页名应该是index.htm;index.html或者default.htm;default.html,按申请地方的要求来,还有就是文件名的大小写,unix主机可区分严格哟。上传后你就可以欣赏你的作品了,怎么样?兴奋吧!
6、宣传你的网页
    网页做好了,也上传了。但现在没人知道,怎样宣传你的主页呢??#27604;?#26159;上聊天室,到处贴帖子,发E-MAIL通知好友,登录搜索引擎,用免费广告,同别人互相交换连接......
7、网站维护和更新
    要想访问量大,你得经常更新你的网页,增加网页内容,并弥补网站存在的?#27605;蕁?br /> 关于网页导览设计的九注意
一.当导览按钮连结到目前此页时
  各Webpage若重复使用同一组的导览按钮,无可避免地会产生某一导览按钮连结到目前此页的情形。为达成界面设计的一致性,并没有绝对的必要性拿掉此导览按钮,但Webpage设计者可让此按钮不再具有超连结的功能?#25442;?#23558;此按钮的?#35782;取?#20142;度降低(如∶深绿色变成淡绿色,亮红色变成暗红色),使读者可清楚地意识到∶这个暗设下来的导览按钮不再具有超连结的功能。
  
二.不要在一篇短文里提供太多的超连结
  ?#23454;薄?#26377;效?#23454;?#20351;用超连结,是一个优良的导览系统不可或缺的要件之一。但过份滥用超连结,造成短短的一篇文章里却处处是links,反而损害了Webpage?#24418;?#30340;流畅与可亲性。在充斥着超连结的短文里,很可能其中不少是无意义、没必要的links。例如∶连结到一页只有两三行注解的link、连结到一页只放了「施工中」的?#20449;?#30340;link。在一篇长短?#25163;?#30340;Webpage里(3、4个荧幕页面),文章里提供的文字式超连结最好不要超过10个以上,以使全页?#24418;?#33021;够顺畅,而读者也不至于眼见一大堆超连结,反而不知从何点取才好。况且,连续、肩并肩地出现两、三个文字式超连结,很容?#22918;?#35823;认为只是一个长度较长的超连结,于是?#27426;?#32773;忽?#32536;簦?#20415;也失去了这些超连结的原本功能。  如果您果真有那么多的超连结必须提供给读者,不如将这些超连结以条列的方?#21073;?#19968;笔一?#26159;?#26970;地列在一选单页或目录页上,既不防碍走文的顺畅,又呈现一目了然的导览连结。
三.?#36152;?#36830;结的字串长短?#25163;星易?#25991;自然
  抓住能传达主要讯息的字眼当做超连结的锚点(anchor),可有效地控制住超连结的字串长度,避免字串过长(如∶整行、整句都是锚点字串)或过短(如?#23186;?#19968;个字当做锚点),而不利于读者的阅读或点取。
  
四.注意超连结颜色与单纯叙?#37995;?#23383;的颜色呈现 
   WWW的语言—HTML允许Webpage设计者特别标明单纯叙?#37995;?#23383;与超连结的用色,以便丰富Webpage的色彩呈现。如果您的网站充满知识性的信息,欲传达给访问者,建议您将网页内的文字与超连结用色,设计成较乾净素雅的色调,会较有利于阅读?#20040;看?#30340;叙?#37995;?#23383;采用较暗、较深的颜色来呈现(如∶黑色、墨绿色、暗褐色),超连结文字则以较鲜明抢眼的色彩来强调(如∶亮黄色、翠绿色、鲜橘色),至于探访过的超连结则采用较低于原超连结亮度的颜色做呈现。
  
五.分析、?#24471;?#24744;提供的bookmarks或coollinks
  常常看到热心的Webpage设计者条列了精心收集的bookmarks或coollinks,以分享读者个人遨游WWW的美好经验。但多数Webpage设计者就只提供一大串links,并不?#32622;?#21035;类,也不加以分析、?#24471;?#20026;什么这个link好,值得推荐?那个link的主要内容为何精彩之处?又在?#27169;俊 ?#25552;供您的bookmarks或coollinks是一大善举,但未加以分析、?#24471;鰨?#21364;变得功亏一篑。多花几?#31181;櫻?#23558;您提供的bookmarks或coollinks稍加分类、注解,?#21830;?#20379;读者清晰的概念与无限的方便,也使您的站台的导览系统更加周全完善。未加以?#24471;鰲?#27880;解的coollinks,其实一点也不cool。老实说,任何人都可以到Yahoo轻易地?#19994;繳习?#19978;千的links。您若未对这些推荐的links加以个人独特的评论、介绍,读者又何?#25512;?#24471;到您的站台去找索引呢?任何一个分类索引或搜寻引擎都绝对比您条列的links还要更完备齐全。
  
六.在具前后连续顺序的文件里提供必要的连结
  将篇幅过长的文件分隔成数篇较小的Webpages大大地增加了界面的亲和性,但在导览按钮与超连结的配置上,Webpage设计者则要更?#24863;?#21608;全地安排,使得读者不论身处您站台的哪一阶层,依然能够快速便捷地通往其他任何一个页面。Webpage设计者应特别注意∶
   1.提供「上一页」、「下一页」、?#23500;?#23376;目录页」与?#23500;?#39318;页」的导览按钮或超连结在一系列具前后连续顺序的文件里,?#31185;猈ebpage都至少应提供「上一页」、「下一页」、?#23500;?#23376;目录页」与?#23500;?#39318;页」的导览按钮或超连结,可使读者能够立即得知自己所在的页面,是属于一份较大文件内的一小部分。(考虑、体贴一下某读者不是从您的Home顺序连结至此页,而是依循别的站台的某个link跳跃连结至此)。并且可以藉由这些links随时参考连结「上一页」、「下一页」与本页的连贯内容;直接点取?#23500;?#23376;目录页」查寻其他相关的标题?#25442;?#30452;接跳?#23616;羑omepage,浏览其他不同项目的信息。
  2.简明扼要地标明此页、上一页与下一页文件的标题或内容梗概
  在一系列具前后连续顺序的文件里,?#31185;猈ebpage都应加上一个具?#24471;?#24615;的标题,使读者一目了然,马上抓住这一页的重点。  而完善的导览系统除了提供「上一页」、「下一页」的导览按钮或超连结外,更添加精简达意的上一页与下一页标题、内容提要,使读者即使?#24418;?#28857;取这些Webpages时,亦能先梗概地了解自己将连结至什么样的Webpage。
  3.提?#35759;?#32773;某一系?#24418;?#20214;?#35757;?#23613;头
  当读者已达某一系?#24418;?#20214;的最后一页时,Webpage设计者应提供一小段告示提?#35759;?#32773;,同时不再提供「下一页」的导览按钮或超连结。  但基于Webpage介面设计的一致性,或许有些Webpage设计者并不希望在同一系列的最后一篇Webpage里忽然少了一个先前每页都有的「下一页」导览按钮(?#32469;?#26159;精心设计过的图形化导览按钮)。为达成此目的,可考虑将最后一页的「下一页」导览按钮颜色暗沉下来,且不赋予超连结的功能,并提供一小段告示提?#35759;?#32773;,此系?#24418;?#20214;?#35757;?#23613;头,不再有「下一页」的内容。
  
七.在较长的Webpage内提供目?#24613;?#19982;大标题
  理想的Webpage长度以不超过3、4个荧幕页面为?#36873;?#20294;是如果基于某些特殊理由,您的Webpage一定要做得很长,那么不要忘了在此长篇的Webpage最上头,提供一个目?#24613;恚琖ebpage的内容也标上大小标题,以利清楚阅读。?#32469;?#37325;要的是,在这些标题与目?#24613;?#30340;HTMLsource里分别设置锚点,与连结到锚点,以使您的Webpage真正发扬WWW的高互动性、高便捷性功能。
  
八.暂时不提供超连结到?#24418;?#23436;成的Webpage
  超连结或导览按钮应该引?#32423;?#32773;到一篇真正「有料」的Webpage,而不是以「?#24050;?#22836;卖狗肉」的方?#21073;?#20107;先将某一超连结描述得超级精彩、超级诱人,结果读者兴致勃勃地连结过去,却根本看不到任何精彩、诱人的内容,唯一所见的,只是一张无聊的告示牌∶「施工中」。
  如果您急欲在网络上推出您的站台、展现您Homepage,但仍有少数几页Webpage?#24418;?#23436;成,建议您先暂时别让这些「施工中」的Webpage正式露面。(即先暂时别让这些连往「施工中」的Webpage的「超连结?#26775;?#25317;有真正的超连结功能。)等到您「几乎」完工之后(Webpage永远没有「真正」完工之时,总是需要不断地修改、增添、翻新),再正式开放连结也不迟。
  ?#28909;?#24744;急欲告诉读者,您即将提供一页超级精彩、超级诱人的Webpage在此站台,只是目前仍在努力赶工中,您大可直?#24433;?#19968;段告示在即将是「超连结」的文字旁(但目前仍不具超连结的功能),明白昭告世人,以减省读者徒然点取、徒然往返的时间;也免得读者满怀希望,?#20174;致?#24471;失望而归。
  
九.测试所有的超连结与导览按钮的真实可行性
  Webpage上线之后,第一件该做的事,是逐一测试每一页的每一个超连结与每一个导览按钮其真实可行性。彻底检验有没有失败的link无法连结到该连结的Webpage,却反而冒出“FileNotFound"的错误讯号出来。这是一个负责任、够水准的Webpage设计者对自己的作品应有的基本品质要求。
个人网站建站三步曲  
    现在网上、网下网虫们流行的口头禅:“记着给我发个伊妹儿”“记着网上CALL我”“到我家看看”。从以前的抢信箱,?#36739;?#22312;的抢主页空间。随着网易的“第一次”提供免费主页空间,免费主页如中国的网民一样迅速胀开。这可乐煞了我们这些网民了!拥有自己的网上之家,是每个网人的骄傲。在这里我来介绍建站的三步曲。  
一、建站
    ?#28909;?#26159;建立个人网站,第一步?#27604;?#26159;先拥有一个(...)个人网站啦!但还是得先?#24613;?ldquo;家具”----网页。制作网页的工具大概分成二类。一类是即见?#27492;?#24471;,如:netscape navigator golden、frontpage98等,这类软件使用较简单,适与初学者。而另一类是 文本编辑类,如hotdog、homesitet等,适合于专业设计者。对与我们来讲,?#27604;?#26159;Frontpage98了!Word一般的简易操作;支持Microsoft、Netscape的全部网页标签,极好的兼容性;提供多种设计样板,表单向导等傻瓜功能;强大的管理工能可以检查网页链?#21360;?#26597;看组织结构、上网传送甚?#33391;?#26597;你的拼写错误;“所见就所得”,普通视图、HTML、预览自由切换。?#27604;?#20320;也可以按自己的爱好选择:Hotdog;Pagemill;Homesite......随便你。
    个人主页的内容是最关 键的,首先得确定自己的网页的主题,不要没主没次,大杂烩。想一想您在做些什么?为什么做?做来干什么?在制作时别忘了尽?#21487;?#37319;用大?#35745;?#35753;网页的传输更快捷。免得浏览者还没来得及看看“庐山真面目”就爽快地Close了!很惨的哟!“一切向钱看”嘛。
    网页制作完了,就要申请主页空间,不然没地皮怎么建?#20197;?#21602;?现在网上提供免费主页空间的很多,不过现在在大伙的抢劫下,很多都暂停或整顿了。不过还有营业的,申请?#26412;?#37327;多多申请几个,以备万一。有了空间就开始建房了。网页的上载一般有三种方?#21073;篍mail、Ftp和www。如以Ftp上传 可使用cuteftp等工具,在host:填上主机地址,再填上用户名和密码。(这些东东,在你申请后,提供空间的站点会Email给你,或者建站注意等地方有。)连接主机,登录,上传......哈哈!我的家建好了!(一副惟我独尊的样子)
二、宣传
    要是只有你自己一个人知道你网页的地址,那么......(名副其实的个人网站)。因此如何给自己网站做广告就成为网页浏览量的关键。网页的宣传大致有以下几种方法。第一种,到各大搜索引擎注册,例如到yahoo、goyoyo等国外搜索引擎。国内的如:网?#20303;?#25628;狐、瀛海威等,填填表格,就能注册了。第二种,参加各种广告交换组织把它的广告加到你的主页,而你的主页广告?#19981;?#20986;现在其他会员的主页上。第三种方法,到国内外ISP的个人空间的栏目中登记你的网页,根据你网页的内容选取不同 的类型登记。第三种方法,利用网上广播站,

,它能帮你到近***个搜索引擎处注册。第四种方法,到各公告栏、论坛、BBS、聊天?#19994;?#22823;肆宣传一番,使得...第五种方法,发Email给你的网友,告诉他们“我有自己的家了”。不断地宣传,宣传再宣传,你网页上的计数器肯定会...(不会吧!位数不够了?)
三、维护更新
    其实这才应该是最重要的,要保持网页的浏览人数,你就要不断地更新你的主页,增加内容, 永远给人一种新鲜感。平时上网时多搜集资料,多听听别人的意见。内容第一嘛!


上一篇:教你怎么制作网站 下一篇:网站制作服务项目
18585853123
在线留言
二分时时彩是统一开奖?
体彩高频彩票11选5 pc蛋蛋28加拿大网站 北京pk10分析软件 中国彩民更懂彩吧 广西快三奖金表 极速赛车精准无马人工计划 免费黑客棋牌透牌器透视3 免费三肖中特中后付款 爱彩乐十一选五 大乐透十二生肖选号 新疆风采喜乐彩走势图 新疆十一选五前三组技巧 中国竞彩网上不了 中国女子乒乓球大魔王 天津时时彩开奖号码