第十二课_初步创建站点课件.pptVIP

第十二课：初步创建站点 12.1 新建一个站点 12.1 新建一个站点 12.2 框架的建立 12.2 框架的建立 12.2 框架的建立 12.3 设置框架属性 12.3 设置框架属性 12.3 设置框架属性 12.4 在框架中添加网页 12.4 在框架中添加网页 12.4 在框架中添加网页 12.5 框架的保存 12.5 框架的保存 思考与练习 * 12.1新建一个站点 12.2框架的建立 12.3框架属性的设置 12.4框架中添加网页 12.5框架的保存 设计简单网页 初步创建站点 完善网站 网上安家 【例】启动FrontPage2002，新建一个站点。 设计简单网页 初步创建站点 完善网站 网上安家 步骤1：启动FrontPage2002，单击“文件”菜 单中的“新建”命令项，在出现的级联菜单中选择 “网页或站点”命令项。 【例】启动FrontPage2002，新建一个站点。 步骤2：在弹出的“新建网页或站点”对话框中（下图）中选择“空站点”，指定新站点的位置，单击“确定”按钮。 指定新站点的位置 设计简单网页 初步创建站点 完善网站 网上安家 12.1 新建一个站点 【例】新建一个如下图所示的框架网页。 设计简单网页 初步创建站点 完善网站 网上安家 步骤1：打开站点“藏羚羊”，依次菜单栏中“文件”?“新” ?“网页或站点”命令项，打开 “新建网页或站点”对话框。 步骤2：在“新建网页或站点”对话框中，选择“网页模板”，打开“网页模板”对话框，单击“框架网页”选项卡。 设计简单网页 初步创建站点 完善网站 网上安家 12.2 框架的建立 【例】新建一个如下图所示的框架网页。 步骤3：在框架列表中选择“标题、页脚和目录”样式， 单击“确定”按钮，一个新的框架网页就建立起来了。 【例】新建一个如下图所示的框架网页。 设计简单网页 初步创建站点 完善网站 网上安家 12.2 框架的建立 通过调整框架大小、框架边界、边框线的宽度等属性，可以设计出符合需要的框架效果。 将指针指向各边框线，当指针变成双箭头时，拖动鼠标，可以改变框架的大小。 设计简单网页 初步创建站点 完善网站 网上安家 如果要改变的框架其他属性，须首先选定框架，然 后单击鼠标右键，在弹出的菜单中选择“框架属性” 命令项，打开“框架属性”对话框。 精确调整框架的大小 指框架内网页内容与边框之间的距离大小 选择是否显示滚动条 单击打开“网页属性”对话框，以定义边框线的粗线，或不显示边框线 设计简单网页 初步创建站点 完善网站 网上安家 12.3 设置框架属性 【例】将上例中上框的边距设置为零，整个边框线宽度为设置为零，其余采用默认值。 步骤2：分别将“边距”栏中的“高度”和“宽度”的 值设为零。 步骤3：单击“框架网页”按钮，打开“网页属性”对话框。 步骤4：在“网页属性”对话框中选择“框架”选项卡，将 　　“框架间距”设置为零，最后单击“确定”按钮。 步骤1：单击上框，选定框架，然后打开“框架属性”对 话框。 设计简单网页 初步创建站点 完善网站 网上安家 12.3 设置框架属性 框架网页建立起来后，就可以在上面添加内容。 在每一个框架中，都有“设置初始页面”和“新建网页”两个按钮。单击新建网页可以直接建立一个网页。 设计简单网页 初步创建站点 完善网站 网上安家 例：在框架网页中建立网页 步骤1：在新建的框架网页（如下图）中单击上框中 的“新建网页”按钮，在页面中插入所需的图片。 步骤2：单击左框中的“新建网页”按钮，在网页中插入一个8×1表格，在表格中输入相应的文字。 设计简单网页 初步创建站点 完善网站 网上安家 12.4 在框架中添加网页 试一试：单击“设置初始网页”按钮，将事先编辑好 的网页插入指定位置（下图）。 在网页中插入网页示意图 设计简单网页 初步创建站点 完善网站 网上安家 12.4 在框架中添加网页 保存方法:单击工具栏上的“保存”按钮，弹出的另存为”对话框，在这个对话框中显示了各框架的示意图，当前被保存的框架用蓝框标示出来（下图）。 当前被保存的框架 设计简单网页 初步创建站点 完善网站 网上安家 由于每一个框架都是一个单独的网页，所以在保存网页框架时，必须根据屏幕提示依次将各框架中新建的网页保存起来，最后再将整个框架保存起来。 注意网页中插入了图片时，图片也要一起保存。 设计简单网页 初步创建站点 完善网站 网上安家 12.5 框架的保存 *