怎么做一个网页(学生个人网页制作html)

其实怎么做一个网页的问题并不复杂，但是又很多的朋友都不太了解学生个人网页制作html，因此呢，今天小编就来为大家分享怎么做一个网页的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！

自己怎么做一个网页

自己怎么做一个网页？现在炫彩的网页很多，那都是怎么做出来的呢？为了帮助小白能快速学会一些基础知识，小鱼就不用代码而就直接用网页软件制作了。

1首先得有这个软件，名字是Adobe Dreamweaver CS3，这个在网络上就能下到，提倡正版。

2打开界面就是这样，想要做一个简单的网页就点击这个。

3然后就进入这么个界面，因为一般做网页都是用表格来分割板块和规划界面，下来就插入一个表格简单示范。

4点击插入记录里的表格。

5在这里设置表格属性，因为小鱼在示范，就直接用1*1的了。

6然后就是这个样子，可以随意拉伸调整，接下来我们插入一个图片。

7点击插入记录里的图像。

8在这里选择图片并确定。

9在点击确定后就会弹出这个窗口，这个是确认路径，在网页中每个板块的内容都是在服务器上有确定的路径以防止错乱。

10这里还是确认路径，点击小文件夹图标，再次选择上次选择的图片，并确认。

11再次确认。

12添加完毕就是这样，根据图片分辨率不同插进后大小会不同，进行调整就可以了。

13然后就可以用网页打开试试了，点击如图的图标，会出现是否保存字样，将其保存到自己想要保存的文件路径就可以了，注意保存时文件后缀名.html不能改动。

14这个就是打开的样子，下次会介绍如何添加网页标题和其中的一种网页链接方式。

注意事项

如果对您有用，麻烦有得收藏点赞投票，谢谢支持。

如何做一个小型网页

怎样制作网页

现在市面上的有许多制作网页的工具，office中也有一个专门作网页的工具FrontPage，其操作与word相似，比较容易上手。下面以FrontPage 2000为例，介绍网页制作的基本知识。

如何打开FrontPage了解主界面

单击任务栏“开始”按钮，选择“程序”选项，单击FrontPage就可以进入。

进入后你会发现PRONTPAGE界面和WORD很相似[图一]，这是因为编辑WEB页面和编辑WORD文档有很多同样的设置，这些设置所用的图标和WORD中的是一样的。

[图一]ProntPage2000界面

