2022年如何制作网页教程 .pdf

《2022年如何制作网页教程 .pdf》由会员分享，可在线阅读，更多相关《2022年如何制作网页教程 .pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、如何制作网页教程验证码：换一张登录并发表取消正在发表回答， 请稍候,您输入的内容将会在您成功登录之后自动发表。回答 24baoding 2009-10-12 20:44:11 123.181.44.* 首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样，是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页设计感兴趣，有较充足的学习时间，熟悉office办公软件。当然，这些不是一定必须的。第一阶段： 开始时最好是学些网页编辑软件，如：FrontPage 、Dreamweaver. 这样

2、可以使您更了解网页制作与运营的原理。最好使拿本教程来学学，结合教程边学习边制作。第二阶段：会用网页制作软件后，已会制作一个较完整的网站了。但为了能使自己设计制作的网页尽善尽美， 还是学习网页的核心技术吧！网页编辑语言 （包括 :html 、 css、javascript、asp、xml 等） 。你可以选择地学习。第三阶段 : 结合你自己已掌握地知识来开发网站，可以开发出别人给你定义的目标网站。到了这个时候，你就成为真正的网站开发者了。怎样制作网页，不是说一两篇文章能够说清楚的。以上介绍的是制作网页的主要纲要，希望能够给想要学习制作网页的朋友一个参考。二一、工具1、空间网页做好了肯定是要发表上网

3、的，所以必须先申请一个空间；免费的空间不是很稳定，容量又小，也不好申请，建议到大的网站如新浪、网易去先买一个个人空间，大概有个20M以上的就可以了。2、软件推荐使用Dreamweaver6.0 中文版，这个软件最大的特点就是“所见即所得”，也即是制作过程 中 看 到 的 ， 便 是 到 时 发 布 到 网 络 上 的 。1285735427 2009-10-12 20:45:13 119.86.201.* 在网页制作中，flash是不能直接作为网页的背景的。Frontpage 没有相关的设置可以直接操作。因此，我们需要换一个策略：是否还记得flash中“层”的概念，我们在这里就要运用到这个概念

4、。在我们的网页层上面名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 11 页 - - - - - - - - - 在新建一个层。在这个层中插入flash ，但注意，插入flash后，会遮挡下面网页层相应的位置，因此，我们需要将flash透明化，以达到让网页层的内容正常显示的目的。而本质是， 插有 flash的层是在网页层的上面的。 “背景”，是相对而言的。 以下是 html 代码： New Page 2 / 这一段就是flash做网页背景，实际上是建了一个层，又将flas

5、h透明化。而本质是这个层实际上在其他层之上，但由于flash透明化了，因此看上去像背景。 / 从这里开始就是常规网页制作的代码。 注意，带有“ / ”的中文是老师的注解，不是html 代码的内容，复制代码时不要复制这些中文。flash的路径要根据实际情况修改 hz826 2009-10-12 20:50:34 58.19.147.* 一、制作名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 11 页 - - - - - - - - - 网站前的准备可以使用一种汉字输入方法，

6、快慢不拘。会用 IE 点击上网并浏览网页知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。你会使用office 软件没听说过？WORD 知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不 WPS 也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。OK ，假设你上面这些东东你全都会的话，那就可以制作网页啦。二、制作网页前必须了解的东东为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最

7、简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003 ，说这就是了，然后要你买下），这个软件同 WORD ，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE ，那就请你哪位哥哥帮

8、你个小忙，请他为你装上，其实一点也不难装。好， 假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手） ，我就是用的FRONTPAGE2003，所以教材上也以此为准。喂，你先别得意，有了这个FRONTPAGE2003 是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。三、正式开始啦好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：点击上面那菜单条选查看在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会

9、了吧，为了简明起见，这个操作我将写为菜单查看视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜 :-) 现在出现在我们面前的是一个空白的页面。1、给这个网面起个名字，怎么起？请看方法：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 11 页 - - - - - - - - - 菜单文件另存为, （选择你想保存的文件名、网页标题、保存位置）对了，你一定看到另存为的时候有个什么网页标题的更改按钮了吧，点一下你就可以改成你喜欢的网页标题了，例如说“欢迎来到我的主页”之类。记好，

