frontpage框架网页

《网页制作FrontPage》教案

教师：张爱平

第1、2课时 网页设计概述

【教学内容】

讲解网页设计的相关术语及网站制作的基本流程。 【教学目的】

使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣。 【教学重点】

网页设计中的若干术语。 【教学难点】

理解网页设计中的若干术语。 【教学方式】

讲授式、讨论式、案例分析式。 【教学参考】

1、《网页设计与制作》杨尚森 曲宏山 贾文峰等著 电子工业出版社。 2、《Internet 网页工场》Wittime工作室 重庆出版社。 3、《WEB网站设计》Joel Sklar著 高等教育出版社。 4、《HTML网页制作教程》材义语编著 铁道出版社。 【新课内容】 1.1 WWW和URL 1.1.1 Web的起源

Web是World Wide Web的简称，一般也称之为WWW或3W

1.1.2 Web的特点和结构

Web最大的特点是使用了超文本（Hypertext） WWW采用C/S（客户机/服务器）工作模式

在浏览器和服务器之间应用HTTP（Hyper Text Transfer Protocol，超文本传输协议）作为网络应用层通信协议 1.1.3 URL URL的完整格式

协议://主机名

实习二 网页设计（2）

一、实习目的

1. 2. 3. 4.

熟悉FrontPage2003 的工作环境； 掌握FrontPage2003 站点管理功能；

掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。

二、实习内容

1. 熟悉FrontPage2003 的工作环境

2. FrontPage2003管理站点功能（个人网站）； 3. 制作图文混排的网页； 4. 制作图片展示网页； 5. 制作个人网站首页；

6. 自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 注：第二次实验完成1至5，第三次实验完成6

三、预备知识

1. 网页制作的基本知识；

2. FrontPage2003 的工作环境及操作方法

四、实习步骤

1.熟悉FrontPage 2003 的工作环境。

启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点

① 建立站点文件夹：

在D盘根目录下建立myweb文件夹。 如果D盘不存在，在C盘建立。 ② 创建站点

打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点

实习二 网页设计（2）

一、实习目的

1. 2. 3. 4.

熟悉FrontPage2003 的工作环境； 掌握FrontPage2003 站点管理功能；

掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。

二、实习内容

1. 熟悉FrontPage2003 的工作环境

2. FrontPage2003管理站点功能（个人网站）； 3. 制作图文混排的网页； 4. 制作图片展示网页； 5. 制作个人网站首页；

6. 自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 注：第二次实验完成1至5，第三次实验完成6

三、预备知识

1. 网页制作的基本知识；

2. FrontPage2003 的工作环境及操作方法

四、实习步骤

1.熟悉FrontPage 2003 的工作环境。

启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点

① 建立站点文件夹：

在D盘根目录下建立myweb文件夹。 如果D盘不存在，在C盘建立。 ② 创建站点

打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点

Frontpage之创建网页之间的链接

一、实现不同网页之间的链接

1、打开主页，可以随便输入一段文字作为主页的具体内容。 2、打开主页，选中四个关键字，作为链接点。

3、单击右键在弹出菜单中选择“超链接”命令或单击“插入”菜单，选择“超链接”命令，出现“创建超链接”对话框。

4、选择主页文件，或在URL框后填入被链接主页的文件名。

5、单击“确定”按钮后，返回编辑窗口。可以看到选中四个关键字增加了下划线，表示这里包含链接。

6、如果链接的文件在因特网上，就需要在URL框后填入文件所在的网址。

二、给主页添加E-mail链接

1、选中主页最后一行的电子邮件地址。

2、单击工具栏中的“超链接”按钮，在创建超链接对话框中单击“创建电子邮件超链接”按钮，弹出“创建电子邮件超链接”对话框。 3、在对话框中填写电子邮件地址。

三、页内链接的使用

1、选中网页中的标题，单击“插入”菜单，选择“书签”命令。

2、在书签对话框中使用刚才选中的文字 作为书签名称，单击“确定”。 3、这时选中的标题加了一虚线，按此办法给其他标题加上书签。

4、选中页面开始的标题，单击工具栏中的“超链接”按钮，出现创建超链接对话框。

5、选择另外一张网页，单击“书签”按钮，选择另

Frontpage之创建网页之间的链接

一、实现不同网页之间的链接

1、打开主页，可以随便输入一段文字作为主页的具体内容。 2、打开主页，选中四个关键字，作为链接点。

3、单击右键在弹出菜单中选择“超链接”命令或单击“插入”菜单，选择“超链接”命令，出现“创建超链接”对话框。

4、选择主页文件，或在URL框后填入被链接主页的文件名。

5、单击“确定”按钮后，返回编辑窗口。可以看到选中四个关键字增加了下划线，表示这里包含链接。

6、如果链接的文件在因特网上，就需要在URL框后填入文件所在的网址。

二、给主页添加E-mail链接

1、选中主页最后一行的电子邮件地址。

2、单击工具栏中的“超链接”按钮，在创建超链接对话框中单击“创建电子邮件超链接”按钮，弹出“创建电子邮件超链接”对话框。 3、在对话框中填写电子邮件地址。

三、页内链接的使用

1、选中网页中的标题，单击“插入”菜单，选择“书签”命令。

2、在书签对话框中使用刚才选中的文字 作为书签名称，单击“确定”。 3、这时选中的标题加了一虚线，按此办法给其他标题加上书签。

4、选中页面开始的标题，单击工具栏中的“超链接”按钮，出现创建超链接对话框。

5、选择另外一张网页，单击“书签”按钮，选择另

div层仿网页框架布局特效代码