视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FRONTPAGE共有6种视图[如左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。

这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。

下面看一看同一个WEB站点在不同视图中是怎样显示的。

单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮，窗口中增加了一个文件夹列表框[图一]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。

[图一]网页视图

注意，此时工作区的左下角有三个切换显示模式的选项卡[图二]。单击“普通”选项卡，就切换到了普通模式。在普通模式可以编辑网页的内容以及设置各种格式。单击“预览”选项卡就到了预览模式。如果要看一看当前编辑的文件在浏览器中的显示情况，就使用预览模式，在预览模式下，是不能编辑网页的。单击“HTML”，有的时候，也可以切换到HTML模式直接对网页对应的HTML文本文件进行编辑，从而为网页作一些特殊的设置。

[图二]工作区的三个切换模式

文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件[图三]。由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。比如，可以把所有的图形文件放入IMAGE文件夹。FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息。下面为当前站点再添加一个SOUND文件夹，用来存放WEB站点用到的声音文件：选中站点的根目录，然后单击“文件”菜单的“新建”项，在弹出的子菜单中选择“文件夹”命令。在输入SOUND，新文件夹就建立好了[图四]。

[图三]文件列表 [图四]文件列表

其实一个站点实际上就是一个目录，在这个目录下可以建立许多子目录，并将站点的各种文件放在这些目录里。

任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。

报表视图给出了当前站点的一些统计信息。这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。

导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页。如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来。

超链接视图是用来察看选中网页中设置的超链接的。通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。

任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。

创建网页

这一节我们讨论怎样创建页面。

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。

如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板[图一]，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。

[图一]新建网页对话框

使用模板可以不用总是从空白网页开始编辑，这样就省力很多。

加入文字

FrontPage中对于文字与图像的处理与word很相似，用过word的人对于FrontPage中这部分的操作很容易上手的。不过，毕竟是网页制作软件，在Web的基础上，又增加了很实用的功能，也能做出复杂而且高级的网页文字与图像。

FrontPage中对于文字以及图像的处理基本集中在这三个菜单栏里：编辑、插入、格式。编辑：包括用于处理文字的复制、粘贴等操作，调整网页内容（包括文字、图像、控件等等）的多少以及安排。是最基础的工具，经常使用其对应的快捷键。插入：用于网页各种部件及其组成部分的创建，很多选项都能创建既复杂又实用的部件，这方面较Dreamwaver更容易被初学者接受。（图2.1）

图2.1

格式：对于文字的处理大多集中在这里，这里的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏。（图2.2）

图2.2

（一）创建文字：在FrontPage中创建文字的方法大致分两种：输入和导入。1、新建一个网页，之后输入的文字就会在光标所在位置出现，根本得不能再根本的方法，说白了就是打字。只要光标能到的地方都可以正常输入文字。2、通过【粘贴】能将之前在任何程序中复制或者剪切的文字创建到当前编辑网页中，【编辑】菜单栏中的选项与之有关。还可以通过【插入】中【文件】的形式导入文字，包括txt、doc、htm等纯文本或者包含文字的文件。（二）处理文字字体：选择【格式】菜单栏中的【字体】选项，出现字体对话框（如图2.3）。

图2.3

字体：框中选择想应用的字体。字体文件都保存在windows目录中的fonts子目录中，可以自行删改添加。字形：有常规、倾斜、加粗和加粗倾斜四个选项。一般来说正文选用保持常规，加粗用于标题，倾斜则用于突出正文中的内容以及使文字美观。字号：可以直接在输入框中输入想使用的字号，也可以在选项中选取。一般来说在浏览器中9磅和10.5磅看起来最美观最舒服。字符间距：这个分页中的选项是用来进行行距设置以及文字定位的。预览：无论在【字体】中进行什么操作，都可以在预览框中看到样品，方便选取合适的搭配。

怎么做一个完整的网页

一、制作网站前的准备

可以使用一种汉字输入方法，快慢不拘。

会用IE点击上网并浏览网页

知道一些最最基本的术语，例如说超级链接你知道点一下就能到别的网页去，这个相信你也会吧。

你会使用office软件——没听说过？WORD知道吧？就是你打字的东东。你肯定打过什么文稿之类的东东吧，那就得用到WORD，要不WPS也行，反正一定得会使用这样的软件，不然你就没办法实现制作网页的那些功能。

OK，假设你上面这些东东你全都会的话，那就可以制作网页啦。

二、制作网页前必须了解的东东

为了使我们这个教材真正实现谁都学得会，谁都看得懂，我决定不在这个教材里说任何专业的东东，我们是想做网页而不是想当网络管理员，更不需要为考什么等级而努力。所以我将这教材定位在最最简单明了的基础上，有些地方写得恐怕你看了也会说一声“弱智”，不过请相信，网上一定还有比你还弱智的朋友等着这些提示呢。呵呵，那么，开始制作啦！

首先，我们需要有必要的软件来制作网页。我推荐你使用 Frontpage2003（没听说过吗？那我给你解释一下，你去街角的卖盗版盘的老板那问问，有FRONTPAGE2000全版的没有？老扳就会热心的给你一套OFFCE2003，说这就是了，然后要你买下），这个软件同 WORD，EXCEL之类软件一样，是OFFICE系列的一员，安装OFFICE的时候将它也装上，你就能做网页啦，别担心你不会用，我会手把手教你做的。如果你不会装OFFICE，那就请你哪位哥哥帮你个小忙，请他为你装上，其实一点也不难装。

好，假设你安装好了FRONTPAGE2003（FRONTPAGE2000也可，不过使用起来没有FRONTPAGE2003顺手），我就是用的FRONTPAGE2003，所以教材上也以此为准。

喂，你先别得意，有了这个FRONTPAGE2003是可以做网页，不过还得有其它一大堆软件你才能做得和我的馨香小憩站一样呢，你要学的东东多着呢，千万别得意哦。

三、正式开始啦

好，打开FRONTPAGE2003，第一次进入左边会有个烦人的什么视图窗，这东东用不着，关掉它！怎么关？记好了，方法如下：

点击上面那菜单条——选查看——在菜单上那个标有“视图栏”的小勾上点一下，呵呵！会了吧，为了简明起见，这个操作我将写为菜单——查看——视图栏记住了吗？这样你看着省心我打着省事，皆大欢喜:-)

现在出现在我们面前的是一个空白的页面。

1、给这个网面起个名字，怎么起？请看方法：

