制作个人网页的步骤

第1篇：制作个人网页的步骤

静态网页制作技术与动态网页制作技术的比较分析

摘要：在我国科学技术不断发展背景下，互联网已经全面渗透到人们生活各个领域，不同的网页制作技术也会给人们带来不同的使用体验。文章分别对静态网页制作技术与动态网页制作技术分别进行了简单的概述，并且介绍了静态网页制作技术与动态网页制作技术分别使用的软件，在此基础上重点对静态网页制作技术与动态网页制作技术二者之间的关联、区别以及转换进行分析，旨在推动我国互联网事业的发展。

关键词：静态网页制作;动态网页制作;可扩展标记语言;程序设计语言

随着我国国民经济的发展以及人民生活水平的提高，社会各界对于我国互联网领域，特别是网页制作技术的关注程度越来越高。网页制作技术以及网页制作的效果对于网站运营发展、优化用户体验以及扩大网站影响等方面都具有十分重要的意义。网页制作技术主要分为动态与静态两种形式，因此，对两种技术各自的特点进行比较，选取更适合的方式进行网页设计和制作，是推动我国互联网事业发展的重要因素。

1 静态网页制作技术概述与应用软件

1.1静态网页制作技术概述

利用静态网页制作技术所制作出来的网页格式后缀均为“.htm”或者“.html”，且静态网页制作技术所制作出的软件内容无法进行随意更改和变动，用户在静态网页中进行浏览时，不会出现不同的网络服务器客户端程序之间发生相互交错的现象。虽然静态网页制作技术所制作出的网页为静态网页，但是不表示网页内部的所有内容都处于静止状态，即静态的网页是在某一方面存在限制，在限制之外的部分也会出现动画格式的文件，例如flash，gif， 3gp等动态效果‘”。

1.2静态网页制作技术应用软件

静态网页制作技术常用软件为可扩展标记语言与超文本标记语言两种，其中可扩展标记语言英文表达形式为XML。可扩展标记语言是一种标准通用标记语言，不仅具有操作简单的效果，同时其功能也十分强大，是一种相对容易理解和掌握的网页制作技术，因此，在静态网页制作技术中应用较为广泛。与之相比的另一种语言为超文本标记语言，英文表达形式为HTML，是通用标记语言之一，主要被应用于静态网页中的标题和段落等环节的设计，同时还可以实现网页中文档语义以及外观的描述、加入超链接等功能。

2 动态网页制作技术概述与应用软件

2.1动态网页制作技术概述

相对于静态網页制作技术，动态网页制作基础是一种动态化的网页制作和展示技术。动态网页制作技术是以静态网页制作技术为基础，将其进行更新实现自身的发展。动态网页制作技术常用语言技术为Java客户端、层叠样式表以及Dw+数据库等。动态网页制作语言和静态网页制作技术中的超文本标记语言能够实现融合发展，从而实现静态网页的动态化展示。但是由于动态网页制作技术的特性，用户在进行动态网页浏览过程中，需要注意服务器客户端的程序之间容易产生相互交错的问题[2]。

2.2动态网页制作技术应用软件

动态网页制作技术主要应用软件为两种，即动态服务器页面(Active Server Pages，ASP)与英文超级文本预处理语言。其中，ASP是一种服务器终端编写脚本的语言，ASP语言结合了Script脚本语言以及超文本标记语言等内容，并且其脚本内容的编写主要基于浏览器中所输入的CGI等脚本内容。所以，利用ASP可以在动态网页设计和制作过程中实现多种编程语言交互使用，从而提升网页页面的多元化。另一种动态网页制作技术所应用的软件为英文超级文本预处理语言，其英文表达方式为PHP。PHP的语言形式和语言算法与计算机程序设计语言，即C语言相结合，从而可以实现跨平台应用软件程序的设计，并且将程序设计语言的不同形式动态化展示，可以将动态网页的各个服务器进行快速切换，是当前世界范围内动态网页制作中应用范围最广也是应用效果最佳的脚本语言。

