制作个人网页的步骤

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

系统学习网页制作的步骤？

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

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

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

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

第二篇：网页制作实验报告完成步骤

武汉大学计算中心2007年5月

《网页与Web程序设计》实验报告

年级：2008级(必修)

学号：2008姓名：专业：

一、实验题目

分析或参考给定的“网站设计实例”，设计一个自选题材的网站。

说明：

1.自行设计的网站可以只包含静态网页(.htm)，也可以包含动态网页(.asp)。

2.站点至少要有三层结构，页面数5页左右;网页要有落款、版权说明。网站大小不要超过10MB。

3.在网站制作过程中或完成后，填写下面“

五、实验步骤”里的省略号部分。

二、实验目的和要求

通过以前各章的学习和实验，同学们已经了解和初步掌握一系列的网页与Web程序设计技术。本实验能使大家对网站设计的全过程，有一个更加完整的概念，熟练掌握网站设计工具“网页设计三剑客”。具体要求如下：

1.自选题材，主题内容要合法、健康、实用。网站主题突出、内容丰富。

2.自己动手独立完成网站设计。可以借鉴和模仿某个网站进行设计与制作，但不可以从网上下载网页直接上交。

3.站点应当设计合理，结构分明，管理有序，无多余文件和文件夹，大小合适。文件和文件夹存放位置要正确，首页文件名应该使用index.htm、index.asp、default.htm或default.asp。其他文件或文件名命名也要规范，不宜使用汉字或带有空格的名称。

4.网站风格统一，设计适合于主题的LOGO(徽标)，或者标题图片及动画。各页面设计合理、美观，有创意。不要太花哨或太孩子气，不要只是各种元素的随意拼凑。图片和动画选用要适合主题，不要在网页中插入不相干的图片，图片保存格式和图片大小要合适。要适用于各种显示器的分辨率，不要太宽，否则在显示器分辨率较小时会出现水平滚动条。

5.各个页面之间的链接要合理有效，路径要正确(使用相对路径)。要合理使用css样式，不要在各个页面中重复定义相同的css样式;应该将css样式存放到css文件中，然后附加即链接到各页中。代码结构清晰，无垃圾代码。

三、实验方法

网站设计的一般过程或方法如下：

1.确定主题和收集资料

自行选定所要设计的网站主题和栏目，收集有关图文、数据等资料，经过分析，初步确定网站的基本功能、结构或三级目录。

2.规划网站和新建站点

在需求分析的基础上，画出网站的树型目录结构图，从网站根文件夹，子文件夹到文件名。首页文件名如index.htm，应该放在网站根文件夹里。根据Windows的“管理工具”中是否已安装IIS，用Dreamweaver 8，在C:Inetpubwwroot或者D:里，新建站点，即根文件夹，子文件夹或文件名。随时在U盘上做好备份。

3.制作素材和单个网页

用“网页设计三剑客”自行制作或者收集网站要使用的小图片、动画、音频或视频，制作单个网页文件及其链接，以及按需要建立数据库。按照规划，一一放在网站的相应子文件夹里。

武汉大学计算中心2007年5月

4.制作首页和建立链接

制作首页，并且建立与下一级网页的链接(若受网站大小限制且超过5页，则可建立必要的空连接)。

5.调试运行

可以边设计边调试，也可以边调试边修改前面的设计。然后，正式运行和提交网站。

四、实验环境

微机 + Windows操作系统(含IIS) + Fireworks 8 + Flash 8 + Dreamweaver 8 + Access。

五、实验步骤

请填写网站分析与设计的实验步骤。

(一)分析给定的“网站设计实例”

1.该网站的树型目录或站点结构图(如图1)：

……

图1 实例网站的树型目录或站点结构

2.在该网站首页上“插入”大标题图片和动画文件的操作步骤：

……

3.在该网站设计中，运用了哪些样式设计技术如CSS等?举例说明：

……

4.在该网站设计中，下一级网页显示的目标(位置)一般设置为：……;数据库(.mdb)文件为：……。

5.在该网站设计中，较好地运用了如下网页与Web程序设计技术：

……

(二)设计自选题材网站的具体步骤

1.确定主题和收集资料

本网站的主题：……

栏目或三级目录：……

2.规划网站和新建站点

网站的树型目录或站点结构图如图2：

……

图2 自制网站的树型目录或站点结构

3.制作素材和单个网页(举例说明典型的操作步骤)

(1)素材制作

……

(2)网页制作

……

(3)建立数据库

4.制作首页和建立链接(举例说明典型的操作步骤)

……

5.调试运行

调试和运行情况：……

第三篇：网页制作的个人体会

以前我一直在做网页，不过是在空间上，那里提供了摸板，只需要自己在里面添舔改改就行了，对一些代码我更本就看不懂，现在好了，虽然我不是很会，但是可以看懂一些了，也能改一些代码了。通过这学期的学习，在老师的精心教导下和同学们的帮助下，以及通过自己在平时的学习和实践，对ASP动态网页知识有了初步认识。通过学习ASP动态网页，不但增加了我的知识面，还使我学会了很多以前不会使用的工具，当然这样还不够，因为我还有很多需要学习的地方，课程虽然上完了，但是在以后的时间里我一定会继续努力，争取做更多的精美的网页出来。通过这次个人网页的制作，我对计算机更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了

