制作个人网站(修改).docVIP

模块一：制作个人网站 第1课 创建个人网站 教学内容： ⒈认识FrontPage2003窗口。⒉新建网站。⒊在网页中输入文字。 教学目标： ⒈认识FrontPage2003窗口组成。 ⒉学会用“只有一个网页的网站”模板创建网站。 ⒊学会在网页中输入文字。 教学重难点： 用“只有一个网页的网站”模板创建网站。 教学时间： 1课时。 第一课时 教学内容： 认识FrontPage2003窗口。 教学目标： 让学生认识FrontPage2003窗口。 教学过程： 一、导入新课。 用FrontPage2003制作网页很容易，只要认真学习，积极动脑，就能做出美观大方的网页，我们来一起来努力吧！ 二、学习新课。 ⒈一个网站是由许多网页组成的。网站就好比一本书，网页就好比一张张书页。浏览网站时，首先看到的网页就是这个网站的主页。主页好比目录，是一个网站的“入口”，进入主页后就可以浏览网站内的其他网页了。 ⒉认识FrontPage2003窗口。 ⑴文档名称； ⑵文档视图区； ⑶网页基本视图模式。 4.师：怎样建立我的网站呢？ 可以用模板建立一个有一个网页的网站。 5.教师介绍： FrontPage提供了几十种网站与网页模板。模板是一组预先设计好的网页或网站式样，我们可以在模板中添加自己的内容。这种方法操作简单，能快速地创建新的网站或网页。 6.介绍利用模板建立网站的步骤。 ⑴单击“网站”选项，出现“网站模板”对话框。 ⑵单击“新建普通网页”的下拉按钮。 ⑶输入新建网站存放的位置：“G:\My\Site”，单击“确定”，网站自动建立。 三、课外延伸。 学生看一看P45上面的“小知识”。 四、操练。 学生利用模板建立自己的网站，教师巡视指导。 师：你想在网页中输入文字吗？那么，我们这节课就来学习在网页中输入文字。 ⒈说明。 FrontPage2003输入文字的方法与Word相似，文字的修饰和编辑也与Word相似。 ⒉方法。 双击index.htm文件名，FrontPage就打开了这个文件，在网页“设计视图”中就可以输入文字了。 四、小结。 第2课 在网站中添加网页 教学内容： ⒈设计网站的步骤。⒉打开网站。⒊新建普通网页。⒋插入Word文档。⒌插入水平线。⒍保存网页。 教学目标： ⒈了解建立网站的基本知识。 ⒉学会新建普通网页。 ⒊学会在网页中插入Word文件和水平线。 教学重难点： 在网页中插入Word文件和水平线。 教学课时： 2课时。 第一课时 教学内容： ⒈设计网站的步骤。⒉打开网站。 教学目标： ⒈了解设计网站的步骤。 ⒉学会打开网站。 教学过程： 一、导入新课。 只要准备好制作网页的资料，运用FrontPage的功能，就一定能制作出设计美观、内容丰富的网页了。今天我们先来了解一下网站的基本知识。 二、教学新课。 ⒈设计网站的步骤。 ⑴确定主题。 确定好网站的主题，然后考虑选择怎样的内容和用什么方式来展示。 ⑵设计网站网页结构。 要使建立的网站有条理性，有利于制作，必须先设计出网站的栏目，每个栏目与网页之间的关系、网页与网页之间的关系等。 每个网页应该有统一的风格。为了吸引人们的注意力，页面版式要有明显的特点。 ⑶收集和整理素材。 根据网页的内容，收集和整理文字、图片素材，也可以引用他人的素材，但要尊重创作人的合法知识权益。 ⑷制作网页。 要充分运用FrontPage的制作技巧，积极创新，才能做出有特色的网页。 ⒉打开网站。 ⑴打开“文件”菜单，单击“打开网站”。 ⑵双击G盘下的“My”文件夹。 ⑶双击网站文件夹。 ⑷单击“打开”按钮。 三、操作。 请你为“大不点之家”网站设计4个栏目，并收集相关资料。 四、小结。 第二课时 教学内容： ⒈新建普通网页。⒉插入Word文档。 教学目标： ⒈会新建普通网页。 ⒉学会在网页中插入Word文档。 教学过程： 一、新建普通网页。 师：如果网站中只有一个网页，我们可以使用任务窗格，方便第添加空白网页。 ⒈单击“新建”选项，打开“新建任务窗格”。 ⒉单击“空白网页”，在文档视图区打开“new_page_1.htm”。 二、在网页中插入Word文档。 师：下面我们学习在网页中插入Word文档的方法。 ⒈在编辑区输入题目“大不点小试笔”，设置字体、字号。 ⒉单击“插入”中“文件”选项，弹出“选择文件”对话框。 ⒊选择文件夹。 ⒋选择Word文件类型。 ⒌双击文件，插入即可。 三、插入水平线。 师：为了把页面标题和小剧本内容区分开，可以利用水平线完成操作，而且，水平线还能使页面更加清晰、美观。 ⒈移动插入条光标到题目后。 ⒉单击“水平线”，水平线插入页面。 ⒊双击水平线，打开水平线属性对话框。 ⒋选择蓝色，单击“确定”按钮，完成颜色设置。 四、保存网页。 ⒈单击“文件”中的“保存”。 ⒉输入文件名“xia