注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

信息技术教育教学博客

开开心心做人,踏踏实实做事

 
 
 

日志

 
 

Frontpage基本知识  

2010-10-15 13:39:31|  分类: 教学教研 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

一、学习目标:

1、掌握FrontPage 2000软件的启动和退出方法;

2、了解什么是网页以及它所包含的主要元素;

3、了解FrontPage 2000中的几种视图方式及其功能。

4、能够简单制作一张简单的网页

二、重点和难点

   Frontpage几种视图方式

三、教学过程:

〈导入新课〉

在上面的课程中我们已经学会了通过浏览网页方便地获取信息。然而,有的同学会问,我们自己能不能设计、制作出自己的网页,并在网上发布呢?

当然可以了,接下来我们就来学习如何制作网页。我们这里主要介绍采用FrontPage这一网页制作软件来进行网页制作。

首先我们来了解以下有关网页制作的基础知识。

一、网页及其组成

[提问]

首先,同学们,你们认为什么叫网页呢?

(教师先提出一些与教学内容有关的实际问题,让学生想想如何解决,以任务激发学知识的主动性。)

 [学生回答]

在网上看到的一些画面。

[总结]

对了,我们把通过浏览器在WWW上看到的每一幅画面都称为网页(Web page)。网页是全球广域网上的基本文档,用HTML语言编写。

我们也看到了,有的网页上只有文字,有的有图片,有的还有动画。那么,我们要做的网页上包含的元素主要就有:文字、图片、声音、动画、影像以及链接等。通过这些的有机组合,就形成了包含各种信息的网页。

最初,人们用HTML语言在文本编辑中制作网页。

二、常用的网页制作工具

HTML语言是超文本标记语言(Hypertext Markup Language)的英文缩写,只有熟练掌握HTLM语言的专业人员才能用它制作网页。

FrontPage系列软件的问世,将人们从HTML代码中解放出来,

用它来制作网页就像在文字处理软件中编排多媒体文档一样,非常直观。目前使用较多的网页制作软件除了FrontPage外,还有Flash、Dreamweaver等。

接下来我们来看看如何进入FrontPage 2000。

⒈FrontPage 2000的启动

[演示]

单击“开始”按钮,将指针依次指向“程序”/“Microsoft FrontPage”单击即可。

[提问]请同学们观察一下它的窗口,看看和我们刚学过的Word窗口比较一下。

(上课时,教师先提出一些与教学内容有关的实际问题,让学生想想如何解决,以任务激发学知识的主动性。带着这一问题听讲更能激起他们的学习热情。通过设置一些悬念,再让学生用计算机去解决,他们会觉得学习计算机确实管用,能够解决实际中的问题,从而也提高了学习的积极性。)

[学生回答]窗口的左边多了几种视图方式。

[讲解]对了,FrontPage 2000的窗口和我们学过的Word窗口基本相似,都是由菜单栏、工具栏、状态栏和编辑区组成的,只是,在FrontPage 2000窗口的左边出现了几种视图方式。他们分别是:网页、文件夹、报表、导航、超链接和任务这六种。

接下来我们来分别介绍这六种视图方式和他们的功能。

2. FrontPage 2000的视图方式

    (1)网页

[讲解]它是我们制作网页时最常使用的视图方式,可以用来创建、编辑和预览网页,既有所见即所得的特性。

   (2)文件夹

[讲解]它是显示站点内容的组织方式,用于管理站点中的文件和文件夹。跟Windows资源管理器相似,在“文件夹”视图中可以创建、删除与移动文件和文件夹。

“文件夹”视图将工作区分为左右两部分,左侧显示网站中所有文件夹,单击任一文件夹,右侧的工作区将显示该文件夹下的内容。

  (3)报表

[讲解]用来分析站点内容。如计算站点中的所有文件大小、显示出哪个文件没有链接到其它任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。

   (4)导航

[讲解]用来创建、显示、打印和更改网站导航结构的视图。在这个视图中可以清晰地看到整个网站的组织结构和文件组成,拖曳水平分割线可以改变上下窗口的相对大小。

〈板书〉     (5)超链接

[讲解]显示来自站点的每一个超链接。该视图方式以图形的方式显示网站中个文件之间的链接情况,网页之间的链接通过箭头来标志。

   (6)任务

[讲解]任务视图列出了站点中要完成的任务。

〈总结〉

本节只是简单介绍一下个视图方式的作用和功能,它们的具体作用我们在以后的网页制作过程中再加以介绍。

至于退出FrontPage2000,和我们关闭其它应用程序的窗口一样,只要单击“关闭”按钮就可以了。

  ⒊ FrontPage2000的退出

二、制作一张简单网页

  1、插入文字

  2、插入图片

  3、插入水平线,编辑水平线属性

  评论这张
 
阅读(541)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018