3 静态网页制作技术和动态网页制作技术比较分析

3.1静态网页制作技术和动态网页制作技术的关联

因为动态网页制作技术实现和发展的基础为静态网页制作技术，因此二者之间具有紧密的内在联系。以静态网页制作技术为基础，动态网页制作技术在其产生和不断发展的过程中，将静态网页制作技术进行了内化和升级，并且为适应不同网页形态设计的需求，不断实现自身的发展与完善，结合Dw+数据库以及Java客户端脚本语言等，为网站网页设计环节提供了强大的动力支持。从某种角度进行分析，动态网页制作技术也是对静态网页制作技术的继承与发展，所以当前世界范围内所使用的动态网页制作技术都蕴含了静态网页制作技术的相关理念。相比之下，因为静态网页制作技术先于动态网页制作技术出现，并且其应用和发展过程中所使用的各项技术和手段均为静态网页制作技术自身原本就具有的，所以并不具有动态网页制作技术内涵。因此，在网站设计之前，利用静态网页制作技术将网站基本结构图进行规划和设计，是网站网页设计建造的重点环节。例如，将网站基本结构组成、网站首页导航栏设计以及网站应用方向和基本内容等进行设计，都需要全面利用静态网页制作技术，从而有效确保网站网页设计的整体框架相对稳定，提高网站的使用效率[3]。

3.2静态网页制作技术和动态网页制作技术的区别

静态网页制作技术和动态网页制作技术之间存在着明显的区别，其中最主要的不同点体现在二者的应用领域和应用范围方面。静态网页制作技术通常情况下主要被应用到各大网站网页设计中的基础环节建设当中，因此，静态网页制作技术适用于网站网页前台设计开发环节。静态网页制作技术的应用能为网站构建奠定良好且稳定的基础。与之相比，动态网页设计技术主要被应用于网页其他主要内容的优化设计方面，利用动态网页设计技术还可以将静态网页以动态化的形式展现出来，将经过修改之后的内容进行发布可以提高用户在网页浏览过程中的浏览体验。

例如，在某网站的设计过程中，该网站设计和搭建技术人员首先将网站前台利用静态网页制作技术进行设计，之后通过Web浏览器发送动态网页的请求，此时Web服务器会根据网站设计人员的需求实现快速查找，并且将相应的数据传递到服务器终端。应用程序服务器会在网页内部的脚本命令当中对所需的数据进行查找，在查找完成之后将数据再次传回到Web服务器当中，实现网站的动态网页设计[4]。

3.3静态网页制作技术和动态网页制作技术的转换

因为静态网页和动态网页在运行过程中所使用的脚本存在一定的区别，所以静态网页中的所有内容脚本都无法在Web服务器当中实现运行。在服务器终端的接收器当中接收到静态网页所发出的请求之时，服务器不会处理该类文件，只会将来经过处理的数据直接返回到发出请求的浏览器网页当中。反之，若服务器终端的接收器接收到动态网页中所发出的此类请求时，服务器便会对软件进行相应的扩展，之后再将经过处理的请求信息返回到发出请求的浏览器网页当中。由此可见，相对于静态网页制作技术而言，动态网页设计技术具有更加先进性的设计功能，因此，在实际应用当中将静态网页制作技术合理转化为动态网页制作技术，可以优化网页使用效果。

但是，因为动态网页不能独立于静态网页而存在，针对此种情况，我国某地区的网站网页设计团队在进行前台软件开发环节利用了静态网页制作技术，在搜索引擎等环节的设计过程中，便将静态网页制作技术转化为动态网页设计技术，同时将用户需求与网站建设相结合，从而实现了静态网页与动态网页设计技术有机统一，为该地区互联网网站建设和网页设计工作提供了强大的技术支持，不仅有效满足互联网用户的使用需求优化了用户的浏览体验，还全面提升了网络技术应用的广泛性和有效性，推动我国互联网事业的发展。

4结语