菜单——文件——另存为……——（选择你想保存的文件名、网页标题、保存位置）

对了，你一定看到另存为的时候有个什么网页标题的更改按钮了吧，点一下你就可以改成你喜欢的网页标题了，例如说“欢迎来到我的主页”之类。记好，一定要选保存。建议你保存的文件名为 index，因为这个名字的页面是网站必须有的第一页，网站必须有这一页。对了，另存为的对话框最上面还有个“保存位置”，你可以选好你想保存的网页路径，一般保存在“我的文档”里。你可以自己建个新文件夹用来存放你的主页。

现在我们的网页文件己经出来了，名字叫“index.htm”页面标题是“欢迎来到我的主页”，你可以试着用IE打开这个网页文件，在浏览器最上最左边的蓝色条上能看到这句话。你又会说了，空空的嘛，一个网页是出来了，上面上个字也没有！别急，咱这就往里加字！

你直接输入“欢迎来到我的主页！”这句话。就会看到在网页的左上边出现了这句话，和打字一样，对了，就和打字一样，这么简单！点一下左上角那个小小的磁盘保存这个文件吧，或者用 Ctrl+ S保存。

然后用浏览器IE打开这个文件，你就会看到你刚打的字了！其实FRONTPAGE2003页面下有三个标签，分别是“普通”、“HTML”、“预览”，用“预览”一样能看到。不过我自己觉得不如另外用浏览器打开来得实在，呵呵，个人习惯，你尽可以用预览这个标签来看。

2、改变字体的大小和颜色

你可以用鼠标在你想改变颜色的字上拖动，使之成为反色字，就算选中啦。我想你如果会复制粘贴就该会这个吧。选好后在上面工具栏上找到“格式”工具，——没有？那就用这个方法把它调出来！菜单——查看——工具栏——格式，出来了吧！

和WORD一样，格式的操作很简单，一看就会。请注意，字体请不要设置得太怪，一般采用默认字体或宋体。

选择字体的大小可以从1号至7号不等。1号最小，7号最大。字符颜色选择请看看那个标有“A”字的小按钮，点一下它旁边的向下箭头。会出现好多颜色，你选一下就成了。这时你会发现选中的字大小和颜色变了，其实这些操作和WORD是一样的，你应当一看就会。

其它诸如缩进、排列序号、段落间距之类都和OFFICE一样，我就不多说了，不会的话可以看看有关WORD的书或自己琢磨一下，挨个试一试，这些很容易就学会的。

3、表格

表格是网页中很重要的一节，在网页中为实现好看的效果，必须使用表格，表格不难画，只需点中那个工具栏上的小小铅笔的按钮就能画了。如果你的页面上没有表格工具，请使用菜单——查看——工具栏——表格来打开它。

表格无非就是这么横几道竖几道的框框，每一个格子叫单元格，这个很重要哦，你可以通过选中单元格按鼠标右键来选择相应的菜单。单元格有单元格的属性，表格有表格的属性，网页也有网页的属性，这一切都在右击鼠标键上。呵呵，学会这些做网页就不愁啦。

通过拉动表格的边线可以改变大小，也可以通过右击鼠标选表格大小里直接输入数值来指定大小，后者更精确一些。一般来说表格宽度不应超过790，因为网页的大小定位在800*600格式下，超过了就会在网页下面出现拉动条，有点不好看，所以我用表格一般让它宽度为790，当然这要根据你想实现的网页效果来做。

4、单元格

一般网页都是由几个表格组成的，表格里的单元格里分别放着相应的图片，文字和插件。所以单元格是网页是最小的单位，每个单元格都有它的属性，一般来说，我们可以用这些属性来做一些想做到的事。比方说边框的颜色、单元格内容对齐方式，可以选择水平和垂直属性。这些能很方便的给实现单元格内部的排版，再有就是单元格的颜色、行跨距什么的，一看就会，我想你能明白。设定这些属性的目的就在于改变各个单元格的样式，有了这些，单元格之间就能组成好看的页面了，多练练这方面的东东。

5、网页属性

网页的属性有许多，你可以点击右键选取择网页属性进入。和我们初学者有关的就是背景啦，选择背景标签你就会看到相应内容，分别是格式和颜色两个内容。里面有个背景图片按钮，你可以从中点浏览打一张你喜欢的图片做背景，比方说馨香小憩站的背景就是一张有泡泡的墙纸的样子。它可以很方便的做到漂亮的页面了。还有一个格式属性，通过这个属性你可以改变链接的样式，比方说文字默认颜色啦，背景默认颜色及其它一些选取项，你都可以试试，一看就会的。