通过网页的学习还让我明白了做网页时页面不一定要很复杂，但留白的地方不能很多，这样看起来就不会觉得呆板，反面显得有层次，比较高档，而且百看不厌。网页的特点就是要有一副漂亮的背景图，整个页面看起来就比较舒服。网页的文字要排得整齐紧凑，这样才能给人一种舒服的感觉。在网页适当的地方可以加一些图片，每张画面再加一些不同的文字说明和加一些不同的文字效果，再加一些小动画，这样网页会显得更加的精美。

我的网业制作不是学得很精，细节上处理的不是很好。但是对于网业来说一般：个人主页的选材要小而精。如果你想制作一个自己认为能容大千世界的网业.而把那些精彩的照片放上去的话，那么会引得人的一些不好的看法，还有给人一种很没有主题的感觉让人不一目了然，在第一次视觉上就觉得模糊，很没有特色，主题不鲜明，虽然大千无所不有，但是却样样都不突出，那样会影响我们做网业的效果，一个好的网业当然是要有个好的题材，制作方面也需要非常的细心，自己喜爱的东西可以放上去只是要知道一个适度，制作好一个网业还要经常更新.制作网业这方面也要靠熟能生巧,多做多得 ,也要经常向老师请教,经常去浏览别人的网业,作为借鉴,学习别人的长处,我们都是爱学习的人,这些应该早就懂了,这次做的网页虽不是很好看，可是我花了很多时间来按成它，所以呢它对我以后做网页有很大的帮助。在此次做网页的过程中也让我学到了很多东西，所以呢从我内心来说我是很满意我的这次经历。在制作过程中我不仅学到了书上没有的东西，也培养了我独立思考问题的能力。

谁都知道成功是喜悦的，自己第一次成功了，就会想着更加的努力，向更远的方向发展。每个人都是这样的.....

这次制作还有很多不足的地方,但是我相信我下次会更成功的…。

第四篇：个人网页制作

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

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如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格式的文件，细细研究人家是如何做的。还可以借用网页模版来搞，我的就是这样的。

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

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

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

第五篇：个人网页制作小结

1、最好做别人没有做过(这已经不太可能了，只能说是别人做得少的。)，但是却有潜在市场的内容。

2、网站访问速度要快，网页显示速度要快。最好不要做弹窗广告(事实证明，弹窗广告的月收入对于个人网站站长来说几乎没有意义。(别和我说网易的弹窗，那只是网站联盟建立之初为了吸引客户而采取的权宜之计。))，因为弹窗广告除了惹人反感以外没有任何经济价值。

3、内容要尽量精，同时数量也不能太少，否则的话不能吸引回头客。最好可以做到每个星期更新1~2次，假如

可以做到每天更新那当然是再好不过。

4、一定要有一个可以让访客与站长直接交流的平台，有条件的可以在网站上建立一个论坛，或者在其他网站申请一个论坛。没有条件的，也最好有一个留言本。另外可以考虑建立一个网站的qq群。

5、关于广告问题，我觉得对访问量小的个人网站来说同一页面上的广告不宜放置过多。一个页面的大幅广告超过2个，就容易引起用户反感了。尤其是一些粗制滥造，没有任何美感的广告更是如此。这对于网站的发展是极其不利的。最好以文字新闻广告为主，少用图片及flash广告。同时广告页最好与网页背景可以融为一体，让访问者不至于有突兀之感。

6、内容重复性，虽然在当前的形式下，内容完全原创，没有任何与其他网站重复的可能性已经几乎不存在了。但是无论如何也要有自己的内容，这点是非常重要的，即使自己的内容很少，

且只是对别人的内容进行了修改加工，那也算是你自己的内容。这点是非常重要的，希望大家注意。

7、异地链接，由于个人网站多数是采用的虚拟主机(亦即空间租用)方式实现，一般不会有非常大的ftp空间，充足的带宽及非常高速的访问速度。因此势必造成许多音乐，flash，图片等等内容都是异地链接。这时候就需要特别注意，许多网站都有自己的防盗链措施(不允许异地链接，经常更换链接地址等)。假如因为自己的疏忽造成了自己网站上的异地链接失效，而自己又不知道，就会造成客户的大量流失。所以在制作异地链接时一定要慎之又慎，不要为了贪图方便因小失大。

8、html，图片加工及完善，现在很多个人网站都喜欢在自己的meta标记中加上许多的所谓热门关键字，甚至采用假如与网页背景色相同的文字，妄图欺骗搜索引擎。事实证明，这种做法现在早已失效，新的蛛网协议已不再相信

这类作弊行为。再这么做只会弄巧成拙。所以与其把自己的网页弄得庞大无比，不如精炼html语言，尽量缩小html文件与图片文件大小，这种优化的效果在流量增大的情况下会非常明显。(具体的如何加快网页显示速度等问题请参考相关网页制作教程。)

9、不要以为你的访问者全是1024x768的分辨率，个个都开着音箱，头戴耳机在电脑前看你的网站。事实证明，依然有不少访问者使用的是800x600的分辨率，看网页时候听不到，或者不希望听到你网站上的背景音乐。所以不要做吃力不讨好的事。

10、不要加入过多与网页内容无关的页面对象。事实证明，除非是某些特定类型的网站，否则的话，一般的个人网站访问者，不会对你网页上的大量(超过10个)友情链接，xx链的内容发生兴趣。所以设置友情链接以不影响页面整体美观度为宜。

11、不少个人网站的站长出于种种

考虑，喜欢把给自己的网页设置成不允许鼠标右击，甚至加密html。但是这种设置其实对网站根本没有任何好处，同时还会遭致用户反感。所以这种做法我觉得是千万要不得的。