利用FrontPage制作个人网站

利用FrontPage制作个人网站

(2009-05-23 15:53:24)

转载▼

标签： 电脑 单元格 超链接 frontpage 表格 教育

分类： 信息技术

利用表格布局页面   

在制作网页时，表格是必不可少的，我们不仅利用表格显示一些有规律的数据，而且还经常对表格中的单元格进行调整，在其中放入文本和图形，达到对网页进行布局的目的。
一、创建表格

1.使用“插入表格”工具按钮.

首先把插入点调整到要插入表格的位置，单击“常用”工具栏“插入表格”按钮，拖动鼠标，直到高亮的格子的行列数与你要插入的表格相同为止。这里我们用3乘4的，也就是3行4列的。

实际上这种方法创建单元格只能将各单元格行高和列宽设置为一样的，如果要在创建表格时就对表格进行设置，可以使用插入表格命令。 

2.使用“表格”菜单：

单击表格→插入→表格,弹出“插入表格”对话框,在此对话框可以对表格行、列数，边框粗细、宽度等进行设置。当边框粗细设置为0时，将隐藏表格边框。

3.手绘表格

单击表格→手绘表格，弹出表格工具栏，选中按钮，用拖动鼠标的方法画一个表格。 双击鼠标退出画表格状态。
如果画错了就单击“擦除”按钮 ，在要擦除的线条上拖动，这时线条会变红，放开鼠标，线条就被擦除了。
表格工具栏的其他按钮都与表格菜单的各条命令相对应，它们的使用方法也是一样的。

二、编辑表格

创建好表格后，就可以在表格里输入文本了，一般情况下直接输入，当达到单元格末尾时文字会自动换行的。要想在没有达到末尾时就要换行，按SHIFT+ENTER键，这样文本就强制换行了。

单元格里的文本与单元格的对齐方式有时也需要调整。我们可以用“格式”工具栏的左对齐、居中对齐、右对齐进行设置。

一草一木	二龙戏珠	三教九流	四项基本原则

   1.选定表格对象

    ①选定单元格中的内容:可用Tab键,选前一个单元格按Shift+Tab键

    ②选定部分或全部表格:直接拖动鼠标或按Shift键可选定连续的单元格，

                         选择多个不连续的单元格：按下Ctrl键不放，再单击其它单元格

   2.移动、复制、删除单元格中的内容

    移动：选定内容拖动鼠标到目标位置

    复制：选定内容后，按下按Ctrl键不放，拖动鼠标到目标位置

    删除：选定后按Delete键或单击编辑→删除

   3.插入与删除行、列

    插入：定位光标单击表格→插入

    删除：定位光标单击表格→删除

   4.合并或拆分单元格

    合并:选定要合并的单元格,单击表格（或击右键）→合并

    拆分:选定要拆分的单元格,单击表格（或击右键）→拆分

三、设置表格属性

   1.设置表格属性

    单击表格→表格属性→表格

    ①设置表格行数和列数及对齐

    ②设置浮动

    浮动:指的是与表格相邻的文本在表格周围环绕.

    ③设置表格的边框

    ④设置表格的宽度和高度

   2.设置单元格的属性

    选定要设置的单元格单击表格→表格属性→单元格

   3.设置单元格大小

    ①自动调整单元格大小

     将光标置于表格内任一位置,单击表格→根据内容调整表格

    ②调整各行、各列单元格的尺寸一致

     选定行或列,单击表格→平均分布各行或列

    ③手动调整单元格大小

     将鼠标放在要调整的单元格边框上，按下鼠标左键拖动。

四、利用表格排版

由“表格属性”对话框可知，当我们将“边框粗细”设置为0时，边框线将隐藏，利用此项功能，
我们可以利用表格来排版页面。这样我们就可以把图片和文字规规矩矩的放在指定位置，而在浏
览时也没有表格的痕迹。

对于较为复杂的网页，我们可以采用“表格嵌套”的方法来进行排版，以此来形成一个复杂的版面。

图像的使用