互联网网站网页设计和制作环节主要依靠静态网页制作技术以及动态网页制作技术两种手段，两种技术既存在区别同时又有着内在的联系。因此，全面分析静态网页制作技术与动态网页制作技术的异同点，在此基础上对二者之间的转化形式和内容进行探究，对于提高我国互联网网站制作技术，优化网页设计效果具有十分重要的推动意义，在增强网页合理性的同时，也有利于推进我国互联网事业的发展和完善。

[参考文献]

[1]朱世美.軟件技术专业静态网页制作课程教学内容改革实践与反思[J]软件导刊(教育技术)，2016 (12)：58-59

[2]吴秀娟.ASP、PHP和JSP在动态网页制作技术比较分析[J]数字技术与应用，2016 (10)：221-223

[3]谭东清.一站式高职电子商务网页制作教学改革与实践[J]中国教育技术装备，2015 (23)：115-117

[4]范云芝.动态网页制作技术ASP、PHP和JSP比较分析[J].电脑知识与技术，2005 (29)：19-21

作者：范芳东

第2篇：■制作个人网页的步骤

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:html),来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office 97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。

二、开始制作

在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是~~~~~~

三、将你制作好的安放在网上

要在网上安你自己的家，你必须先申请一个主页空间，即向某一个主机申请一快硬盘空间。现在有较多的主机提供免费主页空间，具体见实用链接栏目。这些主机不仅提供免费个人主页空间，并且还提供留言簿、计数器等很有用的功能。只要到有关站点申请即可，具体方法，参考相关题目。申请完成以后用FTP将你所有的主页文件上传至主机指定的目录就可以了!

需要注意的是，一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题，只要把位置改动一下就可以的了。

参考资料：http:///xhelp/

第3篇：系统学习网页制作的步骤？

1、初步学习PHOTOSHOP，简要学习一下JPEG及GIF的区别、图片的简单处理及如何将图片做成网页适用的格式。这种书到处都有。

2、初步学习DreamWaver,学会网页的基本元素、网页的布局、网格的使用、链接的创建等，做一个简单的自己的网页增加自己的兴趣。

3、ASP或PHP编程任挑一样，要制作动态网页就必须学，主要是和数据库的挂接，如SQL Server。

4、想为网页增色，只好学学FLASH制作，先做些简单的，图片、文字变形什么的，试试做个自己的LOGO。

第4篇：动态网页制作步骤与感想

感想

我觉得网站设计的发挥空间是无限广阔的。

首先互联网走进千家万户了，人们上网机会多了，网站是直接给客户浏览信息，和客户面对面交流的基本途径，也是最直观的展现媒体。

通过丰富的各种网站流媒体，例如flash，视频，音乐等

现今的世界是信息化的的世界，随着计算机技术和通信的技术的高速发展，互联网从而得到了长足的发展，同时使得互联网在人们的工作生活中越显得重要，成为了必不可少的组成部分。现在网上购物、远程教育、远程医疗等都是其应用的最好证明，更进一步来说互联网的应用推动了生产力的发展，改善了人们的生活水平。

互联网的应用离不开形形式式的网页、网站，要制作一个受欢迎的网页不仅要内容充足、独具特色、适合大众的口味，更需要一个引人入胜的界面，无论从排版、文字、图案、结构等要素都要组合成一个有机的整体，让网民一进入网站就能引起其注意。

“知其易而行后难”，平时在网上冲浪时是那么的自由、舍意，在享受上网乐趣时却不知要制作出一个看似普通的网页却要付出很大的努力，无论从网页设计到内容的搜集都马虎不得，可能为了某一细微之处呕心沥血。本学期学习了Frontpage并要自己来制作才知其中的难处。

