怎样制作网页?详细操作步骤是什么? 爱问知识人

★Manage★
[神] 要想学做网页，首先得了解制作网页的工具。

制作网页主要有以下一些工具

Frontpage：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。

Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具，界面简单，实用功能比较强大。建议初学者选用。

另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp等动态网页。

此外还有一些网络编程工具，javascript、java编辑器等。

网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop、flash等。

大型的网站往往还需要数据库的支持，所以还得懂数据库。sql、甲骨文等。

总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！

网站设计八步骤

由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道：“性急吃不了热豆腐”。建立一个网站就像盖一幢大楼一样，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。

一、确定网站主题

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

二、搜集材料

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

三、规划网站

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

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

五、制作网页

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

六、上传测试

网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。

七、推广宣传

网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。

八、维护更新

网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者。

网页制作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip


要是在网上的话,你最好去一些论坛,你可以查一下,很多的 回答：2008-01-03 14:13提问者对答案的评价：谢谢各位,你的回答还不错,很详细,
我买了书看了一下,已经知道简单的制作了. 共0条评论...其它回答 共4条回答评论 ┆ 举报
毛毛
[学长] 你这个问题很难一下子答出来，大致步骤有以下几个方面，但是具体细节还是要具体而言。

一、整理规划。

　　网站建设的开始就应该有一个整体的战略目标，即确定站点的目标。

　　首先要有一个总的目标，这个网站到底是要做什么。有的要显示自己的设计水平，这就要求页面美观；有的是为了求职而设计的求职网站，这就要求提供足够的信息让别人了解你的工作能力；有的是要为用户服务，这就要求网站有较强的互动性，而本站建设之初的主要目的就是为了本人更好的学习网络知识，只是兴趣而已，本站站名“网页教学网”让人一看就知道是有关介绍网页知识的站点。而申请域名也是相当重要的，webjx.com，大家都知道web译为网、网页、网络等，j是jiao的第一个字母，x是xue的第一个字母，其实本站是web jiao xue的字母的缩写！当然大家申请注册域名时可以申请自己名字的拼音等！在这里不作过多介绍。

　　确定好目标之后，还要决定网站的目标观众。其中包括以下几种情况：

　　1.目标观众的访问速度。很多在线教育网站采用不同的软件制作在线课件，但是视频无论如何在现在是不适合目前中国浏览者的网络带宽，不过提高我们的网络带宽也是一种发展的趋势。

　　2.目标观众的计算机配置和浏览器版本。
我们在设计网页时，其实已经不必要考虑计算机配置了。需要注意的是在设计中要在不同的浏览器中浏览自己的网页，看看有没有发生变化。

　　3.插件问题。对于有些软件，比如Flash的插件，现在大部分浏览器都安装有这种插件了，如果网页上播放视频，那么就要考虑浏览器是否需要安装相应的插件，在这时最好在网站中说明并提供插件和播放器的下载。现在好多电影站都做的比较好，它们都提供播放器和插件的下载！

　　二、新建站点

　　规划好站点之后，就可以用专门的网页开发软件创建站点了。

　　在创建站点之前，我们应该首先在我们的磁盘上创建一个文件夹，用于存放站点内的所有资源，当然如果你的站点资源比较丰富这是可以建立子文件夹存放站点内相应的资源。例如：站点文件夹为myweb，子文件夹images用于存放站点内用到的图片，upfiles用于存放上传的文件，admin用于存放站点后台程序等等。创建站点在Dreamweaver软件中操作比较简单，本站也已经提供了相应的视频教程，如果您不熟悉可以去查看下。

　　刚建立起的站点是空的文件夹，用户首先要设计站点结构。制作专业网站之前要有一个详细的计划，这样虽然会花费一些人力和物力，但总比出现了问题之后再修改要好得多。

　　在网站规划中一个很重要的问题就是确定站点结构。设计站点结构，就得确定站点子栏目；设计站点结构，就得确定图片、多媒体文件的存放位置；设计站点结构，就得导航条。专业网站中，必须要有导航条。

　　三、收集资源

　　确定好站点目标和结构之后，接下来要做的就是收集有关网站的资源，其中包括以下资源：

　　1.文字资料：文字是网站的主题。无论是什么类型的网站，都要离不开叙述性的文字。离开了文字即使图片再华丽，浏览者也不知所云。所以要制作一个成功的网站，必须要提供足够的文字资料。

　　2.图片资料：网站的一个重要要求就是图文并茂。如果单单有文字，浏览者看了不免觉得枯燥无味。文字的解说再加上一些相关的图片，让浏览者能够了解更多的信息，更能增加浏览者的印象。

　　3.动画资料：在网页上插入动画可以增添页面的动感效果。现在Flash动画在网页上应用的相当多，所以建议大家应该学会Flash制作动画的一些知识。

　　4.其它资料：例如网站上的应用软件，音乐网站上的音乐文件等等。

　　四、布局页面

　　设计站点结构和收集了足够的资源之后，就可以开始布局页面了。在Dreamweaver中，可以通过以下手段进行排版：

　　1.利用表格进行排版：表格主要有三个元素－表格、行和列及单元格，而且表格还可以嵌套，不过在这里建议大家不要把所有的网页都放在一个大表格中，并且嵌套最好不要超过３层，因为如果你那样做了，浏览器解析的时间会增加了，那么当浏览者访问时速度就慢了。

