网页制作基础知识〔共2个课时〕.docVIP

? 网页制作基础知识(共2个课时) 苍南中学 李求喜 〖教学要求〗 1、? 了解网页的组成元素，理解网站、网页、主页、HTML等几个概念 2、? 了解常用网页制作工具 3、熟悉Frontpage 2000的操作 4、? 简单的上网浏览，了解网页的组成 5、? 学会简单网页的制作及网站的建立，养成良好的制作习惯 〖教学目的〗 通过这一节的学习，复习frontpage2000基本的操作方法；通过上网浏览掌握网页的组成，并能分清网页和网站的区别，为以后dreamweaver mx网页制作打下基础。通过学习，了解制作网页的工具，培养一些兴趣。 〖教学重点〗 窗口组成及网页站点的建立　 〖教学难点〗 网页站点建立 〖教学方法〗 讲解、演示、练习相结合 〖教学过程〗 引入：网络可以说是现代社会的一个主题，今天我们就来探索这个神秘的世界。 　　浏览网页――讲解网页组成 一、网页基础知识 （1）什么是网站？(如网易、雅虎等、苍南中学网站) 网站是计算机网络上的位置，它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。计算机网络可以是世界范围的 Internet 或 Intranet（链接办公室中所有计算机的局域网）。信息可以 HTML 网页或其他文档格式发布。为了查看站点上的信息，访问者需要使用浏览器程序（如 Microsoft(r) Internet Explorer或Netscape Navigator），通过这些程序将 Web 站点上的 HTML 网页翻译为监视器上的文本或图形。（网站包括图片、网页、网页素材、视频、音频等实际内容） （2）什么是网页？ 网页是全球广域网上的基本文档，用 HTML (超文本标记语言) 书写，其中可以包含文本、图片、动画、音乐、链接等元素。网页可以是站点的一部份，也可以独立存在。每一个网站都是由若干网页组成的，各网页之间通过链接联系在一起。 （3）什么是主页？ 使用浏览器访问网站时，网站中第一个被执行的文件称为主页，主页的基本功能是帮助访问者轻松浏览网站，其中可能包括有关站点创作者的个人信息、工作部门和公司、指向同一 Web 站点的其他文档的链接或指向相关内容的其他站点的链接等内容。为了吸引访问者，主页的页面要美观、内容要做到组织严密并且要提供有用的信息。（index.htm\default.htm等，Frontpage 2000自动识别的是index.htm） （4）制作网页的工具 Frontpage 2000　　　Dreamweaver Flash CDIDA CDIDA软件是信息学奥林匹克竞赛江苏省应用能力竞赛所使用的网页制作工具 ? 二、Frontpage 2000　基本知识 1、启动、退出 和WORD　2000是一样的，都是Office 2000软件中的一款 两种方法：开始菜单程序 　　　　　快捷方式 2、界面（对比法――WORD和Frontpage 2000） 菜单栏（基本上一致，Frontpage 2000多了一个框架菜单，“查看”菜单相当于WORD中的“视图”菜单。 工具栏、格式栏 工作区域 三、网页及网站的建立 1、? 网页的建立 （1）启动Frontpage 2000后，自动就生成了一个网页，默认文件名是new_page_1.htm，可以直接在上面进行编辑操作（如输入文字、插入图片等等，操作方法和WORD中是一样的） （2）单击“文件”菜单――“新建”――网页――普通网页 工具栏上的“新建”按钮 在“网页视图”下面就可以直接编辑制作网页了。 ? ? 2、? 网站的建立 我们现在浏览的因特网上的网页其实并不是单个网页，而是一个比较完整的网站。在制作网页的时候，我们从一开始就要养成良好的制作习惯，为以后的管理、维护做好准备。 Frontpage 2000具有强大的网站创建、维护和发布功能，所以凡是在FrontPage中创建或由FrontPage维护的站点，都有一个特殊的站点名称：FrontPage Web。每一个FrontPage Web站点都含有一套标准的文件夹，在FrontPage中可以看到以下两个文件夹：_private、images。 _private 文件夹：其中保存正在建造中的页面、参考文件和其它一些重要数据，虽然这个文件夹可见，但存在此文件夹下的文件对于各种浏览器来说是隐藏的。 images 文件夹：该文件夹专门用来存放图片，凡是网页中出现的图片、动画等文件，最好保存在此文件夹中，使网站保持清洁。 FrontPage的功能类似于windows 98资源管理器，不同之处在于FrontPage只管理与网站相关的网页文件以及网页中所使用的图片、动画等文件。当然可以自己在站点里增加新的文件夹存放特定的内容。 （1）