从这次制作网页的过程中可以体会到，要制作出一个完整的网页首先要定好主题，我们就可以围绕该主题取材，因为我们现阶段只能是制作一些简单的网页，网页的内容与功能不可能与一些大型的网站如21CN、新浪、163等比较，如果没有了主题就变得内容空泛，根本无从着手。主题定好后就可以考虑网页的结构，有一个好的、完整的架构就像一架飞机的骨干一样，才可以保证网页的正常运行。跟着就是要采集素材，一个网页只有内容丰富、新颖及更新较快才可留住网民，这是一项长期的、艰巨的任务。至此我的网页可以说是“麻雀虽小但五脏俱全”。

万事起头难，最初要制作网页简直是无从入手，因为Frontpaeg从未用过，虽然说它的操作与Word等微软的办公软件的界面及菜单的名称差不多,但具体用起来却是有很大的不同,例如一些功能键、菜单键及其子键的用法等就与WORD有天渊之别。所以本学期学习Frontpage基本上是从头学起，由于时间有限不

能很细致的将每项功能、用法学会，可以说是只对Frontpage有个大概了解，以及可以达到什么效果，对于如何实现只能是一步一步的摸索。

网站能带给用户各种丰富的视觉，听觉体验。

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

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

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

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

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

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

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

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

第5篇：简单的网页制作教程-设计一个个人网站

题目：设计一个个人网站

一、要求：

1.使用Dreamweave网页工具制作一个个人网站;

2.包含至少四个网页: 包括首页、个人简介、个人相册等(可随意设计)，网页之间用超链接相连。

3.网页中要有图片和文字内容，用表格进行页面布局; 4.添加至少两种行为，并为首页添加背景音乐。

5. 在网站中设计一个表单页面。

6. 首页必须包含页面标题，动态按钮导航栏。

首先新建一个文件夹，文件夹的名字不能为汉字，做网站所有的路径都必须用字母或者数字，不能用汉字，我们就用名字吧，譬如说名字张三，那文件夹名字就是zs，如图打开Dreamweaver软件，得到图

做网页要新建站点，关于站点配置服务器什么的，这里不讲了，只讲建立站点。

选择站点——新建站点。

我们建的文件夹就是站点根文件夹。新建站点后得到这样一个界面

点选高级，得到界面

站点名称与我们建文件夹得名字相同，zs填进去就可以了本地根文件夹就是我们新建的那个文件夹zs， http地址为http://localhost/zs

接下来选择左侧栏里远程信息

点击无后面的那个三角，选择本地网络，远端文件夹同样选择我们新建的那个文件夹

接下来点选左面菜单里的测试服务器，

点选访问后面那个三角，选择本地网络，测试服务器文件夹也为我们建好的文件夹zs，在url前缀后面加上zs

然后点击确定就可以了得到这样一个界面。

下面看老师的第一条要求，是要至少四个网页，那我们就做四个

单击新建，然后单击

接下来，选择

然后单击创建，接下单击文件——保存，保存这个文件，保存在我们一开始建好的文件夹里面，保存名字不能是汉字，只能是字母或者数字，因为我们只坐四个网页，可以简单一点，把这四个网页命名为a、b、c、d，或者

1、

2、

3、4，当然一个网站默认的索引首页名为index，这里也用index，

单击保存，这样得到第一个页面，以同样的方式建剩下的三个页面，这里我的首页默认为index.html，其他三个网页的名字分别为a.html、b.html、c.html，我们这四个网页文件已经保存在我们建的文件夹里。

站点中已经有了四个文件。

接下来，我们开始编辑index.html。

单击index.html，显示为当前页面。

单击拆分，

然后我们看这个个网页就叫张三之家了，同样的方法给其他三个网页改名字。 A网页标题

，这个就是网页名字，我们以张三为例，这

，这样老师的第六条我们就完成一半

B网页标题

C网页标题

改好名字之后，一一保存，这个不多说了，接下来操作index.html。

显示首页为当前编辑页面。

首先为index.html页面添加背景音乐。

大家在代码视图里找到

，这个是什么意思就不解释了，我也不知道，就是这个了，在后面输入代码，

然看见这张图片上，