　　2.利用层排版：层很适合形式自由的排版，现在ＷＥＢ标准建议排版时抛弃表格，不过如果初学者学习利用层排版时还要学习其它好多相关知识，其中最重要的是CSS和Javascript，使用CSS来辅助层可以对网页实现排版，可以解决表格给我们带来的烦恼。如果你对WEB标准感兴趣，那么你就该好好的学习CSS了！

　　3.利用布局视图进行排版：在Dreamweaver MX 2004中有专门的布局视图，我们初学网页设计时可以使用它进行排版。

　　4.利用框架进行排版：它是一种用浏览器窗口，显示多个网页的形式，前几天记得有人在论坛中求，网页格式的课件，网页格式的课件大部分是用框架做出来的。

　　五、编辑文档与超级连接

　　经过上面的几个步骤之后，一切准备工作都已经就绪，现在可以象装箱一样把收集到的资料及制作的组件放到页面布局中为它们指定的位置上了。

　　插入到网页布局之后，文字都是同一种字号，同一种风格，同一种颜色；图片有大有小。所以这时就要对各种元素进行编辑了，例如，改变文本字体、字号、颜色、大小等，对图片进行大小，表格的调整，按钮行为的调整等等！

　　连接是网页的灵魂。浏览者在浏览网页时，单击网页设置的超级连接可以跳转到相关页面，所以一个好的网页是离不开连接的。

　　六、发布站点

　　站点的发布

　　网站发布就是把网站上传到因特网上，以提供浏览者浏览。上传之前必须检查你的域名和主页空间的申请情况，以及网页和站点的连接情况等。建议大家最好安装ＩＩＳ，本站内都提供了iis5.01、iis6.0、iis5.0的安装程序。

　　上传软件一般都使用用FTP，上传到服务器中申请的域名下(具体要看看你申请空间时，人家给你的开通信啊！)，上传软件一般有CuteFTP、LeadFTP等

　　站点的维护

　　站点发布之后还要经常对站点进行维护。站点维护是指不断优化网站功能和更新网页内容。维护网站的目的是使网站的结构规划合理、内容与形式统一、主题鲜明，经常更新网页内容，让网站与时俱进。



通常好用的软件推荐FrontPage等。

网站可以推荐你上：网页教学网。 回答：2008-01-03 14:16 共0条评论...评论 ┆ 举报
雅典娜的猴子
[学弟] 第一：千万不要用Frontpage，虽然这个是简单的网页编辑软件。
第二：用DREAM VEWER，这个是最普遍世界上最常用的编辑网页软件。
第三：为什么选择DREAM而不是Frontpage？1、Frontpage编辑的网页产生的垃圾很多，造成网页比较大这样打开的速度就慢。2、Frontpage编辑的网页很容易造成浏览时变形，弄得很不规则。3、实际上DREAM VEWER和Frontpage一样简单，即使比Frontpage功能强了N倍，因为它可以编程序代码，不过你一开始学，只用普通的编辑功能就行了，这样的话DREAM VEWER就和Frontpage一样简单好用，而这样也不是一步登天，毕竟你即使一开始用Frontpage，最后一定还是会要DRAME VEVER的。

选择里做网页的利刃后就开始做网页了。
建议你买软件光碟《开天劈地》学做网页的那个，很简单，边教你边让你动手做，让你很容易就学会了，实际上DREAM VEVER软件（下载个中文版）只要你会用OFFICE WORD，基本都会看着使用的了。
做网页的一个技巧就是，一开始在页面上规划一个大的表格（粗为0这样浏览就看不到了）这个表格是把所有东西放里面，当然里面还要分很多小表格，这样就会让你网页浏览时固定了位置，不会变形。但是如果表格不适当使用就会造成打开也面慢。所以你一定要学会使用表格。
注意：1、一定要用表格规划你的网页。
2、浏览网页时读表格的时候如果你把所有的东西都编辑在一个表格内，那读起来就先读这个大的，那样子的话就要把所有内容读出来才显示，这样就很慢，你浏览网页时看到有些内容先出来有些慢出来，那是他们把表格分开来弄的。
3、为了你学习，教你个办法。浏览网页时，点文件-另存为（这样子就存了这个网页了，网页里面的内容图片都会保存了）然后你用DREAM VEWER打开看，就很容易看到别人的布局是怎么样弄的了 回答：2008-01-03 15:36 共0条评论...评论 ┆ 举报
阿薇儿
[学妹] 晕倒...我觉得没有这么复杂..

最简单的方法:你上网上下点教程去,去百度里或迅雷里搜一下,网页制作教程下载,你从最简单的开始学起,这是最好的办法.

你要这么详细步骤干嘛,每个都长篇大论的,你这样未必能看的下去,我都看的晕了,理论的东西你大概了解一下就OK,你下教程,一步一步来,这些你都会知道的...你这样也没办法学习,看的东西远远比不上别人实际操作一次给你看来的简单明了易懂..

PS:至于操作软件,我觉得Frontpaget和Dreamweaver都一样,各有各的好,只是Frontpaget对于初学者来说比较容易入手一些,在你学习的时候你可以先学前者,再学后者,都很容易的..

专业网页设师最基本要学的几个软件:photoshop、flash等,当然,还有其它相关设计软件,这看你个人喜好决定要学什么了...

以上个人建议,祝好运! 回答：2008-01-03 18:28 共0条评论...