网站建设的详细7大步骤

网站建设的详细8大步骤因为现在所见即所得种类的工具愈加多，用也愈加便捷，所以网站设计已经变成了一件轻松的工作，不像以前要手工撰写一行行的源码那样。一般新手经过短暂的学习就能掌握网站设计，于是他们觉得网站设计很简单，就匆匆忙忙制作我们的网站，可是做出来之后与其他人一比，才发现我们的网站很粗糙，这是为何呢？常言道：性急吃不了热豆腐。打造一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作步骤，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个认可的网站。 1、搜集材料 明确了网站的主题将来，你就要围绕主题开始搜集材料了。常言道：巧妇难为无米之炊。要想让我们的网站有血有肉，可以吸引住用户，你就要尽可能搜集材料，搜集得材料越多，将来网站设计就越容易。材料既能够从图书、报纸、光盘、多媒体上得来，也可以从网络上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己网站设计的素材。 2、确定网站主题 网站主题就是你打造的网站所要包括的主要内容，一个网站需要要有一个明确的主题。尤其是对于网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没这个能力，也没这个精力，所以需要要找准一个自己最有兴趣内容，做深、做透，办源于己的特点，如此才能给用户留下深刻的印象。网站的主题无定则，只须是你有兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。 3、网站设计 材料有了，工具也选好了，下面就需要根据规划一步步地把我们的想法变成现实了，这是一个复杂而细致的过程，必须要根据先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在网站设计时，先把大的结构设计好，然后再逐步健全小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在网站设计时要多灵活运用模板，如此可以大大提升制作效率。 4、规划网站 一个网站建设得成功与否，非常大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座好看的楼房。网站规划包括的内容丰富，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在网站设计之前把这类方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有这样制作出来的网页才能有个性、有特点，具备吸引力。怎么样规划网站的每一项具体内容，大家在下面会有详细介绍。 4、选择适合的制作工具 尽管选择哪种工具并不会干扰你制作网站的好坏，但一款功能强大、用简单的软件总是可以起到事半功倍的成效。网站设计涉及的工具比较多，第一就是网站设计工具了，现在大部分网民使用的都是所见即所得的编辑工具，这其中的出色者当然是Dreamweaver和Frontpage了，若是新手，Frontpage2000是最佳选择。此外，还有图片编辑工具，如Photoshop、Photoimpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，网上有很多这方面的软件，你可以参考需要灵活运用。 5、推广宣传 网页做好之后，还要不断地进行宣传，如此才能让更多的朋友认识它，提升网站的访问率和知名度。推广的办法有不少，比如到搜索引擎上注册、与别的网站交换链接、加入广告链等。6、维护更新 网站应该注意常常维护更新内容，维持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才可以吸引住浏览者
★要想学做网页，第一得知道网站设计的工具。 网站设计主要有以下一些工具 Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不怎么样，我不太喜欢。 Dreamweaver：这是网页三剑客之一，专门网站设计的工具，可以自动将网页生成代码，是普通网站设计者的最佳选择工具，界面简单，实用功能比较强大。建议新手使用。 另外一个工具就是代码编辑工具，比如写字本、EditPlus等，这类工具主要编辑asp等动态网页。 除此之外还有一些互联网编程工具，javascript、java编辑器等。 网站设计也是一个比较吃香的行业，要真的做一个好的网站，还需要有好的设计功底。所以还要学不少边缘性的软件，比如photoshop、flash等。 大型的网站总是还需要数据库的支持，所以还要懂数据库。sql、甲骨文等。 7、上传测试 网站设计完毕，最后要发布到Web服务器上，才可以让全世界的朋友观看，目前上传的工具备不少，有的网站设计工具本身就带有FTP功能，借助这类FTP工具，你可以很便捷地把网站发布到自己申请的主页存放服务器上。网站上传将来，你要在浏览器中打开我们的网站，逐页逐个链接的进行测试，发现问题，准时修改，然后再上传测试。全部测试完毕就能把你的网址告诉给朋友，让他们来浏览。 FrontPage是一个很简单用的网页编辑软件，用它可以迅速的编好一个网页，它具备上手快，易学、易用的特征。FrontPage是新手理想的网站设计的集成工具。Dreamweaver是第一套对专业网页设计人员的视觉化网站开发工具，借助它可以易如反掌地制作出跨越平台和跨越浏览器的充满动感的网页玉林网站设计、FrontPage、所见即所得、 Dreamweaver，HTML 当大家在网上冲浪时，会对那些美观的网页羡慕不已，其实，大家也可以制作我们的个人网站，目前网站设计软件不少，主要有以下几种有特点的网站设计软件。Microsoft FrontPage——制作功能强大的网页Netscape编辑器——制作简单的网页Adobe Pagemill ——制作多框架、表单和Image Map图像的网页Claris Home Page ——迅速创建动态的网页DreamWeaver——自制动态HTML动画的网页HotDog Professional ——制作要加入多种复杂技术的网页HomeSite ——制作可完全控制页面进程的网页HotMetal Pro ——制作具备强云数据嵌入能力的网页hotdog Professional ——强大而又便捷至极的超级网页编辑工具Paintshop Pro ——可以看作是photoshop的简化版本Ulead Cool 3d——每人叫好的3D特效字制作工具Gif movie Gear ——简单至极的动画软件Ulead Smartsaver——对图像进行优化、压缩处置在这么多网站设计软件中，现在最知名和最常见的两套热点软件应该是Frontpage 和Dreamweaver。下面我就来向大伙简单介绍这两种软件。Microsoft FrontPage是现在最火爆的网站设计与网站管理系统之一，可以便捷、快捷地编辑网页样式，在编辑器中提供了所见即所得的设计视图，同时显示网页框架、代码的拆分视图，显示代码命令的代码视图，预览网页页面的预览视图四种不同编辑网页用的视图。FrontPage有以下特征：1.可视化。用Frontpage软件，无需非常深的网页编程技术常识，也无需知道HTML的语法，它支持所见即所得的编辑方法。2.通用性。它的文字处置办法和Word基本相同，可以像编辑Word文件那样在文章中插入表格和图象，也可以插入声音文件，动画和视频文件。3.多种视图窗口。可以用Frontpage的设计视图，直接输入文字，插入图片和表格。可以用Frontpage的代码视图，修改或撰写命令代码。可以用Frontpage的预览视图，浏览撰写的网页在浏览器中显示的页面。4.易于管理。Frontpage可以将多个网页组织起来成为一个站点，并能对它进行分布和有效的管理。Dreamweaver是美国macromedia公司开发的网站设计和管理网站于一体的所见即所得网页编辑器，它是第一套对专业网页设计人员的视觉化网站开发工具，借助它可以易如反掌地制作出跨越平台和跨越浏览器的充满动感的网页，它与Flash、Fireworks合在一块被叫做网站设计三剑客，这三个软件相辅相承，是网站设计的最好选择。其中，Dreamweaver主要用来网站设计文件，制作出来的网页兼容性最好，制作效率也非常高，Flash用来制作精美的网页动画，fireworks用来二手网页中的图形。Dreamweaver有以下特征：1.卓越的可视环境。用macromedia的可视化开发环境（如右图所示），你仅需通过简单的拖拉技术（Drag&Drop），将Objects窗口中的对象拖到Documentwindow中即可，比如：Web开发职员想在网页中加入一个Table，仅需将Table从object窗体中拖放到舞台中，Dreamweaver将自动生成一个表格，然后通过Properties（属性）窗体来进行格式的修改和调整。 2.所见即所得。你可以在Properties（属性）窗体中调整参数，即刻在Documentwindow窗体中看到它的改变，假如你按下F12，Dreamweaver会自动生成HTML文件格式，供欲览，以便开发职员进一步调整。3.便捷迅速的文本编排。与Word相似，具备强大的文本编辑能力，你可以在Layer、Table、Frame或直接在Document window窗体中输入文字，通过快捷的右键，选择比如Font（字体）类的选项进行编辑，也可以借助Text菜单进行更为细致的排版编辑。4.优质的HTML生成方法。由Dreamweaver生成的HTML源码维持了非常不错的可读性。代码结构基本上同手工生成的代码相同，这使得设计者可以随便学会代码全局并加以修改。5.实时的HTML控制。设计者可以在可视化或者文本这两种方法下进行页面的设计，并且可以实时的监控HTML源码。当设计者对代码作出任何改动时，结果将立刻显示出来。6.FTP。在Dreamweaver中包括了一个界面极为友好的FTP工具。通过它，设计者可以非常便利的将设计的单一页面或者一个站点上传至服务器。同时，设计者还可以非常便利的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过程中，Dreamweaver将记录下整个过程以供错误剖析。 文件锁定。这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可撰写属性来进行文档的保护。通过这种办法可以预防非必须的数据丢失，增强了安全性。 这两种软件都有其优点及缺点，通过在实质用过程中的剖析比较，我发现这两种主流网页编辑软件的优劣处体目前以下几个方面：1.代码简洁性。在用FrontPage时，搭配用一个网页压缩软件是常事，FrontPage常常在网页中莫名其妙插入不少空格，经压缩后网页会比原先小 20％～30％，而下次编辑存盘后这类空格又还会再度出现，挥之不去。而以代码简洁而著称的Dreamweaver没这方面的问题。2.用操作性。在这方面FrontPage和Dreamweaver各有所长：FrontPage具备Word类似的界面和操作性，特别在手绘表格方面，不少人都感觉 FrontPage比Dreamweaver要便捷不少。在查询源码和预览功能上FrontPage也比Dreamweaver便捷。还有对于采集整理资料非常重要的一点：从浏览器中复制的页面粘到FrontPage中时仍能维持原有些表格、链接、文字格式；而在Dreamweaver中即便用 Past as text也只能粘贴为纯文本段。Dreamweaver的优点在于：它的标记选择器（Tag selector）可以便捷准确地选择所要编辑的对象。除此之外，它的表格与层相互转化、依对象而自动变动的属性栏也颇受喜欢。3.与Word软件的兼容性。不少人都是用Word来输入和编辑网页文字内容，假如要将这类文档内容剪贴到FrontPage或Dreamweaver软件中时，就会发现 FrontPage在这方面略胜一筹。由于大家只须在Word中选取所要的部份，然后贴到FrontPage的文字编辑区，不只文字和图片都能正常显示，而且样式也几乎一致。其中不太一致的是，原本是居中的图，会变成靠左。但，假如大家选取了Word中的一部份，然后想要贴到Dreamweaver中，就会发现图片不见了，而且文字的样式也没了，由于文字全部挤在一块，连段落也没办法区别。因此大家假如想调整这类文字和图片的话，就需要再花费不少时间。4.站点管理。相对于FrontPage强大的站点管理，Dreamweaver略显不足：FrontPage中特有些报表视图可以显示未链接文件、慢速网页、较旧的文件、新增文件、未验证链接等15个项目细节。Dreamweaver在这方面做得就差多了，只有简单的断裂链接（Broken links）、外链和孤文件三项。而且不像FrontPage中每一项目下都有详细的文件名字、标题、大小、种类、修改日期等说明。除此之外，Dreamweaver不觉得表格背景图片是网页不可或缺的部分。当在站点管理器中对表格背景图片进行移动或改名等操作时，Dreamweaver 不会提示更新链接，结果就会出现断裂链接。而且基于同样是什么原因，Dreamweaver会把表格背景图片辨别为孤文件，也影响了对网站的管理。当然Dreamweaver在站点管理方面也有其出色之处。它可以在不逐一打开每一个文件的状况下达成全站的整体查找替换，还有其特有些HTML标记属性的查找，功能强大。相比之下FrontPage可以达成全站查找但办不到即时替换，需要对查找结果列表中的文件逐一打开替换。5.图片的用法。在用图片时，假如大家想要在Dreamweaver中放上图片，需要用插入图片的办法来产生，而没办法用剪贴板的粘贴功能。因此大家的图片需要事先存放在硬盘中，并且已经取好名字才能。而FrontPage就轻松多了。大家可以从任何软件复制或剪贴图片到FrontPage中，这类图片并无需事先储存成文件。由于当大家要储存网页的时候，FrontPage会一并将这类图片以预设的文件名储存在与网页相同的文件夹中。当然图片的文件名和储存路径都是可以修改的。6.所见即所得。在这项功能上，FrontPage比Dreamweaver 强。因为这一点对新手相当要紧，因此包含学生在内的网站制作新手，都相当偏好FrontPage。所谓所见即所得，就是大家在软件中设计的样式应该和最后在网页中呈现的样式完全一样。遗憾的是，在大家用FrontPage或 Dreamweaver时，都没办法达到真的的所见即所得。也就是说，大家在网页编辑时的样式，跟最后在IE等浏览器中所看到的样子总是都有很大的差距。其中又以Dreamweaver的差距更大。因此大家常常需要配合浏览器来观看结果，然后再到网页编辑软件中做修改。特别在处置文字时更是常常有让人不太愉快的经验。假如常常需要设定文字的样式，推荐使用FrontPage。7.设计动态和互动式网页。大家可以借助Dreamweaver的图层和时间轴 功能，来让图片或文字随便地在网页中自由移动。移动的方法可以是绕着大家所设定的路径移动，也可以是左右或直线的移动。另外，大家可以设计让文字或图片配合鼠标的点选有更多的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态成效。Dreamweaver还可以插入Flash的.swf动画文件和 Firework设计的HTML文件，让网页愈加活泼。虽然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻烦。由于 Dreamweaver、Flash、Firework都是MacroMedia企业的商品。这样来看，FrontPage是一个很简单用的网页编辑软件，用它可以迅速的编好一个网页，特别合适首次做网页的人，通过FrontPage还可以做简单的多媒体课件、企业策划书、商品演示说明书等，它具备上手快，易学、易用的特征。FrontPage是新手理想的网站设计的集成工具。而Dreamweaver 是一款专业的 HTML 编辑器，用于对 Web 站点、Web 页和 Web 应用程序进行设计、编码和开发。无论你想手工撰写 HTML 代码时的驾驭感还是偏爱在可视化编辑环境中工作，Dreamweaver 都会为你提供有用的工具，使你拥有愈加完美的 Web 创作体验。FontPage和Dreamweaver各自的优势和弊端 浏览次数：1268次悬赏分：20 | 提问时间：2008-10-8 13:56 | 提问者：343895975
大伙都说用FontPage多为小白,假如小白用FontPage作为网站设计的启蒙软件,会不会对以后的网站设计水平产生影响?换一个角度说会不会弱于用Dreamweaver的制作人?其他回答 共1条
在现在的网页编辑软件中， MicroSoft企业的FrontPage与MacroMedia企业的Dreamweaver是最知名和最常见的两套热点软件。通过在实质用过程中的剖析比较，我对这两种主流网页编辑软件的优劣得出了点个人领会。
1、代码简洁性
在用FrontPage时，搭配用一个网页压缩软件是常事，FrontPage常常在网页中莫名其妙插入不少空格，经压缩后网页会比原先小 20％～30％，而下次编辑存盘后这类空格又还会再度出现，挥之不去。而以代码简洁而著称的Dreamweaver没这方面的问题。
2、用操作性
在这方面FrontPage和Dreamweaver各有所长：FrontPage具备与Word类似的界面和操作性，特别在手绘表格方面，不少人都感觉 FrontPage比Dreamweaver要便捷不少。在查询源码和预览功能上FrontPage也比Dreamweaver便捷。还有对于采集整理资料非常重要的一点：从浏览器中复制的页面粘到FrontPage中时仍能维持原有些表格、链接、文字格式；而在Dreamweaver中即便用 Past as text也只能粘贴为纯文本段落。
Dreamweaver的优点在于：它的标记选择器（Tag selector）可以便捷准确地选择所要编辑的对象。除此之外，它的表格与层相互转化、依对象而自动变动的属性栏也颇受喜欢。
3、与Word软件的兼容性
不少人都是用Word来输入和编辑网页文字内容，假如要将这类文档内容剪贴到FrontPage或Dreamweaver软件中时，就会发现 FrontPage在这方面略胜一筹。由于大家只须在Word中选取所要的部份，然后贴到FrontPage的文字编辑区，不只文字和图片都能正常显示，而且样式也几乎一致。其中不太一致的是，原本是居中的图，会变成靠左。
但，假如大家选取了Word中的一部份，然后想要贴到Dreamweaver中，就会发现图片不见了，而且文字的样式也没了，由于文字全部挤在一块，连段落也没办法区别。因此大家假如想调整这类文字和图片的话，就需要再花费不少时间。
4、站点管理
相对于FrontPage强大的站点管理，Dreamweaver略显不足：FrontPage中特有些报表视图可以显示未链接文件、慢速网页、较旧的文件、新增文件、未验证链接等15个项目细节。Dreamweaver在这方面做得就差多了，只有简单的断裂链接（Broken links）、外链和孤文件三项。而且不像FrontPage中每一项目下都有详细的文件名字、标题、大小、种类、修改日期等说明。
除此之外，Dreamweaver不觉得表格背景图片是网页不可或缺的部分。当在站点管理器中对表格背景图片进行移动或改名等操作时，Dreamweaver 不会提示更新链接，结果就会出现断裂链接。而且基于同样是什么原因，Dreamweaver会把表格背景图片辨别为孤文件，也影响了对网站的管理。
当然Dreamweaver在站点管理方面也有其出色之处。它可以在不逐一打开每一个文件的状况下达成全站的整体查找替换，还有其特有些HTML标记属性的查找，功能强大。相比之下FrontPage可以达成全站查找但办不到即时替换，需要对查找结果列表中的文件逐一打开替换。
FrontPage对站点管理的一个不好的副商品就是很多的_vti_cnf目录，里面对应记录了站点每个文件的有关信息。因此，假如大家用MODEM来上传主页的话，就需要找一个好点的上载软件才能把它们滤掉。
5、图片的用法
在用图片时，假如大家想要在Dreamweaver中放上图片，需要用插入图片的办法来产生，而没办法用剪贴板的粘贴功能。因此大家的图片需要事先存放在硬盘中，并且已经取好名字才能。
而FrontPage就轻松多了。大家可以从任何软件复制或剪贴图片到FrontPage中，这类图片并无需事先储存成文件。由于当大家要储存网页的时候，FrontPage会一并将这类图片以预设的文件名储存在与网页相同的文件夹中。当然图片的文件名和储存路径都是可以修改的。
6、所见即所得
在这项功能上，FrontPage比Dreamweaver 强。因为这一点对新手相当要紧，因此包含学生在内的网站制作新手，都相当偏好FrontPage。
所谓所见即所得，就是大家在软件中设计的样式应该和最后在网页中呈现的样式完全一样。遗憾的是，在大家用FrontPage或 Dreamweaver时，都没办法达到真的的所见即所得。也就是说，大家在网页编辑时的样式，跟最后在IE等浏览器中所看到的样子总是都有很大的差距。其中又以Dreamweaver的差距更大。因此大家常常需要配合浏览器来观看结果，然后再到网页编辑软件中做修改。特别在处置文字时更是常常有让人不太愉快的经验。假如常常需要设定文字的样式，推荐使用FrontPage。
7、文字样式
在用文字时，FrontPage提供较多的设定功能，能让文字做更多的样式变化。而且文字在经过设定样式后，文字也会作即时的变更。比如设计者可以对文字设定字体、大小、颜色，也可以设定文字内缩、行距、段落距离、字距。而后面这四项在Dreamweaver中是没办法更改的。
虽然FrontPage在文字样式方面提供较多的功能，同时在所见即所得上也较让人认可，但却并非说FrontPage在这方面就没缺点。有时大家在设定链接文字的色彩或粗细体上，也总是碰到一大堆问题，这类都是软件厂家将来需要注意修正的事情。
8、固定部件更新
要维持网站的整体风格，每页的公司徽标、版权栏、宣传语句、广告等页面元素是必须具备要点之一。当需要对这类要点进行修改时，手工修改的工作量是很难想象的。对此，FrontPage和Dreamweaver都有我们的解决方法：FrontPage使用共享边框，在站点上的单个或所有页面的某一边上共享相同内容并维持统一更新；而Dreamweaver则设立了库（Library）的定义，可以把页面中所要重复的任一部件加入到库项目，自由设定在所需的页面中重复用、统一更新。
相对于Dreamweaver的库，FrontPage的共享边框就要逊色多了。它只能在网页的四边中选择地方，而且一旦设置，影响的就是网站所有页面，对于不想使用共享边框的页面只能另外逐一单独设置。最致命的一点是在FrontPage应用共享边框的时候会把原页面内容统统套在一个大表格中，而共享边框设在另一个表格之中。如此的害处在设计者当地看不大出来，然而在互联网上因为浏览器要下载完整个表格才会显示，因而会大大减少网页的实质浏览速度。
9、设计动态和互动式网页
Dreamweaver的用法者和支持者，从目前开始，可以抬头挺胸了。由于下面这两大项的功能都是Dreamweaver的长处，而且是极其要紧的两项。
第一介绍的这项功能，就是Dreamweaver具备设计互动式网页的功能。大家可以借助Dreamweaver的图层和时间轴 功能，来让图片或文字随便地在网页中自由移动。移动的方法可以是绕着大家所设定的路径移动，也可以是左右或直线的移动。
另外，大家可以设计让文字或图片配合鼠标的点选有更多的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态成效。
Dreamweaver还可以插入Flash的.swf动画文件和 Firework设计的HTML文件，让网页愈加活泼。虽然FrontPage也可以插入Flash文件，但操作方面比Dreamweaver麻烦。由于 Dreamweaver、Flash、Firework都是MacroMedia企业的商品。
10、模板功能
目前的网站内容，大都会在每个网页中提供目录。而这类目录式的项目一般在将来会有所改变，但大家的网页可能也有数百个或甚至数千个，难道大家的每一个网页都要做一一修改吗？这显然是不可能的。
于是大家可以借助Dreamweaver提供的模板功能，即：第一设计一份模板或2、三份模板，然后将大家的网页套用这类模板，之后只须修改有关的模板，那样所有套用模板的网页，就能一次全部跟着修改。这项功能对于设计大型网站或多网页的网站有容易修改和维护有哪些用途。
至于FrontPage，虽然它提供主题，也可以让多网页套用到某些主题的样式，但FrontPage的这项功能弹性比较差。也就是说，大家在很多地方没办法根据我们的想法来设计，只能用FrontPage的几种固定样式。因此，假如期望设计出富有变化的套用模板，那样推荐使用 Dreamweaver。
本文比较了两大主流网页编辑器常用功能的部份差异。对于一些较高档的应用：如FrontPage特有些服务器扩展应用、与OFFICE家族协同工作、 ActiveX组件；Dreamweaver所特有些强大动态网站制作能力、与Fireworks、Flash的协同工作特质等等，都有它们我们的特点。通常来讲：FrontPage合适于小白用，而Dreamweaver则更多为专业公司所使用，怎么样选择就看用户自己了。
本文发布于玉林网站制作公司http://www.sino-web.net/