第12课初步创建简易站点技巧.doc

第十二课 初步创建站点 教材简析 本课是第三单元《网站建设》的第二课，重点介绍学习新建一个站点、框架的建立、框架属性的设置、在框架中添加网页、框架的保存等基础知识，这些都是网站建设的基础知识。从教材的结和内容来看，，的接受能力培养信息表达的能力，加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的页面布局色彩搭配的风格等，提高他们的艺术修养和审美情趣。FrontPage2000中新建站点的方法； 新建和保存框架网页。 2．能力目标 让学生学会创建站点，学会创建框架网页、设置框架属性等，加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的页面布局色彩搭配的风格等，提高他们的艺术修养和审美情趣。情感FrontPage2000中新建站点的方法； 新建和保存框架网页。 教学难点 掌握在FrontPage2000中新建站点的方法； 新建和保存框架网页； 框架属性的设置。 学情分析 本课面向八年级学生，网站制作是一个学生十分感兴趣的内容，学生十分盼望自己也能拥有一个漂亮的网站，因此学习的积极性也非常高，教师应该抓住学生的这种热情逐步引导学生成功地制作自己的网站。考虑到学生的基础有所差异，在网站制作教学中可以采用分层次教学法：对于学习程度好的同学要求能单独制作出自己的网站，而基础较差的同学可以简单模仿教师完成书中示例制作，让他们也能体会制作网站的乐趣。培养学生获取信息、处理信息、整合信息应用的能力，培养学生的信息素养和独立分析问题、解决问题的能力，提高学生创新能力、自学能力、理论联系实践能力，增强学生的独立意识，培养学生的团队协作精神。 教学方法 情景导入法、任务驱动法、引导讲解法。 所用课时 1课时FrontPage2002，单击“文件”菜单中的“新建”命令项，在出现的级联菜单中选择“网页或站点”命令项。 步骤2：在弹出的“新建网页或站点”对话框中选择“空站点”，指定新站点的位置，单击“确定”按钮。新建站点时，选择站点保存位置，既可以使用系统默认的位置，也可以自己指定网站所在的文件夹。 （二）框架的建立 师：新建了一个站点后，就可以按照我们事先规划好的网站结构来制作网站所包含的各个网页了。大家接着往下看。 步骤1：打开站点“藏羚羊”，依次选择菜单栏中的“文件” “新建” “网页或站点”命令项，打开 “新建网页或站点”对话框。 步骤2：在“新建网页或站点”对话框中，选择“网页模板”，打开“网页模板”对话框，单击“框架网页”选项卡。 步骤3：在框架列表中选择“标题、页脚和目录”样式，单击“确定”按钮，一个新的框架网页就建立起来了。 （三）提供机会，学生实践探究 投影广播任务：请同学们利用Frontpage新建一个个人站点，并建立网页框架。 教师随堂检查，并指导学生。 （四）框架属性的设置 师：刚才我们一起建立了网站的框架，但我们还要对网页的框架的属性进行设置。通过调整框架大小、框架边界、边框线的宽度等属性，可以设计出符合需要的框架效果。 步骤1：将指针指向各边框线，当指针变成双箭头时，拖动鼠标，可以改变框架的大小。如果要改变框架其他属性，须首先选定框架，然后单击鼠标右键，在弹出的菜单中选择“框架属性”命令项，打开“框架属性”对话框。 步骤2：在“框架属性”对话框中，“框架大小”可以用来精确调整框架的大小，“边距”是指框架内网页内容与边框之间的距离大小。在“显示滚动条”下拉框中可以选择是否显示滚动条。另外，单击“框架网页”按钮，可以打开“网页属性”对话框，在这个对话框中可以定义边框线的粗线，或者根本不显示边框线。 步骤3：单击上框，选定框架，然后打开“框架属性”对话框。 步骤4：分别将“边距”栏中的“高度”和“宽度”的值设置为零。 步骤5：单击“框架网页”按钮，打开“网页属性”对话框。 步骤6：在“网页属性”对话框中选择“框架”选项卡，将“框架间距”设置为零，最后单击“确定”按钮。 （五）提供机会，学生实践探究 投影广播任务：请同学们根据老师的操作，完成框架属性的设置。 教师随堂检查，并指导学生。 （六）在框架中添加网页 师：框架网页建立起来后，就可以在上面添加内容。在每一个框架中，都有“设置初始页面”和“新建网页”两个按钮。单击新建网页可以直接建立一个网页。 步骤1：在新建的框架网页中单击上框中的“新建网页”按钮，在页面中插入所需的图片。 步骤2：单击左框中的“新建网页”按钮，在网页中插入一个8×1表格，在表格中输入相应的文字。 步骤3：单击工具栏上的“保存”按钮，弹出的“另存为”对话框，在这个对话框中显示了各框架的示意图，当前被保存的框架用蓝框标示