江苏省南通市海安县实验中学高中信息技术 第六章 第二节 网页制作一学案.doc

第二课 网页制作（一）【学习目标】1.理解并区分网站与主页、网页的概念2.理解使用frontpage建立一个站点后自动产生的文件夹的作用3.能熟练运用表格实现网页布局【教材助读】1.网站与主页、网页万维网上的文档称为网页，若干个网页组成一个网站，网站的地址用url（统一资源地址）标识，用户可借助浏览器访问和阅读网页，网页的内容和表现形式虽然千差万别，但都含有三种基本元素：文字、图形图像和超链接。主页（首页）通常是指网站的第一页，一个网站的主页名一般是“index.htm”或者是“index.html”，而且它是唯一的。2.用frontpage建立站点后“images”和“_private”文件夹的作用“images”文件夹用来存放网页中用到的所有图像文件，在制作网页之前要把用到的图片全部都保存到此文件夹中。“_private”文件夹用来存放不愿公开的文件。因此，网站中所要用到的图像、声音、视频等文件应有条理地存放到指定的文件夹中，从而避免文件管理上的混乱和网页显示时因找不到相关的文件而链接错误或出错。3.表格的网页布局功能表格在网页中有定位和布局网页的作用，利用表格可以将各块内容分类列出，使网页清晰美观、富有条理。表格中可以插入各种网页元素，如图形图像、文字、flash动画、视频等。需要注意的是：在用表格定位时，将表格的边框设置为0可以隐藏表格的边框，使页面美观大方。【延伸拓展】网页制作工具1“超文本标记语言”制作网页网页中包含的文本、图像、超链接和表格等基本元素及构件是由超文本标记语言（hyper text markup language, html）进行描述的。html是一种超文本标记语言，是一种使用一组特定的标记来描述文档结构的语言，html的源代码由网络浏览器解释执行。2用网页制作工具软件制作网页为了提高网页制作的效率和质量，许多公司开发了制作网页的专用工具软件，如frontpage、dreamweaver等。这些网页制作工具，大多采用所见即所得的模式，使网页制作变得方便、直观，从而大大提高了网页制作的效率。预习反馈：（预设1-2小题对预习情况进行检测）【课堂探究】实践一：在d盘建立一个名为“myself”的新站点，主题为“我的班级”操作指导： 单击“开始”“程序（p）”“microsoft frontpage”，并单击，即可启动frontpage2000。 依次单击“文件（f）”“新建（n）”“站点（w）”命令，弹出“新建”对话框。 在“新建”对话框中单击“空站点”，在“指定新站点的位置（s）”框中输入 “d：myself”，最后单击“确定”按钮。如图： 实践二：在“myself”网站中建立第一个网页，取名为“welcome.htm”。要求：网页中要包含文字、图片、动画（gif,flash）、水平线、滚动字幕、背景(背景图片、背景音乐)等。图片、动画之类的素材，可以从“素材”文件夹中选取，也可以上网搜索获得。网页自由发挥，进行创造性地设计。网页尽量做到整洁美观。实践三：保存网页并将作品上传至教师机单击“文件（f）”“保存文件（s）”命令，弹出“另存为”对话框。 在“文件名（n）”列表框中输入“welcome”后，单击“保存（s）”按钮。注意：页面包含的图片、动画、声音等元素，frontpage还会继续询问是否保存这些嵌入的文件。 此时最好将这些文件保存起来，以保持它们在网页中的位置，否则，当网站发生迁移时，可能因找不到这些图片、动画等文件而无法显示。另外，最好将它们保存到images文件夹中，使网站保持清洁，便于管理和维护。【当堂检测】1.下列主要用于网页制作的软件是（ ）aword bexcel cfrontpage dinternet explorer解析：网页制作工具有很多，可以用“超文本标记语言”制作网页，可以用网页制作工具软件设计，如frontpage、dreamweaver,辅助软件有flash、fireworks，本题旨在考查学生对网页制作软件的了解。 答案：c2.进入一个网站的web页面时，我们在浏览器中首先看到的页面称为首页。首页默认的文件名一般为（ ）alogo.htm bindex.htm chome.htm dnews group.htm解析：本题旨在考查学生对首页默认文件名的掌握，网站的首页名称一般是“index.htm”或