10、一定要选保存。建议你保存的文件名为 index ， 因为这个名字的页面是网站必须有的第一页，网站必须有这一页。对了，另存为的对话框最上面还有个“保存位置” ， 你可以选好你想保存的网页路径，一般保存在 “我的文档”里。你可以自己建个新文件夹用来存放你的主页。现在我们的网页文件己经出来了，名字叫“index.htm ” 页面标题是“欢迎来到我的主页”，你可以试着用IE 打开这个网页文件，在浏览器最上最左边的蓝色条上能看到这句话。你又会说了，空空的嘛，一个网页是出来了，上面上个字也没有！别急，咱这就往里加字！你直接输入 “欢迎来到我的主页！ ”这句话。 就会看到在网页的左上边出现了这句话，和打字一

11、样，对了，就和打字一样，这么简单！点一下左上角那个小小的磁盘保存这个文件吧，或者用 Ctrl + S保存。然后用浏览器IE 打开这个文件， 你就会看到你刚打的字了！其实 FRONTPAGE2003页面下有三个标签，分别是“普通” 、 “ HTML ” 、 “预览”，用“预览”一样能看到。不过我自己觉得不如另外用浏览器打开来得实在，呵呵，个人习惯，你尽可以用预览这个标签来看。2、改变字体的大小和颜色你可以用鼠标在你想改变颜色的字上拖动，使之成为反色字，就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具，没有？那就用这个方法把它调出来！菜单查看工具栏格式，出来了吧！

12、和 WORD 一样，格式的操作很简单，一看就会。请注意，字体请不要设置得太怪，一般采用默认字体或宋体。选择字体的大小可以从1 号至 7 号不等。 1 号最小， 7 号最大。 字符颜色选择请看看那个标有“A”字的小按钮，点一下它旁边的向下箭头。会出现好多颜色，你选一下就成了。这时你会发现选中的字大小和颜色变了，其实这些操作和WORD 是一样的，你应当一看就会。其它诸如缩进、 排列序号、 段落间距之类都和OFFICE一样， 我就不多说了， 不会的话可以看看有关 WORD 的书或自己琢磨一下，挨个试一试，这些很容易就学会的。3、表格表格是网页中很重要的一节，在网页中为实现好看的效果，必须使用表格，表

13、格不难画，只需点中那个工具栏上的小小铅笔的按钮就能画了。如果你的页面上没有表格工具，请使用菜单查看工具栏表格来打开它。表格无非就是这么横几道竖几道的框框，每一个格子叫单元格，这个很重要哦，你可以通过选中单元格按鼠标右键来选择相应的菜单。单元格有单元格的属性，表格有表格的属性，网页也有网页的属性，这一切都在右击鼠标键上。呵呵，学会这些做网页就不愁啦。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 11 页 - - - - - - - - - 通过拉动表格的边线可以改变大小，

14、也可以通过右击鼠标选表格大小里直接输入数值来指定大小，后者更精确一些。一般来说表格宽度不应超过790，因为网页的大小定位在800*600格式下，超过了就会在网页下面出现拉动条，有点不好看， 所以我用表格一般让它宽度为790，当然这要根据你想实现的网页效果来做。4、单元格一般网页都是由几个表格组成的，表格里的单元格里分别放着相应的图片，文字和插件。所以单元格是网页是最小的单位，每个单元格都有它的属性，一般来说，我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式，可以选择水平和垂直属性。这些能很方便的给实现单元格内部的排版，再有就是单元格的颜色、行跨距什么的，一看就会，我想

15、你能明白。设定这些属性的目的就在于改变各个单元格的样式，有了这些，单元格之间就能组成好看的页面了，多练练这方面的东东。5、网页属性网页的属性有许多，你可以点击右键选取择网页属性进入。和我们初学者有关的就是背景啦，选择背景标签你就会看到相应内容，分别是格式和颜色两个内容。里面有个背景图片按钮，你可以从中点浏览打一张你喜欢的图片做背景，比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性，通过这个属性你可以改变链接的样式，比方说文字默认颜色啦，背景默认颜色及其它一些选取项，你都可以试试，一看就会的。6、插入图片网页上没图片那就称不上是网页了，好看的网页

