怎样制作自己的网页

1、和怎样制作自己的网页时间：2009-09-22 19:35 来源：未知 作者：大宝库 点击：9865次 阅读工具：字体：大中小首先，可以告诉想学网页制作的朋友。学习制作网页和学习其它知识一样， 是要有基础的。在基础之上学习起来会比较轻松和快捷的。其次，要清楚学习它是用来做什么。建议你要具备的条件：对电脑熟练操作，使用电脑最好在一年以上，对网页 设计感兴趣，有较充足的学习时间，熟悉 ofice办公软件。当然，这些不是一 定必须的。第一阶段：开始时最好是学些网页编辑软件，女口： FrontPage、Dreamweaver. 这样可以使您更了解网页制作与运营的原理。 最好使拿本教程来学学，结合教程

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

3、请，建议到大的网站如新浪、网易去先买一个个人空 间，大概有个20M以上的就可以了。2、软件推荐使用Dreamweaver6.0中文版，这个软件最大的特点就是“所见即所得”， 也即是制作过程中看到的，便是到时发布到网络上的。、教程 花点时间，找个比较通俗易懂的教程看一看是很有必要的。 每个网页的组成，不 外是文字、表格、图、动画还有就是背景音乐等几个大的元素， 搞清楚如何将这 些元素摆放进去，你也就算懂得如何制作网页了。三、制作开始时建议去下载一个比较简单的网页， 在制作软件中将它打开，然后仔细观察 人家的网页的构成，模仿它去填充各种元素，实践中再配合着教城，进度会快很 多，记得也牢一些。其实做

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

5、确定网站主题 网站主题就是你建立的网站所要包含的主要内容， 一个网站必须要有一个明确的 主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全， 包罗万 象。你没有这个能力，也没这个精力，所以必须要找准一个自己最感兴趣内容， 做深、做透，办出自己的特色，这样才能给用户留下深刻的印象。 网站的主题无 定则，只要是你感兴趣的，任何内容都可以，但主题要鲜明，在你的主题范围内 内容做到大而全、精而深。二、搜集材料 明确了网站的主题以后，你就要围绕主题开始搜集材料了。 常言道：“巧妇难为 无米之炊”。要想让自己的网站有血有肉，能够吸引住用户，你就要尽量搜集材 料，搜集得材料越多，以后制作网站就越

6、容易。材料既可以从图书、报纸、光盘、 多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真， 作为自己制作网页的素材。三、规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平， 规划网站就像 设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含 的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、 文字图片的运用等， 你只有在制作网页之前把这些方面都考虑到了， 才能在制作 时驾轻就熟， 胸有成竹。 也只有如此制作出来的网页才能有个性、 有特色，具有 吸引力。 如何规划网站的每一项具体内容， 我们在下面会有详细介绍。 四、选择

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

8、制作网页 材料有了， 工具也选好了， 下面就需要按照规划一步步地把自己的想法变成现实 了，这是一个复杂而细致的过程， 一定要按照先大后小、 先简单后复杂来进行制 作。所谓先大后小， 就是说在制作网页时， 先把大的结构设计好， 然后再逐步完 善小的结构设计。 所谓先简单后复杂， 就是先设计出简单的内容， 然后再设计复 杂的内容， 以便出现问题时好修改。 在制作网页时要多灵活运用模板， 这样可以 大大提高制作效率。六、上传测试网页制作完毕，最后要发布到 Web服务器上，才能够让全世界的朋友观看，现在 上传的工具有很多，有些网页制作工具本身就带有FTP功能，利用这些FTP工具， 你可以很方便地把网站

9、发布到自己申请的主页存放服务器上。 网站上传以后， 你 要在浏览器中打开自己的网站， 逐页逐个链接的进行测试， 发现问题，及时修改， 然后再上传测试。全部测试完毕就可以把你的网址告诉给朋友，让他们来浏览。七、推广宣传 网页做好之后， 还要不断地进行宣传， 这样才能让更多的朋友认识它， 提高网站 的访问率和知名度。 推广的方法有很多， 例如到搜索引擎上注册、 与别的网站交 换链接、加入广告链等。八、维护更新网站要注意经常维护更新内容， 保持内容的新鲜， 不要一做好就放在那儿不变了， 只有不断地给它补充新的内容，才能够吸引住浏览者 .（ 责任编辑：大宝库 ）四一、首先确定你要制作的网页的主题， 就

