网页制作教程（如何制作网页）

本文目录

• 如何制作网页
• 网页制作需要那些步骤
• 网页制作流程
• 怎么制作网页

如何制作网页

一、整理规划。

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

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

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

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

2.目标观众的计算机配置和浏览器版本。

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

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

二、新建站点

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

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

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

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

三、收集资源

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

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

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

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

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

四、布局页面

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

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

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

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

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

五、文档与超级连接

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

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

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

六、发布站点

站点的发布

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

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

站点的维护

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

网页制作需要那些步骤

网站设计，包含的内容非常多。大体分两个方面：

一方面是纯网站本身的设计比如文字排版，图片制作，平面设计，三维立体设计，静态无声图文，动态有声影像等；

另一方面是网站的延伸设计，包括网站的主题定位和浏览群的定位，智能交互，制作策划，形象包装，宣传营销等等。

这两方面相辅相成（感觉有点象写辨证论文：），加之网络技术的飞速发展，要提出一个绝对正确和权威的设计思路是不可能的，要想在一篇文章中概括出来也很难，所以,根据建设一个网站的思路，将自己几年来网站设计制作的心得整理成一个系列“讲座”，告诉给大家（注意：我并不会非常具体地讲某一个技术或制作技巧，重点在于思路）希望能给您一些帮助。下面是大致的提纲：

1.定位你的网站主题和名称

2.定位你的网站CI形象

3.确定你的栏目和版块

4.网站的整体风格创意设计

5.网站的层次结构和链接结构

6.首页的设计

7.版面布局的窍门

8.色彩的搭配

9.效果与速度

10.替浏览者考虑

11.细微之处见功力

12.建设完成度与推出时间

13.交互性与亲和度

14.考虑不同的浏览器和分辨率

15.字体的设置和表格的嵌套

16.新技术的运用取舍

17.设计好你的banner和位置

18.语句文字——融入感情

19.对网站设计初学者的建议

以上是本“系列”文章的提纲，会根据实际撰写情况作些变动。我们开始之前，首先明确几个前提：

一．网站设计与网站制作。我们说网站“设计”而不是网站“制作”，它们的区别在于设计是一个思考的过程，而制作只是将思考的结果表现出来。一个成功的网站首先需要一个优秀的设计，然后辅之优秀的制作。设计是网站的核心和灵魂，一个相同的设计可以有多种制作表现的方式。

二．我们说的“网站”是指有确定主题和明确目的的实用性站点，不包括纯表现类或者纯文字类网站。

三．在文章中，可能举例说明或点评到某些具体站点。

定位你的网站主题和名称

设计一个站点，首先遇到的问题就是定位网站主题。

所谓主题也就是你的网站的题材。网络上的网站题材千奇百怪，琳琅满目。只要你想的到，就可以把它制作出来。下面是美国《个人电脑》杂志(PCMagazine)评出的99年度排名前100位的全美知名网站的十类题材，对我们有一些参考价值。

第1类：网上求职

第2类：网上聊天／即时信息/ICQ

第3类：网上社区／讨论/邮件列表

第4类：计算机技术

第5类：网页/网站开发

第6类：娱乐网站

第7类：旅行

第8类：参考/资讯

第9类：家庭/教育

第10类：生活/时尚

每个大类都可以继续细分，比如娱乐类再分为体育/电影/音乐大类，音乐又可以按格式分为MP3，VQF，Ra，按表现形式分古典，现代，摇滚等。以上都只是最常见的题材，还有许多专业的，另类的，独特的题材可以选择，比如中医，热带鱼，天气预报等等，同时，各个题材相联系和交叉结合可以产生新得题材，例如旅游论坛（旅游+讨论），经典入球播放（足球+影视）按这样分下去，题材可以有成千上万个，你不会再为题材重复，难以选择而烦恼了吧:)

对于题材的选择，我的建议是：

1.主题要小而精。定位要小，内容要精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。网络的最大特点就是新和快，目前最热门的个人主页都是天天更新甚至几小时更新一次。最新的调查结果也显示，网络上的“主题站”比“万全站”更受人们喜爱，就好比专卖店和百货商店，如果我需要买某方面的东西，肯定会选择专买店。再举个例子，我的一位网友KK希望制作文学方面的题材，但是文学也包括许多许多内容，有小说，诗歌，散文；有科幻，武侠，推理；仔细了解了他的擅长和想要提供的主要内容，最后将题材定位在网络文学上，删除了原有的一些无关的文学作品，集中扩大和整理网络文学作品。网站推出后，很快受到大家的喜爱。