div层仿网页框架布局特效代码

* { margin:0; padding:0; list-style:none;}

html { height:100%; overflow:hidden; background:#fff;} body { height:100%; overflow:hidden; background:#fff;} div { background:#f60; line-height:1.6;}

.top { position:absolute; left:10px; top:10px; right:10px; height:50px;}

.side { position:absolute; left:10px; top:70px; bottom:70px; width:200px; overflow:auto;}

.main { position:absolute; left:220px; top:70px; bottom:70px; right:10px; overflow:auto;}

.bottom { po

教 案 本

科目：信息技术 姓名：缪韬 云南师大实验中学

高中年级 visual basic 部分

第一讲 初识Visual Basic程序设计

课时：2课时

授课年级：高一

知识与技能目标：

1、掌握VB的启动和退出方法；

2、掌握VB界面的使用，并且学会调整代码框、控件工具栏等； 3、学会编写一个简单的程序； 4、 学会保存工程。

过程与方法目标

1、 在学习VB的启动过程中，掌握多中启动的方法； 2、 举一反三的使用VB的其他窗体

情感、态度、价值观目标 1、锻炼学生自学能力

2、调动学生学习VB的热情

教学过程： 一、引入

解1元2次方程，在数学中需要使用繁杂的公式来进行计算，但是如果使用计算机编程的话，可以非常简单的就计算出来，演示一元二次方程的程序给学生看。（调动学生编程的热情）

二、正课内容 1、启动VB 6.0

方法：开始——程序——mircosoft visual basic6.0 打开VB6.0后注意使用标准EXE。 2、各界面的学习

(1)控件工具栏 （2）菜单栏 （3）控件属性拦 （4）工程地址栏

教师活动：利用截图在幻灯片中演示各个工具栏，并讲解工作区各个部分的作用以及操作方法。

在网页中添加与使用多媒体,可以直观地表达网页的内容。本章介绍如何在网页中插入图像、设置图像属性、使用图像工具、加入声音、使用视频剪辑及多媒体设计要点等内容。

FrontPage2002中文版快捷教程

第4章 在网页中使用多媒体教学目标:在网页中添加与使用多媒体，可以直观 地表达网页的内容。本章介绍如何在网页中 插入图像、设置图像属性、使用图像工具、 加入声音、使用视频剪辑及多媒体设计要点 等内容。

在网页中添加与使用多媒体,可以直观地表达网页的内容。本章介绍如何在网页中插入图像、设置图像属性、使用图像工具、加入声音、使用视频剪辑及多媒体设计要点等内容。

FrontPage2002中文版快捷教程 教学重点:学习在网页中加入图像 设置图像的属性 学习使用图像工具 在网页中加入声音 在网页中加入视频剪辑 网页多媒体设计的要点 使用多媒体效果的注意事项

在网页中添加与使用多媒体,可以直观地表达网页的内容。本章介绍如何在网页中插入图像、设置图像属性、使用图像工具、加入声音、使用视频剪辑及多媒体设计要点等内容。

FrontPage2002中文版快捷教程

教学过程: 1. 插入图像使用图像的优点 在网页中插入图像文件 插入FrontPage 2002自带的剪贴画 插入扫

信息技术教案 第四章 第五节 网页制作基础

第五节 网页制作基础——启动frontpage2000建立站点

和插入图片、创建表格

一、 教学目标：

1． 掌握启动FrontPage 2000的方法。 2． 了解站点的基本含义；

3． 熟悉FrontPage 2000的环境，观察六种视图，了解它们的工作模式。 4． 利用“网页”视图，建立一个网页，学会输入文字、插入图片和创建表格。

二、 教学重点：

创建站点，收集图片，熟练使用FrontPage编写网页 三、 教学难点：创建表格 四、 教学课时：1课时

五、 教学方法：讲解法，演示法，练习法 六、 教学辅助手段：多媒体网络教室

七、教学过程：

导入：

在前两节课我们学习了计算机网络的基础知识，学习了怎样在网上获取信息。很多同学都为网页的多样化所吸引。很多同学可能在想要是我自己有这样的一个网页该是多好。今天我们就来学习用FrontPage制作自己的网页。 新课：

1、启动FrontPage 2000

单击任务栏上的“开始”按钮,从“程序” 菜单中选择“Microsoft FrontPage”单击。

2018-2019年初中信息技术综合科《网站的制作》《Frontpage网页制作》同步练习试卷【1】含答案考点及解

析

班级:___________ 姓名：___________ 分数：___________

1．答题前填写好自己的姓名、班级、考号等信息

2．请将答案正确填写在答题卡上

一、选择题

1.图t10中(t10)，角度渐变填充的按钮是（）

【答案】A

【解析】

2.小明使用FrontPage软件，要在电脑D盘建立“书海拾贝”的网站，应在“指定新站点位置”输入（）

A．书海拾贝B．D书海拾贝C．D:\书海拾贝D．D:书海拾贝

【答案】C

【解析】

3.用FrontPage制作的表格，如要在浏览时看不到表格的边框，正确操作是（）

A．将单元格的行距设置为0

B．将单元格的间距设置为0

C．将表格边框的粗细设置为0

D．将表格的宽度与高度都设置为0

【答案】C

【解析】

4.小李用FrontPage制作了一个网页，当点击网页上“孙一丹”的姓名后，会直接跳转到当前页面孙一丹的“个人介绍”。请问，小李此处使用的超链接是（）。

A．邮件超链接B．书签超链接C．文件超链接D．网页超链接

【答案】B

【解析】

5.将网站制作完成后，通过下面哪种方法可以让别人在网络上访问？（）

A．只要