在制作网页时主要采用的图形文件有两种:动态图像(GIF)和静态图像(JPEG、GIF、PNG），如果在网页中使用了其它格式的图形文件，在保存网页时FRONTPAGE可以自动进行格式转换。

一、插入图像

   1.插入剪贴画

    单击插入→图片→剪贴画,弹出任务窗格,选剪贴画后单击搜索

   2.插入来自文件的图片

    单击插入→图片→来自文件

注：插入图片后需保存图片到站点下才能正确预览。在默认情况下，FrontPage认为你要插入的图片  总是放在你建立的站点的目录或它的子目录下的。

知识加油站：

·                                 插入外部图片对象的方法：
事先将图片复制到站点文件夹中，再插入图片。
直接插入外部图片，保存的时候注意选择更改保存目录如images（注意源代码中文件路径的变化）。

二、编辑图像

  1.设置图片格式

    法1:在图像上双击鼠标,利用图片属性对话框，对图像的环绕、布局和大小设置

    法2:利用图片工具栏,设置图片的裁剪、透明、立体效果等

      注：打开图片工具栏:单击查看→工具栏→图片

   2.给图像添加文字

    选定图像,单击图片工具栏上的文本按钮A

插入媒体和组件

为了让网页充满活力，只有静态的图像是不够的，我们往往需要在网页中加入背景音乐、视频，或加入动画等。

一、插入音频（wav、 midi等)

   1.在网页中插入背景音乐

·                                 在网页的空白处，单击右键→网页属性，弹出“网页属性”对话框

·                                 在“背景音乐”栏中加入背景音乐文件，并设置循环次数（循环播放或限定次数）。

   2.在网页中插入音频插件

    单击插入→高级→插件，通过“浏览”按钮选择要插入的音频文件，击“确定”。

在普通模式下，为了表示插入音频的位置，FRONTPAGE就会使用这样的插头标记。现在我们切换到预览模式，音乐就自动播放了。
插头就会变成一个播放器。播放器名字叫Active Movie，它是Internet Explorer
浏览器自带的一个媒体播放插件。

二、插入视频(avi   mov   mpg)

    单击插入→图片→视频

三、插入Flash影片(*.swf)

    方法:定位光标,单击插入→高级→插件

四、插入 Web组件

   1.插入滚动字幕

    单击插入→组件→字幕

    双击输入的字幕可编辑

   2.插入横幅广告管理器

    定位光标,单击插入→组件→横幅广告管理器

   3.插入站点计数器

    为了了解站点的访问情况,用户可在网页中使用站点计数器来记录被访问期间的次数

    定位光标,单击插入→组件→站点计数器

五.设置网页过渡效果

    单击格式→网页过渡

超级链接

一、创建同网站内的超级链接

   法1：选中文本或图形，单击插入→超链接

   法2：选中文本或图形，单击右键→超链接

二、创建外部超链接（文件、网站、电子邮箱）

   链接到文件：选中文本或图形，单击插入→超链接(或单击右键→超链接)→单击浏览文件按钮

   链接到网站:选中文本或图形，单击插入→超链接(或单击右键→超链接)→在地址栏输入网址

   链接到邮箱:选中文本或图形，单击插入→超链接(或单击右键→超链接)→单击左侧电子邮件地址,在电子邮件地址中输入邮箱名

三、创建同一网页内的超链接

   选定文本，单击插入→书签，再选择所要链接的文本，单击插入→超链接(或单击右键→超链接)，单击

   左侧本文档中的位置

四、图片的热点链接

   选择图片，单击图片工具栏上的长方形热点（或圆形、多边形），再在图片上拖动鼠标

五、设置超链接

   1.字体效果:在网页的空白处，单击右键→网页属性→高级→翻转样式

   2.字体颜色:在网页的空白处，单击右键→网页属性→格式(使用主题不能必变颜色)

   3.屏幕提示:在网页的空白处，单击右键→超链接→屏幕提示

   4.去掉下划线:选中带有下划线的超链接,单击格式→字体→去掉下划线

   5.删除超链接:选中,单击单击插入→超链接(或单击右键→超链接)→删除超链接

