网页制作基础知识.docVIP

? 网页制作基础知识(共2个课时) 苍南中学 李求喜 〖教学要求〗 1、? 了解网页的组成元素，理解网站、网页、主页、HTML等几个概念 2、? 了解常用网页制作工具 3、熟悉Frontpage 2000的操作 〖教学重点、难点〗 网页的建立 〖教学方法〗 讲解、演示、练习相结合 〖教学过程〗 引入：网络可以说是现代社会的一个主题，今天我们就来探索这个神秘的世界。 　　浏览网页――讲解网页组成 一、网页基础知识 （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 二、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）操作：单击“文件”菜单――“新建”――站点 　　　选择“只有一个网页的站点” 　　　注意：指定新站点的位置：（网站的位置） 练习：建立在D：\12\学号　的站点 （2）打开站点 三、简单网页的编辑 1、? 文字的输入 　　　　字体不能太大 2、? 图片的插入 3、? 网页的保存 保存时注意如果图片不在Images文件夹中的，则要选择图片保存的路径。 保存的网页名称后缀名为HTM 四、网页视图 在FrontPage 2000中，有六种视图方式，每一种视图提供关于网站的不同信息，可以用