静态网页制作四.ppt

第四讲 静态网页的制作(FrontPage) 4.1 FrontPage基本介绍 4.2 网页的基本使用 4.3 表格的基本使用 4.4 框架的基本使用 4.1 FrontPage基本介绍 4.2 网页的建立 4.2.1 网页的建立 4.2.2 字体的修改 4.2.3 图形的插入 4.2.4 超连接的制作 4.2.1 网页的建立 我们新建一个网页，你可以点击 控制窗按纽栏 的来新建一个网页。 4.2.2 字体的修改 字体菜单可选择你希望的字体，字型可以改变文字的形状，可以是粗体也可以是倾斜体，大小就是改变文字的大小，还可以改变颜色和增加一些文字的效果。更改好了可以在预览区预览一下，不满意可以再改。 4.2.3 图形的插入 我们把编辑区上的鼠标光标移动到编辑区希望出现图片的地方，然后按控制窗的按纽栏里面的插入图片按纽 ，在弹出的窗口中选择你希望放在网页上的图片，按确定就行了。 大家记住，插入网页中的图片格式必须是“JPG”或者是“GIF”格式的。 4.3 表格的基本使用 4.3.1 表格的插入 4.3.2 表格的设置 4.3.1 表格的插入 Frontpage2000控制窗菜单栏的“表格→插入→表格”，在弹出的窗口中选择要插入表格的要求。选择好之后按确定，就在你的网页上插了表格了。 选择插入表格，在弹出的窗口中的“大小”栏里选择行数为2，列数为1，边框粗细，单元格边距和单元格间距为0，指定宽度为100，并且是指百分比。然后按确定，我们就在网页里插入了两行的表格。 4.3.2 表格的设置 4.4 框架的基本使用 4.4.1 框架的建立 4.4.2 框架的编辑 4.4.3 框架的超链接 4.4.4 框架的保存 4.4.1 框架的建立 新建一个网页，注意这次新建不是点击按钮栏的按钮，而是点击“文件”菜单的“新建→网页”，在弹出的窗口中选择“框架网页”来新建一个。 可以在左边的选择框架样式窗中看到很多种框架的样式，这里选择“目录”样式的框架，选好之后点击确认按钮，这就是未编辑前的框架原型。 4.4.2 框架的编辑 我们点击左边和右边的“新建网页”按钮，这时你会看到出现了中间由一条线分开的两个“编辑区”。 4.4.3 框架的超链接 我们选择了“目录样式的框架，那么左边的编辑区就肯定是用来做目录的啦。在左边的目录依次编辑自己想要的目录，然后在右边编辑其他自己喜欢的内容。 我们先来把一个目录括好，并点击超级连接按纽，在弹出的超级连接窗口中，我们选择“目标框架”。 在新弹出的窗口中可以看到左上角有一个框架预览图，我们用鼠标点击框架预览图的右边框架，使它被选。选好之后确认，预览一下，点击连接之后内容出现在右边的框架了。 4.4.4 框架的保存 做好框架网页之后我们点击保存按纽，这时Frontpage2000会弹出一系列的保存框，保存一个框架网页是需要保存几个页面的。我们依次把它们保存，但是你要注意当保存设置框右边的预览框的框架预览出现下图时，我们就要把它命名为“index”，因为它是主页，它包含了两个网页。 大家要注意框架网页保存好之后就不能重新改他们的名字了，不然就会无法浏览了。 Thank you very much! 返回本章 返回本章 返回本节 返回本节 返回本节 返回本章 返回本节 返回本节 返回本章 返回本节 返回本节 返回本节 返回本节