初步建立网页.doc

《初步建立网页.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、初步建立网页教学目标：1.认知目标：通过资料的收集和整理、网站结构的总体规划、网页技巧的运用和实施，能够独立制作有绿色家园为主题的个人网站，让学生在制作过程中能同时了解环境保护对人类的重要性。2.技能目标：使学生通过学习熟练应用FrontPage2000中的网页的建立。掌握网页制作的各种技术和方法，包括个人的站点建立、文字处理、图片处理、框架。3.情感目标：通过学习和时间操作，培养学生的审美能力、创新能力、动手能力和自学能力以及分析能力和解决问题的能力。教学重点：掌握环境保护的相关知识，灵活运用FrontPage2000网页技巧制作个人网站教学手段：多媒体电化教学与实践演练相结合

2、的方法。教学用具：多媒体网络教室、大屏幕投影仪系统一套。教学过程：在制作个人网站之前，应先确定网站的主题。本节课的主题是围绕环境保护对人类的重要性制作一个绿色家园的网站，收集相关的资料，包括文字、图片、动画等。将资料内容分类，规划网站的结构，拟定几个网页主题。借助一些软件制作、处理网页中所需的图片、动画等，利用FrontPage2000等网页制作工具编辑网页，直到完成网站中所有网页。本节课主要围绕绿色家园为主题建立一个个人网站，如下图所示一、新站点的建立为了有效地发挥FrontPage2000对网页的组织管理功能，通常在制作具体的网页之前，应先创建一个新站点，然后根据网站的具体结

3、构制作网页。[例1-1]在“MyDocuments”中的“Mywebs”文件夹下建立一个名为“huanbao”的新站点。操作步骤：①单击“开始”按钮，将指针依次指向“程序（P）”“MicrosoftFrontPage”，并单击，即可启动FrontPage2000，如图5-2所示。②依次单击“文件（F）”菜单中的“新建（N）”“站点（W）”命令，弹出“新建”对话框，如图所示。③在“新建”对话框中单击“空站点”，在“指定新站点的位置（S）”框中输入“C：MyDocumentsmyWebshuanbao”，最后单击“确定”按钮。FrontPage2000将自动在指定位置建立一个站

4、点，首先建立“C：MyDocumentsMywebshuanbao”文件夹，然后在此文件夹下，再建立一组文件夹，其中可见文件夹包括：“_private”和“Images”（存放图形文件），其余文件夹被隐藏起来.二、网页的建立[例1-2]在“huanbao”网站中建立第一个网页，页面如图所示，取名为“welcome.htm”。1．文字编辑文字编辑是制作网页最基本的操作。在网页编辑窗口中，可以像在Word中一样直接输入文字，进行编辑和排版，操作步骤：①选定标题“绿色家园”，进行如下设置：字体为黑体，字号为7号字，颜色为绿色，居中排列。②选定正文，并设置如下：采用默认的字体和字号

5、，颜色为黑色，居中排列。2.插入图片插入图片的方法是：将插入点移到要插入图片的位置，依次单击“插入（I）”菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”对话框，如图所示。如果要插入的图片已经保存在当前的网站中，可以直接在图的列表框中选取，然后单击“确定”按钮。否则，单击“浏览”按钮，从“选择文件”对话框中选择所需图片，单击“确定”按钮，将图片插入到网页中。在“图片”对话框中，还可以单击“剪贴画（C）”按钮，插入Office剪贴画；单击“扫描（S）”按钮，插入从扫描仪获取的图片。操作步骤：①依次单击“插入（I）”菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”

6、对话框，单击“浏览”按钮，从弹出的“选择文件”对话框中选择所需图片“zhuzi.gif”，单击“确定”按钮，插入图片。②拖动图片到页面左侧适当位置。3.插入动画在网页制作中，经常使用一些小动画，使页面生动活泼，这些小动画文件用专门的工具制作，也以GIF作为文件的扩展名。操作步骤：①依次单击“插入（I）”菜单中的“图片（P）”“来自文件（F）”命令，打开“图片”对话框，单击“浏览”按钮，从“选择文件”对话框中选择所需图片“diqiu1.gif”，单击“确定”按钮，插入动画。②拖动动画到标题下方适当位置。4.插入水平线水平线是贯穿网页宽度的细灰条，用来分隔文本或加着重符。插入水平线可

7、以帮助我们将各类相关信息组合到一起，但同一个页面中水平线不宜过多。插入水平线的方法是：先将插入点移到目标位置，再单击“插入（I）”、菜单中的“水平线（L）”命令。如果要设置水平线的外观，可以双击水平线，打开“水平线属性”对话框，如图5-8所示。调整水平线的宽度、高度、对齐方式以及颜色，就可以改变它的外观。操作步骤：①将插入点移到小动画前。②单击“插入（I）”菜单中的“水平线（L）”命令。③双击水平线，在“水平线属性”对话框中，将宽度设置为50%，其余参数采用默认值，单击“确定”按