6、插入图片

网页上没图片那就称不上是网页了，好看的网页当然要有图片陪衬，不过为了能找到图片，建议你在你的网页文件路径下设一个名为“image"的文件夹，把你这网页的图片放里面去，这样你就可以轻松的管理图片而不至于以后发生上传后网页上找不到图片的现象了。

插入图片操作很简单，通过下面这个方式就能做到了。菜单栏——插入——图片——来自文件——选择想插入的图片。

你最好将想插入的图片放到 image文件夹里，然后再插入，这样网页上所有的图片都包含在 image文件夹里了。方便也很实用。插入后可以选择一些图片属性让它更符合你的页面，比方说图片大小啦，图片颜色优化什么的，这些都可以在图片上通过右击鼠标选图片属性来修改。

说了半天你应该明白个道理，想修改什么就可以选中它然后按右键选相应的菜单，这很方便嘛，你学会这个就己经学会做网页的一半了！

7、超级链接

网页上没超级链接那不成其为网页，你想让你的小站也拥有超级链接吗？哈哈，很EASY！这样来实现它！

选中你想使之成为超级链接的文本，比方说是“进入”两个字，选取中后仍是按鼠标右键，选弹出菜单上那个“超级链接……”就会出现一个对话框让你来设定超级链接。你不会呀？简单极了！就是在 URL里输入网址就行了。呵呵，比方说你输入我的小站的地址：“”保存一下网页。然后选预览或用IE打开这个网页文件，你会发现点击“进入”两个字就会进入到我的小站了，当然，你把超级链接改成别的网址点击它自然是到那个网址了。

记着，可以设定超级链接点击后是在新窗口打开还是在原窗口打开，这你只要在目标框架里选一下就成了。一般是设为网页默认值，你可以改变它使之成为新建窗口。

四、设计你自己的主页

以上提到的一些功能的使用你会了没？用这些功能就能做出相当漂亮的主页了！不信？好，你看看馨香小憩的一些页面不就是由这几个东东组成的吗？现在你就可以自己来设计一个主页了，相信你会做得比我好看的。

哦，忘了提一些东东了。有些东西你必须注意

1、图片不可太大，因为网络不快，图片一般在10K以下还能承受，超过10K就会影响浏览速度了，一般页面里可以有个总量为30K的图片，这是极限了，再多网页会半天也打不开的。

2、注意配色。网页好看是在于一个整体，而配色是很关键的，访问者一眼看到网页的整体布局就会以它的配色产生一个总体感觉，如果配色不好，访问者就不会有什么好印象了。关于配色方面是见仁见智的事，你可以注意一些杂志、画报之类刊物上的配色，学学别人的经验。

3、总体布局。网页布局要和协，不要看起来显着头重脚轻或虎头蛇尾，学学报纸上的布局对你会大有帮助！

4、链接注意事项。一般你的网站不会只有一个页面，你如果想使页面可以用链接连起来。只需在超级链接里输入文件名就行了。比方说你的首页文件名是 index.htm，次页文件是 text.htm那么只需在 URL里输入"text.htm"即可，记着“http://”是网上才用的东东，你在本地编辑是用不着的，当主页上传到网上时，它自动会变成"http://你的主页地址"加上"text.htm"了，这不用你担心，你只需填入你当前目录和当前目录的子目录的路径就行了。图片链接可以填入"image\xx.gif"之类。

5、关于图片。可以在很多地方得到好看的图片，不过为了使你的主页更好看，还是有必要自己画一些图片的。比方说标志啦，美术字什么的，它会使你的主页更加妩媚动人。

入门可先用Frontpage2003，当了解了基础之后，再学习以dreamweaver为主的网页制作三剑客，包括图片处理和FLASH制作。如果想更专业一些，就要学习编程，但刚开始可学借用他人的程序作为模版，同时兼学程序设计原理，二者缺一不可。学网页关键在于有兴趣、有恒心、有方法，则用不了一年，你一定可以学会做网页，可能谈不上高手，但肯定不会被人叫做菜鸟。

其他的如网页素材、gif动画图片库、网页模板、、网页特效、midi背景音乐、网页制作软件、字体下载、免费搜索代码等可参照参考资料

参考资料：

怎么做一个网页的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于学生个人网页制作html、怎么做一个网页的信息别忘了在本站进行查找哦。