网页制作基本技术

《网页制作基本技术》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、-13-网页制作基本技术FrontPage是Microsoft公司Office软件包中一个网页制作软件，简便易学。适宜广大教师制作简单的专题网站。以下简介网页制作基本技术及简单网站的制作。一．网页制作基本技术网页制作的基本要点是：学会在网页中插入表格、图片、动画、视频文件等。下面以“氢气的性质和用途”网页制作为例，简介应用FrontPage制作网页的基本方法。在“氢气的性质和用途”网页中我们将插入“氢气球”、“氢能汽车”等图片。插入“纯净的氢气安静燃烧，不纯氢气点燃爆炸”等FISAH动画，插入“氢

2、气燃烧”的视频录像。1．建立文件夹制作网页前，要收集素材，并将收集的素材放在自建的文件夹中。这里我们先在E盘建立一个H2文件夹，在H2文件夹中再建立SC文件夹，将收集到的素材放在SC文件夹中（图1）。图1文件夹及素材2．收集素材素材可从购买的光盘上复制，也可从网上搜索下载。2．1视频素材的收集“氢气的性质”录像是我们从初中化学VCD光盘上复制的。方法是，用资源管理器打开VCD光盘文件，在MPEGAV文件夹中找到所需的MUSIC07.DAT文件并复制到SC文件夹中，并改文件后缀名为MUSIC07.m

3、peg（图2）-13-图2在VCD光盘上复制视频录像文件2．2网上图片的收集利用搜索引掣可在网上得到所需的图片资料。这里应用google.com来搜索图片。在浏览器地址栏中键入google.com，打开页面后再在搜索栏中分别键入关键词“氢气、氢气球、氢电池”等。将找到的图片另存到SC文件夹中（图3）。略图3用google搜索图片2．3网上动画素材的收集：课件类FLASH动画素材一般要到专题网站去收集。各学科的专题网站很多，例如中小学教育教学网（K12.COM.CN）搜集课件很方便。本网页中应用到的

4、FLASH动画有“氢气的验纯（文件名：geh2.SWF）”、“氢气还原氧化铜微观过程（文件名：hecuo.SWF）”等，收集过程是：进入先得化学资源网（http://www.yeschool.net/phd/），在“搜索”窗中键入“氢气”，在搜索到的“匹配记录中”找到自己想要的素材并下载（图4）。略图4下载“氢气还原氧化铜”动画素材此时用鼠标右键单击“下载”文字，在弹出的菜单中选择“目标另存为”可将动画文件下载到本机指定文件夹中。如果FLASH动画素材是在浏览器网页中看到的（嵌入在网页中），选择另

5、存网页的方式，不能把FLASH动画另存下来。这时可打开浏览器工具栏的“工具”菜单，找到“Initernet”选项，在“常规标签”中间部分“Initernet临时文件”中打开“设置”按钮，再在弹出的对话框中选择“查看文件”，即可打开网页浏览器平台自带的“临时文件夹（TemporaryInternet）”该文件夹产生的文件是按时间顺序排列的，最后时间内打开的网页，其临时文件在该文件夹的最后部分，所以在该文件夹中的最后部分文件中寻找FLASH动画特有的图标，逐一打开看，可找到你需要的动画，再选中该文件复

6、制后，粘贴到素材文件夹中（图5）并重命名文件名。略图5打开Temporary文件夹，找到并打开动画文件3.制作网页3.1打开FrontPage程序鼠标指向开始菜单,在程序中找到MicrosoftFrontPage程序,单击即打开FrontPage程序。图6打开FrontPage程序3.2创建网页鼠标指向文件，在下拉菜单中单击新建。在弹出菜单中选中普通网页，单击确定。-13-图7新建网页命名网页文件名为“氢气”，存盘，存盘路径E：H2。3．3网页制作3．3．1插入表格我们用PowerPoint制

7、作演示文稿时，可以将文本框或图片、表格等放在工作区的任意位置，但用FrontPage制作网页时，就不能将这些对象随心所欲地放在页面上了。为使各对象能在页面的一定位置上放置，在用FrontPage制作网页时，常用表格的单元格把页面划分成一个个区域，文字或图片等对象就填充在单元格中。即单元格起到了固定对象位置的作用。单击插入表格按钮，选定行、列数，即可插入表格，有时在大的单元格中，还需插入小的表格，进一步把大单元格的区域分成小的单元格（图8）。图8插入表格一般情况下表格的框线不需要在页面上出现，可单击

8、鼠标右键，修改表格属性，将单元格边距、单元格间距、粗细都设置为零。-13-图9设置表格属性，隐藏边框在表格的单元格中可写入文字，调整文字的字体、大小、颜色。也可设置单元格的背景颜色。“氢气的性质和用途”网页上插入的表格及文字排列如图10所示。图中明、暗相间的区间为初始插入的表格的单元格，各区间中的分割线为在此单元格中再插入的表格的单元格。没有文字的单元格中将插入图片或动画。图10“氢气的性质及用途”网页上的单元格及文字排列3．3．2插入图片-13-网页中可插入后缀名为GIF和JPG