16、当然要有图片陪衬，不过为了能找到图片，建议你在你的网页文件路径下设一个名为“image 的文件夹，把你这网页的图片放里面去，这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。插入图片操作很简单，通过下面这个方式就能做到了。菜单栏插入图片来自文件选择想插入的图片。你最好将想插入的图片放到 image 文件夹里， 然后再插入， 这样网页上所有的图片都包含在image 文件夹里了。方便也很实用。插入后可以选择一些图片属性让它更符合你的页面，比方说图片大小啦，图片颜色优化什么的，这些都可以在图片上通过右击鼠标选图片属性来修改。说了半天你应该明白个道理，想修改什么就可以选中它然后

17、按右键选相应的菜单，这很方便嘛，你学会这个就己经学会做网页的一半了！7、超级链接网页上没超级链接那不成其为网页，你想让你的小站也拥有超级链接吗？哈哈，很EASY ！这样来实现它！名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 11 页 - - - - - - - - - 选中你想使之成为超级链接的文本，比方说是“进入”两个字，选取中后仍是按鼠标右键，选弹出菜单上那个“超级链接, ”就会出现一个对话框让你来设定超级链接。你不会呀？简单极了！就是在 URL 里输入网址就行了。

18、呵呵，比方说你输入我的小站的地址：“http:/”保存一下网页。然后选预览或用IE 打开这个网页文件，你会发现点击“进入”两个字就会进入到我的小站了，当然，你把超级链接改成别的网址点击它自然是到那个网址了。记着，可以设定超级链接点击后是在新窗口打开还是在原窗口打开，这你只要在目标框架里选一下就成了。一般是设为网页默认值，你可以改变它使之成为新建窗口。四、设计你自己的主页以上提到的一些功能的使用你会了没？用这些功能就能做出相当漂亮的主页了！不信？好，你看看馨香小憩的一些页面不就是由这几个东东组成的吗？现在你就可以自己来设计一个主页了，相信你会做得比我好看的。哦，忘了提一些东东了。有些东西你必须注

19、意1、图片不可太大， 因为网络不快， 图片一般在10K以下还能承受，超过 10K 就会影响浏览速度了，一般页面里可以有个总量为30K 的图片，这是极限了，再多网页会半天也打不开的。2、注意配色。 网页好看是在于一个整体，而配色是很关键的，访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉，如果配色不好，访问者就不会有什么好印象了。关于配色方面是见仁见智的事，你可以注意一些杂志、画报之类刊物上的配色，学学别人的经验。3、总体布局。 网页布局要和协，不要看起来显着头重脚轻或虎头蛇尾，学学报纸上的布局对你会大有帮助！4、链接注意事项。 一般你的网站不会只有一个页面，你如果想使页面可以用链接连

20、起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index.htm，次页文件是text.htm 那么只需在 URL 里输入 text.htm即可，记着“http:/”是网上才用的东东，你在本地编辑是用不着的，当主页上传到网上时，它自动会变成 http:/你的主页地址 加上text.htm了，这不用你担心， 你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入 imagexx.gif之类。5、关于图片。 可以在很多地方得到好看的图片，不过为了使你的主页更好看，还是有必要自己画一些图片的。比方说标志啦，美术字什么的，它会使你的主页更加妩媚动人。入门可先用Frontp

21、age2003 ，当了解了基础之后，再学习以dreamweaver 为主的网页制作三剑客，包括图片处理和FLASH制作。如果想更专业一些，就要学习编程，但刚开始可学借用他人的程序作为模版，同时兼学程序设计原理，二者缺一不可。学网页关键在于有兴趣、有恒心、有方法，则用不了一年，你一定可以学会做网页，可能谈不上高手，但肯定不会被人叫做菜鸟。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 11 页 - - - - - - - - - 其他的如网页素材、gif动画图片库、 网页模

22、板、网页特效、 midi 背景音乐、 网页制作软件、字体下载、免费搜索代码等可参照参考资料参考资料： http:/ 下面是我的网站。是可以注册的 pjo437 2009-10-12 20:51:17 59.155.54.* 网站设计八步骤由于目前所见即所得类型的工具越来越多，使用也越来越方便，所以制作网页已经变成了一件轻松的工作，不像以前要手工编写一行行的源代码那样。一般初学者经过短暂的学习就可以学会制作网页，于是他们认为网页制作非常简单，就匆匆忙忙制作自己的网站，可是做出来之后与别人一比，才发现自己的网站非常粗糙，这是为什么呢？常言道： “性急吃不了热豆腐” 。建立一个网站就像盖一幢大楼一样