我光标指在哪里了吧，单击空格键，这个时候注意输入法要为美式键盘字母格式，只要不是汉字就行，得到一个菜单，单击src选中，然后单击enter建，这个时候紧跟着src会出现一个浏览，单击浏览，然后出现对话框，选择一首音乐，然后单击确定，

会继续弹出一个对话框点击是，保存到自己建好的文件夹里面，注意这里不能用汉字做音乐名字，必须改成字母或者数字

我是以beyond的歌为例，名字改为by，点击保存背景音乐就添加好了。大家可以看一下，在站点目录下，已经有了这首歌曲。

接下来开始设计页面布局这里用表格布局，这个栏叫设计栏，由于大家都不会代码，所以我们主要在这个栏里操作，

下面大家点击常用里面的表格，就是下面这张图片

中的这个图标

得到对话框如图所示数据：单击确定，得到如下界面

这个插入的表格式可以自动调整大小的，大家可以自己试一下，接下来用这些表格布局，给大家看两个图标，这个图标就像是excel中那个合并和拆分单元格是一个意思，左边那个代表合并单元格，右面那个代表拆分单元格，excel大家都会把，就和那个布局差不错，我做一个简单的布局，为了方便，我把这个表格缩小，

这个布局很简单，第二行全部合并，第三行第二三列合并，大家可以根据自己的需要进行拆分合并，还可以在表格里面再次插入表格。

宽度和高度的设置时在代码里找到，之后把它变成

height=””>，其中align表示表格位置，height表示表格高度，大家可以根据自己的需要来填数字，默认是以像素为单位的。

接下来制作导航，这是老师第六条中的第二个要求，注意我在这里给了两种方法，大家可以先看一下，再决定选择哪种

我没看懂什么叫动态按钮导航条，不知道是让这个字动呢，还是让这个字动呢?如果大家嫌麻烦，就直接输入汉字，结果就是下面这样的

如果要文字居中显示可以将这四个框同时选中，然后居中

在水平栏里面选择

以后所有的文字格式都可以在这里面选，但是首先要选中自己所要操作的文字。

创建链接，选中首页两个字，然后单击右键——创建链接，选择index.html，然后以同样的方法，给其他三个栏里的文字做链接，创建链接的文字会有下划线，同时改变颜色

如果大家不嫌麻烦，教大家用flash做一个动态的按钮导航，

把光标放在第一行第一个栏里，然后

这个常用栏里的flash按钮，单击后面那个小三角，选择flash按钮。得到对话框

我们可以看到这个按钮的样式是可以自己选择的，大家随意选择一款自己喜欢的按钮，

然后在按钮文本栏里，填入首页两个字，字体设置随意，然后链接

这个栏里填入index.html，注意这里的链接就是超级链接，当你点击这个按钮的时候，它就会显示主页，我们设置后面三个按钮的时候，一定要记得，当你文本栏里填入个人简介字的时候，那你的链接就要指向简介那个页面，我们这里就是a.html。其他像什么背景色之类的随意，

然后单击确定。这样第一个按钮就做好了，接下来我们自己做剩下的三个按钮，注意链接问题，大家做好后，可以看到自己站点内多了四个swf格式的文件，这四个就是按钮，

保存的时候，有一个文件问是否要保存，一定要点击是，不然flash不运行了。

大家可以回到自己的文件夹里，打开首页，测试一下，是不是单击这四个按钮会指向自己所设置的网页，

然后我们给第二行设置背景颜色，以有弹出颜色选框，大家随意选择自己喜欢的颜色

单击背景颜色后面那个方框，可

接下来，完成老师的第五个要求，制作表单，这个把光标指向第三行第一个栏

选在表单选项中的。也就是第一个按钮，这时得到界面

我们把光标指向红线里面，输入“用户名：”然后点击表单选项中的第二个按钮弹出对话框，选择确定，得到界面

同样方法换行输入密码

再次换行，单击表单选项中的按钮项输入两个按钮，

然后选中第一个按钮，得到以下属性

将值后面栏里的文字改为登录，同样方法，把第二个按钮的值改为注册，

。