2.题材最好是你自己擅长或者喜爱的内容。比如：您对擅长编程，就可以建立一个编程爱好者网站；对足球感兴趣，可以报道最新的战况，球星动态等。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出杰出的作品。

3.题材不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；比如软件下载，免费信息。“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。除非你下决心和有实力竞争并超过它，记住，在互联网上只有第一，人们往往只记得最好的网站，第二第三名的印象则会浅得多。

OK，如果你已经有一个绝妙的主意了，那我们开始为网站起名字。您可能认为起名字与网站设计无关。其实网站名称也是网站设计的一部分，而且是很关键的一个要素。你来看，“电脑学习室”和“电脑之家”显然是后者简练；“迷笛乐园”和“MIDI乐园”显然是后者明晰；“儿童天地”和“中国幼儿园”显然是后者大气。我们都知道PIIICUP的中文名称“奔腾”，如果改为“奔跑”，可能就没有今天这么“火”了:)。和现实生活中一样，网站名称是否正气，响亮，易记，对网站的形象和宣传推广也有很大影响。一般的建议是：

1.名称要正。这个“正”是自己的说法，其实就是要合法，和理，和情。不能用反动的，色情的，迷信的，危害社会安全的名词语句。

2.名称要易记。根据中文网站浏览者的特点，除非特定需要，网站名称最好用中文名称，不要使用英文或者中英文混合型名称。例如：beyondstudio和超越工作室，后者更亲切好记。另外，网站名称的字数应该控制在六个字（最好四个字）以内，比如“XX阁”“XX设计室”，四个字的可以用成语，如“一网打进”。字数少还有个好处，一般友情链接的小logo尺寸是88X31，而六个字的宽度是78左右，适合于其他站点的链接排版。

3.名称要有特色。名称平实就可以接受，如果能体现一定的内涵，给浏览者更多的视觉冲击和空间想象力，则为上品。这里举几个人个认为很好的名称：音乐前卫，网页陶吧，天籁绝音。在体现出网站主题的同时，能点出特色之处。

总之，定位题材和名称是设计一个网站的第一步，也是很重要的一部分。如果能找到一个满意的名称，花一天时间翻字典也是值得的。

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

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

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

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

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

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

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

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

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

★★★★祝你成功。

★你可以结合Dreamwaver和Photoshop来制作网页。

Dreamwaver可以到这里下30天试用版，不过要先登记一个免费帐号，product=dreamweaver

★在网上有这方面的教程

（中国建站专家）

主页和个人空间

（中华网）

建议使用网页制作三剑客Dreamweawer+Firework+Flash或使用Frontpage

★★★★★★老实说这是别人告诉我的....★★★★★★设计模板

切割模板

制作html文件

网页制作流程

一、确定网站主题

网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。

二、搜集材料

明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。

三、规划网站

一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。

四、选择合适的制作工具

尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页

材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。

六、上传测试

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

七、推广宣传

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

八、维护更新

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

怎么制作网页

你这个问题问的范围比较大，怎么说呢？其实，做网页和做网站是两个不同的概念。

1．做网页只需要使用一种专门制作网页的工具，按照正确的语法规则，加入文字、图片及FLASH小样，组合在一起，保存后构成一个漂亮的网页文件。

2．而做网站，是在你已经在做好网页的前提下，通过正常的途径在网上申请你喜欢的域名及空间服务商，通过ISP商给你的用户名及密码，将你事先制作好的网页上传到你申请的空间，然后，通过你申请的域名，就可以访问到你自己做的主页了，当然你也可以先申请域名及空间，然后再制作网页，但是这样做，事必会让很多网友无法正常访问你的主页，因为这个时候你的主页还没有完全做好，而域名及空间一直闲置在那里。所以最好按照我前面所说的步骤一步一步做。

3．具体制作网页的方法，在这里不能说的很清楚，必竟这里只是回答一些常见的计算机问题。其实，网上也有很多书籍及教程，你可以下载后仔细学习一下，当然你也可以去书店买一本适合自己的图书，边学边练习，这样会更快的学会网页的制作。

最后，希望你很快能学会网页的制作方法，让大家都能看到你的杰作。