实验8网页制作及网站发布

《实验8网页制作及网站发布》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验8网页制作及网站发布一、实验目的通过本实验使学生能够认识网页的基本元素以及使用Frongpage2003建立网页的基本方法，如在网页中插入对象，创建超连接、以及网页的发布等。二、实验条件可以连入Internet的网络机房，要求单机配置PentiumI以上、内存64M以上、机内装有Frongpage2003。三、实验内容掌握网页构成的基本元素，熟悉Frongpage2003工作窗口的基本组成部分，基本了解利用Frongpage2003创建新的网页，向网页中舔加文本、图片、图象、声音、文件以及合理的编排组合这些元素，设置网页属性，在

2、网页中建立超级连接，申请个人主页空间，发布网页的基本方法和过程。四、实验步骤1．建立站点在FrontPange2003中，遇到的一个最基本问题就是创建网站和网页。在FrontPage2003中提供了很多的向导和模板。利用这些向导和模板可以先建立起一个站点的雏型。在新建站点时，可根据不同的需求选用不同的向导或模板，然后再对向导或模板生成的网页（HTML文件）进行修改。对于不同的向导或模板新建站点的步骤可能有所不同。在FrpntPage2003窗口中，单击【文件】【新建】【新建站点】命令，单击其它网站模板选项，图8.1所示的窗口中提供了

3、FrontPage2003中常用的向导和模板。图8.1网站模板和向导·只有一个网页的网站：创建站点内的几个基本目录和一个空白的index.htm网页。·空白网站：只创建站点所需的几个基本文件夹。·客户支持网站：用于创建适合产品客户服务的站点。·个人网站：适合创建个人站点，其中包括一些个人兴趣爱好、相片、喜欢的站点等内容。·项目网站：适合创建用于一个项目管理的站点，包括参加项目成员、档案、计划等内容。·公司展示向导：适用于公司或其他机构创建所需的站点。·讨论网站向导：用于创建适合于发言和进行讨论的站点。·导入网站向导：可以从本地计算机

4、或远程计算机导入文档。2.新建一个网页利用向导或模板建立的站点不会完全符合用户的要求，可能所需的网页在向导或模板中并没有提供。这时，可以自己创建所需的网页。如要建立的公司站点没有有关公司组织与人事安排的网页。如果需要，就必须手动新建网页然后将网页加到站点的组织构件中去。单击【文件】【新建】【网页】命令，具体创建方式包括空白网页、文本文件、根据现有网页和其它网页模版四种。图8.2网页模板3.输入文本和设置文本格式。对文字进行修改的操作与Word没多大差别，一般格式也没有多大的差别。例如要编写站点的介绍时，只要单击要插入文字的位置，然后

5、输入文字并设置格式即可。字体的格式属性很多，大致可以分为四类。字号：决定文字的大小；字体：决定文字的形状；颜色：决定文字的颜色；字体的修饰：如下划线、斜体等。设置字体的属性可用下面的方法：（1）选中要设置字体属性的文字。（2）选择【格式】【字体】命令，打开如图8.3所示的【字体】对话框。图8.3网页字体（3）可以对话框中设置字体的各种属性。（4）单击【确定】按钮，完成对字体格式的设置。段落格式主要包括对齐方式、文本的缩进、段间距、行间距和字间距等。设置段落格式可用下面的方法：（1）右击要设置的段落，在弹出的快捷菜单中选择【段落】命令

6、，打开如图8.4所示的【段落】对话框。图8.4段落设置（2）在【段落】对话框中可以设置段落的各种格式。（3）单击【确定】按钮，完成设置段落格式的操作。4.插入表格利用表格可以有效地组织数据，使它们排列整齐，段落格式不随窗口的放大缩小变化。在表格中可以输入文字，也可以插入图片。选择【表格】【插入】【表格】命令，弹出【插入表格】对话框，如图8.5所示。图8.5插入表格在【插入表格】对话框里，设置表格的行数、列数、对齐方式和单元格边框宽度等属性。然后单击【确定】按钮即可。提示：在【插入表格】对话框中，可用【单元格边距】设置表格的三维效果，

7、利用【单元格间距】设置单元格之间的距离。5.在网页中插入图片只有文字的网页会显得单调，达不到所需的感官效果。因此在制作网页时，都要在页面上加上适当的图片。在网页中插入图片时，一般常见的有两种图形文件格式：GIF和JPEG。这是因为它们文件的信息量很小，适合于网络传输，而且适用于各种系统平台。在网页中插入图像的方法如下：（1）将光标放置在要插入图片的位置。（2）单击【插入】【图片】【来自文件】命令，如果当前已建立的站点文件夹中已存在有图片，则会打开当前的文件夹。（3）如果当前站点文件夹中没有图片，则会在【我的文档】中查找图片。（4）用

8、户可以自己选定文件夹，选择所需的图片文件。（5）单击【确定】按钮，所选图片出现插入点位置。另外，同所有Office程序一样，FrontPage2003也支持剪贴画功能，可以从剪贴库中导入图片。6．在网页中插入到其它网页的超级连接，超级