活动3：

·                                 用表格规划自己的网页。

·                                 插入图片、视频、动画等多种素材。

·                                 设置网页的背景音乐。

·                                 设置网页间的超链接。

框架

框架:简单理解,就是把一个网页分成几份,每一份填充其它网页,当浏览者浏览这个网页时,它可调入其它网页, 形成一个完整页,这就是框架。框架组成:边框、滚动条、网页。

注：框架网页并不是真正意义上的页面文件，其内容是记录该框架网页包含了几个框架及拆分方式等资料，而每一个独立的框架才是一个真正的页面文件。

一、创建框架网页

   1.创建框架网页

    单击文件→新建,选择“框架网页”选项卡,在“框架网页”对话框里列出了10种框架布局模板,选择自己需要的一种,单击“确定”。

   2.编辑框架内容

    每个框架有两个按钮,单击新建网页按钮,这些按钮就是用来让我们指定在框架里显示哪个网页的，或新建一个网页，或设置一个已经存在的编辑好了的网页。

   3.保存框架网页

逐个保存每个框架内的新建网页。

二、改变框架的布局

注：框架的大小及属性均可通过“框架属性”对话框来设置。

“框架属性”对话框介绍：

·                                 边距：网页内容与框架边框之间的距离。

·                                 显示滚动条：包括3个可选项：即“需要是”、“从不”、“始终”。

·                                 “框架网页”按钮：单击“框架网页”按钮，弹出“网页属性”对话框的“框架”选项卡，在此项中可以设置框架之间的距离，若想无框架边框，只须取消“显示边框”复选框即可。

1.调整框架的大小

    法1:用鼠标拖动
    法2:将光标置于要调整的框架中,单击右键或单击框架→框架属性

  2.拆分或删除框架

   拆分:

      法1:用鼠标拖动:按Ctrl键不放,用鼠标拖动框架的边框线
      法2:用菜单:将鼠标置于要拆分的框架中,单击框架→拆分框架

    删除:

      选定要删除的框架,单击框架→删除框架.

三、设置目标框架

目标框架是超链接目标网页出现的那个框架。例如，在左边的目录框架中单击一个链接后，右侧的框架中将出现一个对应的网页。所以右边框架是左边框架中所看到的链接的目标框架。

1、设置超链接的目标框架

步骤：选中文字或图片——击右键选“超链接属性”——在对话框中选择目标网页——确定

·                                 知识加油站：

在“创建超链接”窗口击“目标框架”按钮，弹出“目标框架”对话框，从中选择“新建窗口”，则被链接的网页会创建一个新的浏览器窗口，并在其中显示。

发布网站和维护

一、发布站点应具备的条件

1、与Internet相连

2、站点存放空间

要发布站点必须首先在网上申请一个空间，来存放你的站点，也就是将站点放到一个Web服务器上。在Internet上有很多地方提供免费的个人主页存放空间，我们可以在网上搜索，然后注册申请即可。例：http://www.

3、是否支持Frontpage服务器扩展程序

4、发布软件。如：flash FXP、Cuteget。

二、测试站点

在发布站点之前，应该检查各个页面之间的链接、网站的外观和文件的路径等，测试无误后，可以发布网站了。

三、发布站点

网页的发布，就是将制作好的网页发布到WWW中的某台web服务器上的过程。也就是将用户创建在本地计算机上的一个站点复制到服务器上指定URL的过程。

   方法：单击文件→发布网站，弹出对话框，在远程网站选项卡中选文件系统，在远程网站位置输入一个本地计算机中的具体路径或单击浏览，再单击发布网站。

 注:一般来说,图像和多媒体是影响网页下载速度最重要的因素,如果网页的速度已经
慢到让人无法忍受的程度,可适当减少图像与多媒体内容的使用量.

 作业

制作个人教学网站

　 1.首页制作要求:

（1）使用表格布置网页;

（2）网页上要有文字、图片及背景图片；

（3）准确创建网页间的超链接；

（4）能插入一段背景音乐；

2.其他子网页可以依照自己需要进行简单编辑