网页制作基础知识.doc

《网页制作基础知识.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页制作基础知识(共2个课时)苍南中学李求喜〖教学要求〗1、 了解网页的组成元素，理解网站、网页、主页、HTML等几个概念2、 了解常用网页制作工具3、熟悉Frontpage2000的操作〖教学重点、难点〗网页的建立〖教学方法〗讲解、演示、练习相结合〖教学过程〗引入：网络可以说是现代社会的一个主题，今天我们就来探索这个神秘的世界。　　浏览网页――讲解网页组成一、网页基础知识（1）什么是网站？(如网易、雅虎等、苍南中学网站)网站是计算机网络上的位置，它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。计算机网络可以是世界范围的Interne

2、t或Intranet（链接办公室中所有计算机的局域网）。信息可以HTML网页或其他文档格式发布。为了查看站点上的信息，访问者需要使用浏览器程序（如Microsoft(r)InternetExplorer或NetscapeNavigator），通过这些程序将Web站点上的HTML网页翻译为监视器上的文本或图形。（网站包括图片、网页、网页素材、视频、音频等实际内容）（2）什么是网页？网页是全球广域网上的基本文档，用HTML(超文本标记语言)书写，其中可以包含文本、图片、动画、音乐、链接等元素。网页可以是站点的一部份，也可以独立存在。每一个网站都是由若

3、干网页组成的，各网页之间通过链接联系在一起。（3）什么是主页？使用浏览器访问网站时，网站中第一个被执行的文件称为主页，主页的基本功能是帮助访问者轻松浏览网站，其中可能包括有关站点创作者的个人信息、工作部门和公司、指向同一Web站点的其他文档的链接或指向相关内容的其他站点的链接等内容。为了吸引访问者，主页的页面要美观、内容要做到组织严密并且要提供有用的信息。（index.htmdefault.htm等，Frontpage2000自动识别的是index.htm）（4）制作网页的工具Frontpage2000　　　Dreamweaver二、Front

4、page2000　基本知识1、启动、退出和WORD　2000是一样的，都是Office2000软件中的一款两种方法：开始菜单程序　　　　　快捷方式2、界面（对比法――WORD和Frontpage2000）菜单栏（基本上一致，Frontpage2000多了一个框架菜单，“查看”菜单相当于WORD中的“视图”菜单。工具栏、格式栏工作区域三、网页及网站的建立1、 网页的建立（1）启动Frontpage2000后，自动就生成了一个网页，默认文件名是new_page_1.htm，可以直接在上面进行编辑操作（如输入文字、插入图片等等，操作方法和WORD中是一

5、样的）（2）单击“文件”菜单――“新建”――网页――普通网页工具栏上的“新建”按钮在“网页视图”下面就可以直接编辑制作网页了。  2、 网站的建立我们现在浏览的因特网上的网页其实并不是单个网页，而是一个比较完整的网站。在制作网页的时候，我们从一开始就要养成良好的制作习惯，为以后的管理、维护做好准备。Frontpage2000具有强大的网站创建、维护和发布功能，所以凡是在FrontPage中创建或由FrontPage维护的站点，都有一个特殊的站点名称：FrontPageWeb。每一个FrontPageWeb站点都含有一套标准的文件夹，在FrontP

6、age中可以看到以下两个文件夹：_private、images。_private文件夹：其中保存正在建造中的页面、参考文件和其它一些重要数据，虽然这个文件夹可见，但存在此文件夹下的文件对于各种浏览器来说是隐藏的。images文件夹：该文件夹专门用来存放图片，凡是网页中出现的图片、动画等文件，最好保存在此文件夹中，使网站保持清洁。FrontPage的功能类似于windows98资源管理器，不同之处在于FrontPage只管理与网站相关的网页文件以及网页中所使用的图片、动画等文件。当然可以自己在站点里增加新的文件夹存放特定的内容。（1）操作：单击“文

7、件”菜单――“新建”――站点　　　选择“只有一个网页的站点”　　　注意：指定新站点的位置：（网站的位置）练习：建立在D：12学号　的站点（2）打开站点三、简单网页的编辑1、 文字的输入　　　　字体不能太大2、 图片的插入3、 网页的保存保存时注意如果图片不在Images文件夹中的，则要选择图片保存的路径。保存的网页名称后缀名为HTM四、网页视图在FrontPage2000中，有六种视图方式，每一种视图提供关于网站的不同信息，可以用来有效地管理网站。在这一部分必须让学生理解每一种视图的用途和使用方法，以便在以后创建和维护网站时，能够根据需要选择

8、其中的一种来完成任务。其中：网页视图：可以用来创建、编辑、和预览网页，具有所见即所得的特性。在FrontPage网页视图中，有三种工作方