制作简单的网页

制作简单的网页    

教学目的：

1．  了解网页设计的基本原理及Frontpage  2000简介；

2．  掌握Frontpage  2000 软件的启动方法以及窗口的组成；

3．  学会应用Frontpage  2000 建立空白网站，能够制作简单的欢迎网页；

4．  掌握Frontpage  2000 基本编辑功能：文字、图片、水平线、背景等操作。

二、教材分析：

1．  教学重点：Frontpage  2000 菜单、网站建立和简单网页制作

2．  教学难点：网站路径及工具使用、图片定位

3．  教学关键：网站存储结构、主要视图方式

三、教学方法和教学手段

1．  教学方法：讲授、演示、启发，动手实践，教师采用问题任务启动的教学方式

2．  教学手段：应用多媒体电教手段辅助教学

四、教学过程：

（一） 网页设计的原理

网页设计是一种程序设计方式，他用html超文本语言编写的（或java语言）。目前微软公司提供的Frontpage  2000 是一种图形化、工具式可以直接编写网页。

（二）Frontpage  2000 软件

1．Frontpage  2000 软件与微软的offece 办公系统软件很类似，通过菜单、工具按钮可以完成设计任务，自动生成html语言。

2．Frontpage  2000 网页编辑器启动：

（1）       通过开始菜单启动

（2）       显示编辑器窗口：窗口组成

（3）       窗口的组成与WORD类似，但增加了许多功能

（4）       视图的六种方式：网页视图、文件夹视图、报表视图、导航视图、超级链接视图、任务视图。

Frontpage  2000 窗口组成

（5）       网页制作编辑区，三种编辑窗口：

普通编辑、html 编辑窗口、预览窗口

  3．建立网站

  网页设计的第一步，一般建立一个网站，其作用将与本网页有关的文字、图片、声音等文件都放在该网站内，以便浏览和访问。其操作如下：

（1）创立新站点  d:\myweb 网站：

a 新建——> b. 站点——>  c .模板（选空站点）——> d  站点位置 ( d:\myweb )

屏幕显示：

建立新网站（myweb）

（2）打开站点：_private , images 两个文件夹，存放系统文件和用户文件

4. 新建网页

单击“新建”、“网页”（空白网页）

（1）       主页：打开网站的第一页，一般取名为home 或index ，扩展名htm

（2）       语言设置：页面属性，语言——html ，编码设计——简体中文

（3）       任务启动：完成如下的网页设计

（4）       标题：绿色山庄（ 也可以用艺术字等方法）

（5）       图标：绿色在线

（6）       输入文字

（7）       加入水平线：水平线的属性修改

（8）       背景设置、背景音乐

（9）       插入动画图片和按钮

    5．预览网页

五、反馈练习

1．  在D盘下建立一个网站，站点名“d:\myweb ”

2．  新建一个网页，完成如下任务：

（1）       标题：绿色家园

（2）       加图标

（3）       加水平线，并修改水平线的属性

（4）       加背景、背景音乐

（5）       加动画显示小图标