系统学习网页制作的步骤

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

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

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

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

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

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

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

网页制作步骤

一、前期工作与首页

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.保存全部

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

■制作个人网页的步骤

一、准备材料

你首先做一个小计划,准备在主页上告诉人家什么？比如介绍三个方面：自我介绍,我的爱好,我的工作,那你就先起一个总目录（文件夹,比如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/

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

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

调试和运行情况：……

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

感想

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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