网页制作(frontpage

《网页制作(frontpage》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第八章网页制作任务一制作简单网页教学目的：1、 了解网页的组成元素，理解网站、网页、主页、HTML等几个概念2、 了解常用网页制作工具3、 掌握Frontpage2003的启动、退出方法4、 熟悉Frontpage2003的操作界面5、 简单的上网浏览，了解网页的组成6、学会简单网页的制作及网站的建立，养成良好的制作习惯7、学会在FrontPage2003中新建站点和网页，在网页中插入文本、图片、水平线等对象的方法；8、掌握利用表格对文字、图片等内容进行定位的方法。9、掌握在FronPage2003中插入文本、图片的超链接

2、，以及设置图片对象格式的基本方法10、掌握在网页中插入常用FrontPage组件的方法。如在网页中插入悬停按钮，字幕和横幅广告管理器等。教学重点：窗口组成及网页站点的建立　教学难点：网页站点建立以及和WORD中相通知识点的活用教学方法：讲解、演示、练习相结合教学过程：[引入]：网络可以说是现代社会的一个主题，今天我们就来探索这个神秘的世界。浏览网页――讲解网页组成。[讲授]：一、网页基础知识（1）什么是网站？(如网易、雅虎等)网站是计算机网络上的位置，它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。计算机网络可

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

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

5、页的工具Frontpage2003　　　DreamweaverFlash二、Frontpage2003　基本知识：[操作]：1、启动、退出：（两种方法：“开始”菜单程序、快捷方式）2、界面（对比法――WORD和Frontpage2003）三、网页及网站的建立：1、网页的建立[操作]：（1）启动Frontpage2003后，自动就生成了一个网页，默认文件名是new_page_1.htm，可以直接在上面进行编辑操作（如输入文字、插入图片等等，操作方法和WORD中是一样的）（2）单击“文件”菜单――“新建”――网页――普通网页工

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

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

8、边操作]：1、 文字的输入：字体不能太大　　　　2、 图片的插入：3、 网页的保存：保存时注意如果图片不在Images文件夹中的，则要选择图片保存的路径。保存的网页名称后缀名为HTM五、网页视图：[讲授]：在FrontPage2003中，有六种视图方式，每一种视图提供关于网站的不同信息，可以用来有效地管