23、，它是一个系统工程，有自己特定的工作流程，你只有遵循这个步骤，按部就班地一步步来，才能设计出一个满意的网站。一、确定网站主题网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。网站的主题无定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内内容做到大而全、精而深。二、搜集材料明确了网站的主题以后，你就要围绕主题开始搜集材料了。常言道：“巧妇难为无米之炊” 。要想让

24、自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。三、规划网站名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 11 页 - - - - - - - - - 一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多

25、，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。如何规划网站的每一项具体内容，我们在下面会有详细介绍。四、选择合适的制作工具尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网民选用的都是所见即所得的编辑工具，这其中的优秀者当然是Dreamweaver 和Frontpage了，如果是初学者，Frontpage2000是首

26、选。除此之外，还有图片编辑工具，如Photoshop 、Photoimpact等；动画制作工具，如Flash 、Cool 3d 、Gif Animator等；还有网页特效工具，如有声有色等，网上有许多这方面的软件，你可以根据需要灵活运用。五、制作网页材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以

27、大大提高制作效率。六、上传测试网页制作完毕，最后要发布到Web服务器上，才能够让全世界的朋友观看，现在上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具，你可以很方便地把网站发布到自己申请的主页存放服务器上。网站上传以后，你要在浏览器中打开自己的网站，逐页逐个链接的进行测试，发现问题，及时修改，然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。七、推广宣传名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 11 页 - - - -

28、- - - - - 网页做好之后，还要不断地进行宣传，这样才能让更多的朋友认识它，提高网站的访问率和知名度。 推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链等。八、维护更新网站要注意经常维护更新内容，保持内容的新鲜，不要一做好就放在那儿不变了，只有不断地给它补充新的内容，才能够吸引住浏览者要想学做网页，首先得了解制作网页的工具。制作网页主要有以下一些工具Frontpage ：office自带的一个工具，操作简单，实用，学起来比较轻松，功能不咋地，我不太喜欢。Dreamweaver：这是网页三剑客之一，专门制作网页的工具，可以自动将网页生成代码，是普通网页制作者的首选工具

29、，界面简单，实用功能比较强大。建议初学者选用。另外一个工具就是代码编辑工具，例如写字本、EditPlus等，这些工具主要编辑asp 等动态网页。此外还有一些网络编程工具，javascript、java 编辑器等。网页制作也是一个比较吃香的行业，要真正做一个好的网站，还必须有良好的设计功底。所以还得学很多边缘性的软件，例如photoshop 、flash等。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 11 页 - - - - - - - - - 大型的网站往往还需要数据

30、库的支持，所以还得懂数据库。sql 、甲骨文等。总之，掌握好网页制作，能独立完成一个网站的制作工作，那就不要考虑吃饭问题。随便混就好了！祝你成功。你可以结合 Dreamwaver 和 Photoshop 来制作网页。Dreamwaver 可 以 到 这 里 下30天 试 用 版 ， 不 过 要 先 登 记 一 个 免 费 帐号， .macromedia/cfusion/tdrc/index.cfm?product=dreamweaver 在网上有这方面的教程教程.nease/xhelp/ school.jz173/（中国建站专家）主页和个人空间home4u.china/ （中华网）.35/yu

31、mingzc/yumingzc.asp 建议使用网页制作三剑客Dreamweawer+Firework+Flash 或使用 Frontpage 回答赞助商链接手工制作，布包制作， 布偶制作 全面的手工制作教程图片广告设计与咨询 专业从事图片广告设计与咨询北大青鸟 .NET 工程师课程 www.GDGLC.com 北大青鸟广力中心.NET国际工程师班30 天打造超级家装设计师 家装设计师10 项全能训练 , 效果图制作技每天 5分钟，改变你的人生 立即订阅英孚免费电邮名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 11 页 - - - - - - - - - 英语。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 11 页 - - - - - - - - -