接下来插入文字和图片，在现在的第二行第二列里操作

把光标指向第三行第二列，选择常用栏

选择这个栏里的图像按钮，弹出对话框，这时大家选择自己电脑里的一张图片，单击确定后弹出对话框，问是否保存在站点根目录下，单击确定，这时候需要注意的是，图片名字不能有汉字，图像标签和辅助属性那一栏不用管，单击确定即可。

接下来就是输入汉字了，我们在图片的后面先输入汉字，可以看到这样的显示，

上面还空了很大一块地方，似乎不太好，不符合图文混排的规矩，

大家单击图片选中，在属性栏里找到找到到对齐那一栏，在后面点选左对齐，

得到最终图文效果是这样的。

第四行还有四个栏，大家可以在里面表明作者时间、以及自己的邮箱、QQ等内容，这里我就不写了。

实际上做到这里，我们几乎完成了老师的所有要求了就差添加两种行为了后面还有三个网页没做呢，怎么办啊，后面三个网页大家还没做，教大家一个简单的方法，大家把鼠标指向了。

这个栏的左边，在表格和边框之间，我们可以发现，鼠标斜向右首先单击鼠标左键，选中这个表格然后不要移动鼠标，同时单击右键，单击拷贝，然后这个表格就拷贝好了，打开其他三个页面，分别粘贴过去，图像属性描述不用管，取消，这样做的好处是它的好处非常多。

大家打开a.html，这个是个人简介，就是一个图文混排了，图文混排我们已经讲过了，更何况我们这个页面里已经有了图文混排了，大家可以换一张图片，换一些文字，做一些自我介绍什么的，都可以。，但是我们最好把那个表单删掉，哪个是表单就不用我说了吧，

就是这个了。删掉之后，选中第三行三个栏，合并就好了，第二个页面就做好了，

接下来我们看第三个页面，b.html，这个页面是个人相册

这里我同样分两种方法给大家讲，第一种方法很简单。就是插入几张图片，

现在第三行剩下三个空栏，每个栏里插入一张图片，景色也好，其他也罢，然后加上图片说明，一切搞定，这个我就不写了，第二种方法还是用flash做相册，首先大家合并第三行三个栏。

并将光标指向第三行，

然后单击这个图片中的插入记录——媒体——图像查看器，之后得到这样的界面

注意这个是可以调节大小的，看你想要多大的相册了。单击选中，

我们会发现右面多出这样一个界面flash元素

在其中找到

然后单击后面的img1那里，会发现后面多出一支笔，单击那个笔，弹出对话框

单击减号，将img1三个删掉，然后再单击加号，会多出一个文件夹标志，单击文件夹标志，然后弹出对话框

在自己电脑里选择一张图片，将图片保存到站点根文件夹下，还是那个问题，名字中不能有汉字，添加好第一张图片之后界面如图

大家可以多添加几张图片，这样一个相册就做好了，单击确定。接下来就剩下第四页了，就是写几行文字的事情了，

把表单和图文混排都删除，然后合并三个栏，然后添加一些文字，搞定了。这四个页面都做好了，我们还有一项任务没有完成，那就是给页面添加两个行为

下面我们讲添加行为，

打开首页，单击图像选中，然后找到一下命令，

看到行为面板下那个醒目的加号了吗单击加号——交换图像，弹出对话框

单击浏览，在自己电脑中找出一张图片，单击确定，存放到站点根目录下，

这样第一个行为就完成了，当我们鼠标滑过这张图片的时候，就会变为另一张图片。下面添加第二个行为，我们将光标指向第二行蓝色背景哪一行，然后单击行为面板下的加号——弹出信息，得到对话框

写上你好，单击确定。这样在我们单击蓝色地带的时候，就会弹出你好信息框。

第6篇：个人网页制作

