做一般网页制作的简单教程

（1）。制作动态字幕（以使用Microsoft Frontpage为例）
1.打开Microsoft Frontpage软件，点屏幕上面的『表格』--『插入』-『表格』，调整『行』与『列』的数量，及『对齐方式』（水平居中为好）--点『确定』；
2.先在格子里写上你需要的字幕，涂蓝它，在（默认字体）处选择字体，在『普通』处调整字幕的大小，在『A』处选择字的颜色，在A的左侧斜杠处选字的背景； 『预览』。如不满意，重新做。
（2）。选择及添加背景音乐
1.打开背景音乐库：http://www.wcnw.net/midi/1.asp，点击喜欢的音乐名称，试听；
2.如果感到满意，用鼠标点击或涂蓝那首歌曲的名字，同时按右键，点『目标另存为』；
3.选择要保存在硬盘的哪个区（E,F等），填入所选歌曲名称，再点『确定』；
4.回到打开的动画软件Microsoft Frontpage，在『普通』状态下，鼠标放在需要添加音乐的网页上，按右健，点『网页属性』，点『浏览』；
5.先选定查找的范围（就是你所保存背景音乐的『我的文档』还是硬盘Ｅ或Ｆ），找出所需要的一个背景音乐，点击那个音乐的名称， 点『确定』，再点[确定}；
6.点『预览』，如不满意，可以重新选择添加。
（3）。关于复制图片（动画）的三个方法
一是用原图像（文字）复制粘贴。
1.选好想要复制的图片---在上面按着鼠标右键，从一头到另一头划一下（涂蓝）；
2.把鼠标放在图片上，按右键--出现『复制』--点『复制]；
3.在想要复制该图的位置上，按右键，出现一竖杠；
4.按右键，看到『粘贴』---点击『粘贴』，完成复制。
5.复制其他图像或文字，也是如此操作。
二是用图像（文字） 的源代码复制粘贴（以Microsoft Frontpage为例）
1.把鼠标放在所选图像上或图像的外侧，按右健，看到『源代码』；
2.点击『源代码』，看到若干字符，那就是这个图像的源代码，打开，涂蓝，按右健，复制；
3.回到打开的Microsoft Frontpage软件上，先点左下角的『HTML』,再删去原有的源代码；
4.将所选图像的源代码，粘贴到制作软件上面的空白处；
5.再点左小角的『普通』，就看到你所选的图像啦！
6.最后在这里对所选图像进行编辑，比如删除，增加，改变颜色，设置背景音乐等。
三是复制动态图像问题
许多朋友在欣赏网页时，经常看到一些非常喜爱的动画，想复制粘贴下来保存，但又无法轻易完成。我的方法是应该这么做：
1.先打开动画制作软件Microsoft Frontpage
2.将所选动画的整个版面『全选』，涂蓝（或找出源代码），把鼠标放到动画上或外侧，按右键，点『复制』；
3.在Microsoft Frontpage软件的左下角，点『普通』，将复制的画面，粘贴到制作框上面的空白处；或在『HTML』状态下，粘贴源代码，点『普通』；
4.再点击动画所在的位置，看到一个类似插头的图形或原图像，四周出现黑点，鼠标放在图像上按右键，找到『插件属性』或『图片属性』，点击它；
5.在打开的画面上，可以看到这个插件的网址（http://www...）。给它起个名字，保存在硬盘上，备用；
6.使用动画制作软件Microsoft Frontpage和美国教育网或太平洋的网页制作软件时，可以将硬盘上保存的动画网址（http://www...），『超链接』到所需图像或文字的『标志』上。
7.在『预览』状态下，点击那个图像或文字『标志』，就可以看到所选的动画了。
（4）。关于直接复制另存图片：
1.把鼠标放在选中的图片上，按右键，出现『图片另存为（S）』，点击『图片另存为（S）』；
2.一般出现『我的文档』的『图片收藏』，在『起文件名』处，填写文件名（为了上传时安全方便，要用英文，字母作为图片名最好）；
3.点击『保存』。当需要上传图片时，直接到『图片收藏』里，点击那个图片或名称即可。
（5）。关于制作一般动态图片与字幕的两种途径：
（一）简单的复制粘贴图像（可以调整大小，不能在图片写字）
1.打开Microsoft Frontpage软件，在『普通』状态下，点表格，点插入--表格--调整『行』与『列』的数量，设置『对齐方式』，点确定；
2.再找出所需要复制的图像，涂蓝，按右健，点『复制』；
3.回到需要制作的某个表格里，点一下，粘贴上所复制过来的图像；
4.再点击它，四周出现黑点，鼠标放在黑点上变成横杠，拖动它可以调整图像的大小；
5.点左下角的『预览』，可以看到原来的动画，仍处于动态中。
（二）用上传的办法，把图像放到所设置的表格里（可以在上面写字--固 定或移动；但不能调整大小）
1.打开Microsoft Frontpage软件，按左键点一下，表格，-点插入--表格--调整『行』与『列』的数量，及『对齐方式』--点确定；
2.把鼠标放在所需放置图像的格子里，按左键点一下，表格里出现一竖杠；
3.接着按右键，点下面的『单元格属性』，除去宽与高的限制，点『使用背景图片』，点『浏览』，
4.先确定选择范围（所选图像在硬盘的那个区：E,F..），再选定需要的具体图像或画面，点确定，
再点确定（如果图像太大，则无法显示，需要拉大边框）；
5.这样就可以在画面上写字了，同时可以选择字体和大小，字体颜色，设置字体背景色等！
6.如要把所写字做成动态字幕，可先把字幕涂兰，再点上面的『插入』，选组件--字幕--选择表现方式（一般为交替），
重复方式（一般为连续），背景颜色（也可不要设置）等；
7.点确定，点预览，如果满意，就完成了；如不满意，点普通，重新做。
（6）。关于在Frontpage MX下制作字幕大小变换
1。打开Frontpage MX
2。在左向箭头的状态下，设置图文尺寸，点『确定』，
3。在A状态下，用鼠标画框，写字，涂蓝。
4。点『插入』，点『转换成文件』，点『图形』，『确定』，
5。点第20帧处，按右键，插入『关键帧』，
6。点第1帧处（黑点），点『窗口』，点『转换』，
7。把百分比改为10％，按『回车键』
8。在左向箭头的状态下，选中所写字，点『窗口』『属性』，
9。在『颜色』里选『ALPY』，
10。点第1帧处，按右键，点『创建动画』，
11。点第35帧处，按右键，点『插入帧』，
12。同时按『CTRL』+回车键，看结果。
（7）。关于网页不能全部显示的问题
许多朋友制作并上传好网页后，在自己制作网页的微机上都能看到网页的全部图片。但是当你到另一台机器上或远方朋友打开你的网页时，却发现在一些图片的位置上都是X号，而无法显示。如果你找出这些图片的属性，就会发现它是一个绝对地址，即包含着你的微机硬盘区符号的地址，比如含有E：//图片001等。这就是图片在异处无法显示的主要原因。如何处理才能解决这个问题呢？
1。先把所要使用的图片上传到网页制作系统上去，再分别点击图片的名称（比如index001.htm或0001.htm等），找出它们的地址（比如heep://wodutom.com/ychl5188/index001.htm），按它们的汉语名称复制到你的文本文件里（比如玫瑰花：heep://wodutom.com/ychl5188/index001.htm），以备调用；
2。打开动画软件：Microsoft Frontpage，利用直接复制粘贴或利用源代码复制的方法，把需要修改图片的网页全部调到网页制作编辑处，点『普通』；
3。到你的『文本文件]里，把上传好的图片地址（比如heep://wodutom.com/ychl5188/index001.htm）涂蓝，『复制』；
4。回到编辑处，找出无法显示的图片位置，点击它，看到其四周出现黑点，按右键，点『插件属性』或『图片属性』或『控件属性』（如果看不到它们，就先点最左上角的『常规』），然后删除掉『图片源（U）』里面的原有图片地址，再粘贴上从第三步上复制下来的新图片地址（比如heep://wodutom.com/ychl5188/index001.htm）；
5。点『确定』，就可以看到新的图片出现在网页上啦。
（8）。关于特殊动画的复制粘贴及运用
1。打开http://www.usa-biz.cc/mumber/，进入太平洋网页创建系统，点『html编辑』；
2。点『插入网页』，在『文件地址』处，填写动画地址（http://...）, 调整网页宽度和高度，点『确定』；
3。点『编辑』，点动画，直接复制或找出源代码，全选复制；
4。打开动画软件Microsoft Frontpage,在『普通』下『粘贴』动画，或点HTML,粘贴动画源代码，点『普通』；
5。点动画页面，用鼠标拉动动画四周的黑点，调整画面大小，找出新的源代码，复制它；
6。打开『网页创建系统』，如想新建一个文件，可以先起文件名，点建立一个新文件，再点它右侧的『改内容』；如果要替换一个既有文件，可以点击那个文件右侧的『改内容』，删除既有源代码，然后把复制过来的新源代码粘贴上，点『保存..』。
（9）。关于网页表格线和表格大小的调整
1。先将需要调整的网页表格全部涂蓝，再按『右键』，点『表格属性』；
2。调整『单元格边距』『间距』和『边框粗细』离地数字。如果想把边线变成虚线，就将以上数字设为0；如果相反，就将以上数字设为1或2等，点『确定』。
3。在『表格属性』里，有『指定宽度』『指定高度』，它们是限制表格大小的。如果觉得不好掌握，可以不设置数字。
（10）。关于替换网页上的图片（动画）
1。打开动画软件Microsoft Frontpage,在『普通』下复制粘贴准备替换图片的网页，或点HTML,复制粘贴那个网页的源代码，点『普通』；
2。点击需要替换的图片位置，按右键，点『插件』或『图片』属性，删除看到的原有地址，把准备替换的图片地址粘贴上，点『确定』，点『预览』，就会看到新图片了。
（11）。制作网页的注意事项：
1。网站主页是专门供人们欣赏用的，无法在网页上面做任何修改。
2。编辑文字可以在“文件夹”或“图画板”或Microsoft Frontpaqe等软件上进行。修改图片，必须在“图画板"，Microsoft Frontpaqe或其他制作软件上进行。
3。用鼠标放在所需复制图文处，同时按ctrl+A，可以全部涂蓝该文件（图文或源代码），然后按右健，点复制。回到所需粘贴的图文处，同时按ctrl+v，可以强行复制该文件（图文或源代码）。涂蓝文件（图片）后，再点『删除』，剪刀，或Ｘ号，就可以删除该文件（图文或源代码）。
4。在教育网的插入线框时，宽度为100，即横着占据整个画面。宽度为50即占一半宽度。第二.三项为横竖格子的数量。
5。点开始--程序--附件--找到『图画』。在里面可以写字，改画。方格内的颜色，点背景色即可。
6。点超级链接成功后，标志图底下出现横线，即为链接成功，可以预览，否则未成功，需要重新链接。
7。所有文件（图画），只有上传以后，才可以发到互连网上展示；不加链接，只可以供个人欣赏或单独发送给朋友分享。
8。上传的文件地址名，最好不要用绝对地址（如个人硬盘的Ｅ：//..等）。因为在另一台机器上，无法打开你原来的硬盘（E:/.. ），E盘上的文件自然无法显示，看到的只能是X号！
9。可以在Microsoft Frontpaqe等制作软件上，或教育网与太平洋网的相应栏目上，学会图像（文字）与源代码的相互转换。
10。只有在『编辑』状态下，才能改动图片文字。只有在『源代码』和『HTML』状态下，才能修改源代码。
11。在教育网的制作系统里，每次修改网页并进行上传时，必须重新设置背景色与背景音乐，否则该两项为空缺，在网页上无法看到图画背景色，也听不到背景音乐。
12。 在某个硬盘上（E或F）新建一个文本文件：点屏幕左上角的『文件』--『新建』--『文本文件』--涂蓝『新建文件』，按右健，点『重命名』，重起名称。
13。在『文本文件』下，只要知道图像文件（文字，图画，歌曲等）的网址（http://...），都可以很节省的保存在这里，随时任你调用。
14。如果在太平洋上制作的网页，无法添加网页周围的底色，可以拿到教育网制作系统上完成。
二。关于美国太平洋网页制作
注意：在太平洋网页制作系统上，如果使用『浏览』功能上传图片，必须将原有的图片名字改成字母或数字；如果使用源代码上传文件，必须将文件名改为index001.htm或0002.htm。不能在『图片收藏』和上传文件中使用带有汉字的文件名！
（1）．使用HTML编辑：
1.在进入网页制作系统后，可以看到方框的上部有多种编辑图片的工具，可以编辑视频，多媒体，
网页和图片等，都是利用输入网址（HTTP：//...）来完成的。
2。在方框的右侧有三个按健：『编辑』，『源代码』，『预览』。前两项可以随意使用，图像与源代码可以互相转换。
3。在太平洋的上传编辑中，只使用『源代码』。只有找到图片的『源代码』，才可以继续上传文件。
（2）。关于太平洋网的【ＨＴＭ编辑】编辑方法：
1.打开【网页创建系统】；
2.点击【ＨＴＭ编辑】；
3.调入需要编辑的图像，有三种途径：
一是在『编辑』状态下，直接复制粘贴所要编辑的网页；
二是在『源代码』状态下，用“源代码”复制粘贴所要编辑的网页；
三是点击图标第二行中间的【插入网页】；用网址名（如http://www...）分四种不同情况（视频，多媒体，网页和图片等）插入所编图页；
4.在『编辑』状态或『源代码』状态下，对图片进行处理：增减，大小，颜色，超级链接等。
5.点击所编辑文件的画面，四周出现圆点，拉动圆点，展开或缩小画面，再进行编辑；
6.在【编辑】状态下，在需要链接的网页上，删除旧有的标志，重新写上要链接的新标志（如接下页等），并涂蓝；
（3）。关于太平洋图文上传的技术
有两个途径：一是利用原图文（源代码）采取复制粘贴的办法，逐个上传；二是利用网络附带的软件一次上传多个文件。
一.采取复制粘贴的办法，就是把图像（源代码）全部复制粘贴到网页编辑系统。
1。打开【网页创建系统】，点『建立一个新文件』（如index003.htm）,点击『建立新文件』；
2。点击左侧文件名中新文件名（如index003.htm）后面的『改内容』；
3。.再在右边【文件内容】下，粘贴所需编辑图片的源代码（如abcd新消息123456...），点预览：如满意，点保存新文件（如index003）。如不满意，重新编辑与链接。
二.利用太平洋网络附带的上传软件一次上传多个文件：
1。先将需要上传图片的名称，一律改为数字。即用鼠标逐个点击那些图片，当图片周围出现黑框时按右健，点击『重命名』，对原有汉语图片名称进行修改（如0001或1001等）；
2。输入[fly]http://www.usa-biz.cc/index.asp[/fly]打开太平洋首页，输入网名和密码，点『登录』；
3。点『网页创建系统』，再点上面的红字--『文件上传』；
4。填上需要上传的图文个数，点『设定』；
5。然后逐个点『浏览』，把需要上传的图片逐一『打开』；
6。再点『提交』，等待上传成功；
7。点上面的『刷新』，可以看到『文件名』下有新上传的文件名（如0001.htm或1001.htm等）；
8。再逐个点击那些新文件名，在画面上面可以看到每个新文件的网址（如http://www....）。最后把它们的汉语名称和对应的网址，记到你的『文件夹』里，作为单独使用，或作为超级连接备用。
(4)。关于太平洋『ＨＴＭ编辑』下的超链接：
1。打开【网页创建系统】，点『ＨＴＭ编辑』；
2.用直接复制或源代码转换的方式调入需要往上超连接的文件，如『index001.htm』；
3。在『编辑』状态下，在『index001.htm』文件里，重新写上准备链接的符号，如“下一页”，图蓝它；
4.点击图标第二行左侧的【超级链接】；
5.在『URL：』处，填上要链接的新文件，如『index002.htm』的网址如http//www..../index002.htm，点『OK』。
6.点预览，如满意，在『预览』状态下，鼠标置于在画面旁边，按右健，查看『源文件』，打开后看到若干字母符号，点全选，点复制；
7.回到已打开的【网页创建系统】，在左侧看到『index001.htm』文件名』后面的『改内容』，点击它；
8.在右边【文件内容】空白处，粘贴上新『index001.htm』的新源代码，点预览：如满意，点保存『index001.htm』文件。如不满意，重新进行编辑。
9。这样经过超级链接，在『下一页』中包含『index002.htm』的新『index001.htm』文件就完成了。
(5）在Microsoft.Fronypage状态下的超级链接
1。打开Microsoft.Fronypage，用直接复制或源代码转换的方式调入需要往上面超连接的文件，如『index001.htm』；
2。在『编辑』状态下，在『index001.htm』文件的写上准备链接的符号，如“下一页”，图蓝它；
3。点图标画面第二行左侧的【超级链接】符号，在『URL：』处填写上要超链接的文件地址，如『index002.htm』的网址,如http//www..../index002.htm，点『OK』。如果“下一页”的底下面出现一条横杠，表示链接成功，点『预览』可以看到。如不成功，需要重新链接；
4。然后在『预览』状态下，鼠标置于新画面的旁边，按右健，查看『源文件』，会看到若干字母符号，那就是新文件『index001.htm』的新源代码，按右键，点全选，点复制；
5。回到已打开的【网页创建系统】，点左侧『index001.htm』文件名右边的『改内容』；
6。在右边【文件内容】空白处，粘贴上新文件『index001.htm』的新源代码，点预览：如满意，点保存该新文件。如不满意，重新进行编辑。
7。经过超级链接后的新『index001.htm』就完成啦。
(6） 如果想把新上传的文件（如index003.htm）作为首页（index.htm）
1。先打开的【网页创建系统】，点击画面左侧『index.htm』文件右边的『改内容』；
2。画面右侧上面的文件名『index.htm』不要改动；
3。删除『index.htm』文件名下面的源代码，再复制粘贴上新文件『index003.htm』的源代码，点『保存index.htm文件』。
4。这样就把文件『index003.htm』，变成了网站的新首页『index.htm』了。
（7） 如果要想保留住原来的首页『index.htm』的内容，
可以先点击『index.htm』后面的『改内容』，再把右上角的文件名『index.htm』改成『index003.htm』,最后点『保存index.htm』文件。这样原来的首页『index.htm』的内容，就在『index003.htm』名下保存了。
三。有关美国远程教育网页制作
（1）。上传文件（图画）：
1。将准备上传的文字编辑好，存在固定的文本文件夹中；把新图片选择好，保存在图片库里备用。
2。打开“在线编辑”，“浏览”新文字或图片，打开，点“上传文件”，看到新的代码标志。
3。上传的文件图片都需要“新的名称”，注意填写好，并不可随意删除掉！
（2）。替换文件图案：
1。点“开始”，“程序”，找到“画图”，打开，看到一操作画面。
2。点左上角右侧的虚框，在画面上画出准备做新图面的空间。
3。点画板的“文件”，打开，点击所需图画，点“A”，在画面上写字。空间不足时，先点虚框边线，再按住四个边中间的小圆圈，拖拉放大或缩小填写字的范围。
4。点左边中间的颜色标志：上标志，表示所写字的底子为不透明状。
下标志，表示所写字的底子为透明状，可看到所写字底下的整个完整画面。
5。保存新界面到图片库内，在“在线编辑”上点 “浏览”，打开新画面，点“上传”，新图即传到“在线编辑”内的图文库里了。
6。点被更换的页面，点“修改”，点旧图，点“删除”。
7。点准新图位置，点操作标志右边的-插入已有图片，寻找新图符号，点选择
8。按上述调整大小，预览，图标底下出现横线，点完成，。
9。index--永远是主页第一页的名称，不可随意在“在线编辑”处点删除，也不可大意，将其他内容作为index点击完成！点击“完成”时，必须先看看最上面的英文“名称”是否相符！
（3）。网页的编辑与链接：
1。进入『网页制作系统』的『在线编辑』，在下面的空白处，事先做个画框，防止图片失去控制；
2。在画框里复制『前一页』的内容，进行编辑：调整大小位置，加入画面底色，加入背景音乐；
3。在『前一页』的最后，做个接续页（如“点击进入”或“下一页”）的标志，同时涂篮所写标志；
4。点击“超级链接”符号，输入『下一页』的网址（如http;//www....）；
5。在『在线编辑』的最上面有个『上传文件名』，应填写英文名（如inedx001），注意不能与已有的文件名相同，不然会将旧有文件名覆盖。
6。网站首页必须用index作为上传文件名称！
（4）。做滚动字幕：
1。开始--程序--Microsoft.Fronypage--文件--新建--网页--普通网页--确定；
2。在空白处写字--扫蓝--按右键--调整字体--自动--颜色--确定--确定；
3。点插入--组件--字幕--字幕属性--滚动--连续--背景颜色-确定；
4。预览--（如不理想，点普通，扫蓝，-剪掉）重新开始做。
（5）。图片大小变换：
1。插入--图片--来自文件--选择图片--确定；
2。点图片-左下角缩略图--预览--变小。
（6）。变换字的大小：在字幕上按右键--在滚动框点右键--点字体--点自由选择-确定-预览。
（7）。插入水平线：在回到普通状态下，把鼠标放在空白处点插入--点水平线，不要则删除。
（8）。单元分表格：
1。点插入表格--大长条格--点左边--出现箭头和黑框；
2。按右键--单元格拆分--在对话框里输入所需要单元数（行与列分别做）。
（9）。修改封面图画：
1。修改信息--输入密码--更改个人信息--浏览；
2。选出新图--打开--确定--看封面--刷新--重试。
（10）字体效果：
1。在普通状况下，把字扫蓝--点格式--点动态效果；
2。选择一种事件--网页加载--选择一种效果。
（11）。背景样式选择：在版面的空白处点右键--点主题-选背景颜色--确定。
（12）。将软盘图片上传网站：
1.打开我的电脑--看A盘有无图片？
2.进入你的网页制作系统（在线编辑）-点浏览。进入Ａ盘，如有几张图片就在增加新文件处点几次。这时注意要将原上传图片中的部分符号更改一下，以免与新传图片重名。
3.逐个点浏览，有几个图片点几次，逐一上传。
4.等几个文件都传完后，点创建新文件，可以看到新上传的文件名