10、是你建这个网站的内容是什么（注： 网 站和网页的关系与区别就好比一本书和其中的一个页面的关系）；二、确定你的网页的阅读对象，就是你的网页是准备给那些人看的；三、选择制作网页的工具软件，常见的有dreamweaver和office 组件里面的 frontpage ，如果你是初学者， 哪我建议你使用 frongpage, 因为这个软件的入 门比较简单（当然功能也很强大），如果你会使用word的话，哪就可以很快作出网页的，如何你想作专业的网页制作人员，哪我建议你使用dreamweaver，目前的版本是XM我现在就使用，很好用的，这个软件的好处是不怎么产生垃圾 代码，并且支持各种代码的性能很好，基本上

11、各种代码可以直接编辑。四、如果你作好了页面， 就需要考虑你的网页放到什么地方发表， 也就是平 常我们说的发表空间， 我们学校的用户网络中心已经申请好了空间， 大家可以直 接使用（有发布空间的标志是你有了 FTP账号，这个需要申请）。五、找到发布空间以后， 你需要把自己的网页上传到你的发布空间， 这个需 要一个上传软件，我推荐使用 ACEFTP这个软件体积小，速度快，注意我发现 这个软件的 2.0 中文版不能够正确使用，我建议使用 1.31 版。六、 制作网页需要的其他相关软件：ACDSEE这个是查看图片的最好软件， 也可以对图片作简单的处理，目前的版本是 4.0 ，网上很多地方可以下载；另外

12、如果你对图片需要复杂处理的话，哪最好选择使用PHOTOSH，目前的版本是7.0, 也有中文补丁，使用起来很方便， 当然，这个软件的学习使用相对是比较难点的。7、使用层的时候最好定义为 div 标签而不是 layer ，因为前者在两种主流浏览 器都有很好的兼容性。8、在用图片制作热区链接时，最好给热区命名，防止有时只能在图片上画 出直线。9、当我们将框架结构建立好后， 可以将此框架体文件和 Site 窗体并排放置， 然后从 Site 中选择网页文件拖放到相应的框架中。这适用于框架比较复杂的页 面。10、如果对一张图片不满意， 想更换另一张， 最简单的方法双击此图片， 直 接选择要替换的图片即可。

13、11、 在预览网页之前最好先保存一下，有时候在不能正确预览网页， 而存一 下就可能会解决这个问题。12、如果你的页面中使用了 CSS或是Java Applet，最好不要使用“file ->convert- >3.0 browser compatible ”命令， 因为这一选择会把所有 3.0 浏览器不认识的定义都抹去。 最可怕的是我们不知道在这个过程中 Dreamweaver 到底做了什么，具体发生了那些变化。 而且要提醒你，对一批页面执行此操作时， 一定要先备份，否则可没地方买后悔药。（ 责任编辑：大宝库 ）用Dreamweaver制作网页的基本步骤时间：2010-06-29 0

14、8:46来源:未知 作者:大宝库 点击：4984次阅读工具：字体：大中小本教程主要是针对初学者，如何使用Dreamweaver制作一个网页？这个教程具体 详细讲解了制作网页的步骤，及注意的问题，并且拿一个实例来给大家做了一下 详细讲解！创建网页页面1、在Dreamveaver “文件新建常规基本页HTML，这样就建好了 一个页面，英文版的默认的文件名为 un titled.htm 。中文版的的默认的文件名 为“无标题文档”。htm就表示这个网页文件是一个静态的 HTMI文件。给它改 名为 index.htm。注：网站第一页的名字通常是index.htm或index.html。其它页面的名字 可

15、以自己取。这也就是主页，上传后打开网页默认连接到此页。2、在标题空格里输入网页名称，点击修改-页面属性，打开“页面属性” 窗口。在这里可以设置网站的标题、背景颜色或背景图像，超级链接的颜色（一 般默认即可），其他都保持默认即可。3 此时光标位于左上角，可输入一句话，如“欢迎来到我的主页”。选取 文字，用菜单“窗口 /属性”打开属性面板，选取文字大小为6,再使文字居中， 然后在文字前用几个回车使其位于页面中间等。4 .如要选取字体，则选择字体中的最后一项：编辑字体列表。然后在对话 框中选+号，接着在“可用字体”栏中选择需要加入到字体列表中的一种字体， 点击中间的按钮就可以加入了。注：在网页上最常