宣传语：如果你已经上网，为何不尝试一下在网上做一个完全属于自己的主页?有了自己的主页，全世界的人都可以随时找到你，你也可以向全世界宣传下自己，是非常有意义和有意思的。现在简单介绍一下制作主页的过程和方法：

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:html),来放你的所有文件，然后再在这个目录建立三个子目录：myself,interest，job。文件名你可以任意，但最好全部小写，因为有的主机要认大小写。然后将你的材料copy进相应的子目录。比如你要在你的主页里展示你的靓照，那就将你的照片扫描成JPG格式的文件，放在myself的目录下.要注意,网上只能使用JPG和GIF两种图象格式，其他诸如BMP和TIF等很通用的格式都不能用在网上,因为它们太大了,但你可以用图象软件进行转换，比如Office97的照片编辑器。把你准备在你主页上出现的图象放进相应的目录里后,你就可以开始制作了。

二、开始制作

你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选EditPage,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选createlink，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。在你的封面做好了所有链接和图片后，记住你必须将这一页保存为index.htm(有的主机要求必须为index.html),因为网页默认的主页名称是index.制作主页其实很简单，只要多实际制作，工多艺熟。还可以拿来主义，在网上看到什么好的主页，用另存为功能保存为.html格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是这样的。

三、将你制作好的安放在网上

注意：一定要保持网页的相对位置，否则会看不到网页的，有很多朋友都问我:为什么我的网页传上去了可是看不到,老是出现网页错误呢?其实他们都是因为位置的问题，只要把位置改动一下就可以的了引用!

第7篇：教你怎么制作个人网页

从这儿开始

如果你对于个人网页很陌生，不知道该从哪里开始着手去做，那么就请按照下面所说的去做，你不需要具备网站建设知识，甚至不需要了解或使用任何编码，就能够创建属于你自己的个人网页。

把你的站点发布到网上

简易的站点主机——网上有一些免费的网络主机服务，它们能为你提供一种简单的方式，使你利用在线的简单的设计编辑器或使用模板来制作一个个人网站。你所要做的全部内容就是撰写你的网页内容，而不需要编码。

博客主机——如果你想要创建一个博客，那么有一些站点是你应该考虑的。它们很容易学会，也不需要任何技术性的知识。

除了网页和博客以外

档案站点——像MySpace这样的网站，可以让你创建一个在线的个人空间，你可以在这个空间内和互联网上的其它人进行交流。

你可以添加几张照片，告诉别人关于你自己的事情。

在线相簿——把你的数码相片放到网上，创建你自己的个人在线相簿。

Wiki——另一种形式的网站。Wiki是一个既允许你，也允许你的访客更新你的站点的网站。你来选择主题，他们帮你写内容。

制作在线网页网站制作程序——当你想要制作你的网站的时候，你可以使用一个与你的网络主机服务一起供给的在线编辑器，或者你可以买一个你自己的程序来在你的电脑上设计网页。如果你想要创建属于自己的网页，那么互联网上有许多这样的程序可供选择。

上传网页——如果你决定在你的电脑上制作而不是在线制作你的网页的话，那么，在完成制作后你需要使用某种方法把你的网页上传到你的网络主机服务器上去。许多主机服务提供给你了这样的程序，来帮你实现这一点，但是有的却没有。如果你的主机服务提供商没有给你提供这种程序的话，你会需要一个这样的程序。

图形

所有关于添加图形的事情——这里有你所需要知道的如何开始向网页中添加图形的全部内容。了解如何链接到你的图形，如何把它们从网络上下载下来，如何从你的网站上把它们上传上去以及其它。

免费在线剪辑艺术——你可以在你的个人网站上免费使用的图形。下载这些图形，把它们添加到你的网页上，来营造一个更加个性化的网站外观。

模板和娱乐

复制/粘贴模板——如果你想让你的网页看上去是某一样子的你可以利用模板来设计它。拷贝下代码，把它粘贴到你的HTML编辑器中。然后在空白处填上你自己的个人网页上想要的内容。

添加在线挂件/附件——如果你想要在你的网站上添加些有趣的东西，试试这些。天气预报，游戏，占星，地图等许多东西你都可以尝试下。