制作个人网页的步骤

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

■制作个人网页的步骤

一、准备材料

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

二、开始制作

你无须去记复杂的HTML语言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打开Netscape,在file菜单里选Edit Page,便可以制作了.文字的处理基本跟Word没什么两样,关键是插入图片和产生链接.我们先做关于你自我介绍的一页，你先写上“大家好，我是superboy，下面是我的照片：”这时要放图片了，只须点击Insert菜单，选取Image,在Choosefile里选取你的图象文件即可，然后把这个文件保存为myself.html文件，放在myself的目录下。好，现在必须做封面了，你在封面写：“欢迎来到superboy的主页”以下是“自我介绍，我的爱好，我的工作”。你的自我介绍要链接到下一页去，你只须用鼠标选“自我介绍”后按鼠标右键，再选create link，然后再选你myself目录下的myself.html，就将“自我介绍”链接到下一页了，以后在浏览器中一按，就可以跳到镶有你靓照的页面啦。

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

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

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

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

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

第二篇：管理信息系统网页制作步骤

网页制作步骤

一、前期工作与首页

1.启动“梦”

2.启动DW

3.编辑→首选参数→字符编码→简体中文→允许多个连续多个连续空格

4.站点→管理站点→新建→站点

5.站点名称是，ASP VBScript本地/网络，文件夹测试否完成6.文件→新建→ASP VBScript→创建

7.文件→保存→文件名（index）→保存

8.输入标题（设置字体字号居中等）→输入汉字

9.保存 下一步下一步下一步下一步下一步

二、信息管理页面

1.文件→新建→创建→保存→重命名

2.输入标题

3.插入记录→表格（2行，5列）（实际行列数根据老师给的数据库而定）

4.数据库→自定义连接字符串→连接名称（conn）→连接字符串（老师会给的，复制粘贴就可以了）

5.绑定→记录集→名称（rs）→连接（conn）→确定

6.在表格里输入内容→把绑定的东西拖进来

7.选中整个表格（即点一下表格边框）→服务器行为→重复区域→显示5条记录→显示区域→如果记录集不为空则显示→记录集分页→移至第一条，前一条，下一条，最后一条记录

8.回到首页→添加连接到此页的链接

9.保存全部

三、修改页面

1.文件→新建→创建→保存→重命名（modidata）

2.输入标题→添加表单

3.表格（5行，2列）（根据实际情况调整）

4.绑定→记录集→名称（rs）→连接（conn）→筛选（学号=URL参数，学号）

5.在表格里输入内容→放按钮→放文本字段

6.选中文本字段或按钮→修改按钮的值→修改文本字段的初始值和文本域→右键“修改数据”按钮→编辑标签→on click→复制粘贴老师给的另一个代码

7.选中表格→服务器行为→更新记录→连接（conn）→唯一键列（学号）→在更新后，转到（信息管理页面）

8.回到信息管理页面→选中“修改”二字→服务器行为→转到详细页面

9.保存全部

四、录入数据页面

1.文件→新建→创建→保存→重命名（inputdata）

2.输入标题→添加表单

3.表格（5行，2列）（根据实际情况调整）

4.绑定→记录集→名称（rs）→连接（conn）

5.在表格里输入内容→放按钮→放文本字段

6.修改文本字段的文本域→修改按钮的值→右键修改按钮的on click

7.选中表格→服务器行为→插入记录→连接（conn）→插入后转到（信息管理页面）

8.回到信息管理页面→添加“录入数据”四个字→服务器行为→转到相关页面（inputdata）

9.保存全部

五、查询页面

1.文件→新建→创建→保存→重命名（query）

2.输入标题→添加表单

3.表格（5行，2列）（根据实际情况调整）

4.绑定→记录集→名称（rs）→连接（conn）→筛选（姓名，包含，表单变量，xm）

5.在表格里输入内容→把记录集里的东西拖进来

6.回到信息管理页面→添加表单→输入文字→放文本字段→放按钮

7.修改文本字段的文本域为“xm”→修改按钮的值

8.选中表单→动作→query

9.保存全部

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

武汉大学计算中心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．调试运行

调试和运行情况：……

第四篇：个人网页制作

个人网页制作

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

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如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、初步学习PHOTOSHOP，简要学习一下JPEG及GIF的区别、图片的简单处理及如何将图片做成网页适用的格式。这种书到处都有。

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

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

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