16、用的是宋体字。不要将特殊的字体加到列表中使用，因 为别人电脑上未装就看不到。如果需要用的话，要做成图片后再使用。注：在网页上打入空格的办法是：把输入法调为全角。注：在网页上换行的办法是：shift+Enter 。只按Enter则为换段。下面拿一个现成的例子来给大家讲解一下：现在，以下边的简单网页为例，叙述一下制作过程。简单网页如下图:我的主页欢迎浏也我的上贝I请悠多提宝贵惹见!I 细 *邮诃i¥“；!*“!§50ff!t<ZZ.帕 tcf«t?在开始制作之前，我们先对这个页面进行一下分析。看看这个页面用到了 哪些东西。网页顶端的标题“我的主页”是一段文字。网

17、页中间是一幅图片。最下端的欢迎词是一段文字。网页背景是一深紫红颜色。构思好这个网页的结构，我们就可以开始制作了。首先启动Dreamweave，确保你已经用站点管理器建立好了一个网站（根 目录）。为了制作方便，请您事先打开资源管理器，把要使用的图片收集到网站目 录images文件夹内。【插入标题文字】进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在 左上角闪烁，光标位置就是插入点的位置。如果要想让文字居中插入，点属性面 板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。【设置文字的格式】 选中文字，在上图属性面板中将字体格式设置成默认 字体，

18、大小可任意更改字号。并选中“ B'将字体变粗。【设置文字的颜色】首先选中文字，在属性面板中，单击颜色选择图标，在 弹出的颜色选择器中用滴管选取颜色即可。【设置网页的标题和背景颜色】点击“修改”菜单选“页面属性”。系统弹出页面属性对话框(如下图)请在标题输入框填入标题“我的主页”。设置背景颜色：网页背景可以是图片，也可以是颜色。此例是颜色。如上图打开背景颜色选择器进行选取。 如果背景要设为图片，点击背景图象“浏览” 按钮，系统弹出图片选择对话框，选中背景图片文件，点击确定按钮。设计视图状态，在标题“我的主页”右边空白处单击鼠标，回车换一行，按照以下的步骤插入一幅画图片，并使这张图片居中。

19、您也可以通过属性面板中的 左对齐按钮让其居左安放。【插入图像】选择以下任意一种方法：(1) 使用插入菜单：在“插入”菜单选“图像”，弹出“选择图像源文件”对话框，选中该图像文件，单击确定。如下图:（2）使用插入栏：单击插入栏对象按钮 选 按钮，弹出“选择图像源文件” 对话框，其余操作同上。（3）使用面板组“资源”面板（如下图）：点按钮，展开根目录的图片文 件夹，选定该文件，用鼠标拖动至工作区合适位置。2 曲禅式 i? 代码T应用趕序21£-X£-a3-注：为了管理方便，我们把图片放在“images ”文件夹内。如果图片少，您 也可以放在站点根目录下。注意文件名要用英文或用拼

20、音文字命名而且使用小写， 不能用中文，否则要出现一些麻烦。一个图片就插入完毕了。（插入*swf动画文件，选择“插入”菜单媒 体Flash ）。【输入欢迎文字】在图片右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎 您,，”然后，利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。【预览网页】在页面编辑器中按 F12预览网页效果。网站中的第一页，也就是首页，我们通常在存盘时取名为index.htm。【小结】我们制作了一个简单的网页。内容有四: 图片插入和对齐设置； 文字的格式、颜色和加粗等设置; 背景颜色的设置； 预览网页，查看实际效果。不仅要掌握还要举一反三反复练习

21、。dreamweaver8 序歹U号|Dreamweaver 8 序列号（Windows 系统）WPD800-58436-27232-80204WPD800-54236-82932-27874WPD800-50434-44832-09154WPD800-52830-64832-84599WPD800-57135-54432-16498WPD800-51933-19032-29398WPD800-58838-01832-94676WPD800-50038-81232-23768WPD800-50036-83532-46061WPD800-54230-86332-66017WPD800-50430

22、-69032-87991WPD800-58838-85432-17374DWD800-80414-27237-60464WPD800-54238-61132-10697WPD800-50434-28532-09195WPD800-50434-44832-09154WPD800-50438-43132-60296WPD800-52836-88632-87970WPD800-50836-81932-91159WPD800-53735-53632-48591WPD800-52830-42932-95093Dreamweaver 8 序列号（Mac系统）WPD800-57533-91832-61682

23、WPD800-50036-22132-61740WPD800-58838-49132-19616WPD800-50434-44832-09154WPD800-53139-78632-74988WPD800-58834-46532-77738WPD800-51537-79832-91728WPD800-58436-27232-80204WPD800-50036-83532-46061WPD800-54232-80332-94711DWD800-04016-87237-49988DWW600-58026-46355-83953« Dreamweaver 8 序列号（Windows 系统）WPD800-58436-27232-80204WPD800-54236-82932-27