资源简介

(共46张PPT)
《网站的创建》
河北大学版 初中版第二册
内容总览
学习目标
01
学习任务
02
任务分析
03
操作指南
04
任务小结
05
知识链接
06
目录
07
08
课堂练习
课堂总结
09
10
板书设计
课后作业
教学目标
1.信息意识：培养对信息的感受力、注意力，和对信息价值的判断力和洞察力。
2.计算思维：培养构建网站来解决网站相关的问题；
3.数字化学习与创新：倡导数字化教育，促进对网站构建的学习和使用；
4.信息社会责任：规范使用网络技术解决问题，不做危害他人的网络行为。
新知导入
今天，随着信息技术的飞速发展和网络的快速普及，网站建设也有了多种方式。不同方式建设的网站有传统互联上的网站(PC站)、移动端智能手机站、微信公众号、小程序以及各种移动端应用程序等。尤其近几年，随着微信和微信公众号应用的普及，开启了企业和个人的新媒体时代。人们越来越喜欢在智能手机移动端进行信息推送、宣传和产品销售，传统网站大有被移动终端所取代的趋势。
新知讲解
在这样的情况下，PC网站建设还有价值吗
新知讲解
要回答这个问题，还要从当下人们的信息获取习惯入手。当下，人们获取信息第一位的途径是互联网的信息检索。试想，你想了解一家企业或者该企业的某种产品，如果在互联网上找不到该企业的网站，那么你对该企业或对其产品的信赖度是否会大打折扣 另外，网站的建设相当于打造自家的平台，可以突出自身的特点，并促进自身发展。同时，网站建设好后，支持根据需要随时对网站相关信息进行灵活调整。因此，在当下，传统的网站建设仍然是通过互联网展示个人、企业或产品实力的最佳途径之一。
新知讲解
网站制作工具有很多，综合考虑，我们选择以FrontPage 2003(以下简称FrontPage)为例，学习网站的建立及网页制作的方法。
FrontPage是一款简单实用的制作网页和建立网站的工具。它不但可以创建新的网页，而且可以在网页上插入和编辑文字、图片、动画、表格、超链接等元素；也可以创建新的网站，并且可以建立和管理网页之间的链接关系。它有预先设计好的主题，以便为单一网页、多个网页或整个网站提供一致的外观；它可以为文字、图片设置动态HTML效果，设置网页过渡的效果；还提供了超链接自动修复功能和HTML帮助。
新知讲解
执行“程序”→“所有程序”→“Microsoft Office"一,“FrontPage 2003”命令，启动FrontPage 2003软件，窗口界面如图所示。
新知讲解
标题栏
菜单栏
常用工具栏
格式工具栏
工作面板
编辑窗口
状态栏
“设计”视图
拆分“视图”
代码“视图”
“预览”视图
新知讲解
通常情况下，网站内容比较丰富。要想条理清晰地组织网站的结构，需要在建立网站之前对网站做整体规划，如确立主题，明确网站内容有哪些方面，每个方面由哪些具体内容组成，也就是明确各网页之间的关系。
新知讲解
拓展延伸
网站一般分为几个类型：
1.电子商务网站
2.活动网站
3.展示型网站
4.信息网站
5.门户型网站
新知讲解
学习任务
依据自己的研学内容或者宣传方向确定本组网站的主题，整理相关素材，进一步对网站的内容进行规划并创建网站。示例是以“大美河北”为主题制作的一个分享研学旅行收获及宣传河北旅游资源的网站。
新知讲解
任务分析
（1）确定主题。
一般情况下，由个人来研究、展示一个主题的全部内容比较困难。如“河北旅游资源推荐”这个主题，内容非常丰富，个人因时间、精力所限很难独立完成。那么，可以将一个大的主题分成若干小的主题，由几个小组共同完成；当然，也可以个人选择大主题中比较小的主题进行研究，这样选的主题定位要小、内容要精。例如，可以是根据实际情况设计研学旅行的路线，也可以是分享研学旅行成果,当然也可以是直接的家乡旅游资源推荐等。
新知讲解
（2）规划网站。
规划网站有两层含义，一层是规划网站内容，另一层是规划网站的组织结构和呈现方式。内容规划涉及主题定位和浏览人群的定位；组织结构和呈现方式规划涉及依据主题对内容(网站栏目)的设计和页面内容呈现形式的设计，如文字排版、图片设置、网站页面风格设计等。
新知讲解
网站设计是网站制作前的准备工作，是一个网站建设成败的关键。
网站设计应根据主题分析浏览对象的特点和需求，确定详细的内容安排，也就是讨论细化网站的具体内容——栏目。栏目确定后，要对网站进行整体的设计，这个环节比具体的制作更为重要。就像盖楼一样，如果没有设计蓝图，盲目开始搭建，结果不言而喻。所以，在选定主题后，要对网站进行详细的设计规划。
新知讲解
（3）建立网站。
网站是由超文本文件、图片文件、动画文件等组成的。网站越大，涉及的文件越多，我们必须对它们进行有效的管理。在这一点上，“所见即所得”工具不仅能够快捷地完成页面的制作，而且对网站中的文件也有很好的管理方法，这就是“所见即所得”工具的网站管理功能。
新知讲解
操作指南
1.准备素材
准备素材时，应本着突出网站主题的原则搜集素材，并对搜集到的素材进行初步的筛选，整理。
(1）充分利用多种手段广泛搜集素材，为制作网站做好素材准备工作。
新知讲解
提示：
①到图书馆或书店查阅相关的书籍或杂志，搜供文字、围片以及音视频等素材，并记录素材的来源信息。
②利用互联网查找相关素材，如以“西柏坡”为关键字进行搜索，找到介绍相关内容的具有权威性的网站。
③无论何时，第一手资料都是最佳选择。所以，旅行途中一定要做好记录，如拍摄一些活动的照片、录制一些影像、采访一些当地人等，得到第一手资料。
新知讲解
（2）按照分工，对搜集到的素材进行筛选，分类保存，并记录素材来源。
①建立一个素材文件夹，并在里面建立“文字”“图片”“音频”“视频”等子文件夹，分别存放相应类别素材。
②文字素材。为了方便网页制作，我们通常把文字资料以文本的形式保存，文件为TXT格式。等类型。
③图片素材。图片的格式有很多种，在制作网页时，常用的有GIF、JPG(JPEG)和PNG等类型。
④音视频素材。常用的音频文件格式有MIDI、MP3、WAV；常用的视频文件格式有WMV、MOV、RM等。
新知讲解
2.规划栏目，绘制网站结构图
以“河北地区研学旅行路线推荐”为主题，可以从多个角度对网站内容进行构建。例如，以红色之旅为主，探寻革命圣地，走访有特点的革命老区；以绿色环保为主，了解自然环境、人文地理；以历史遗迹、遗存为主的考古研究；等等。示例网站的内容结构规划如图所示。
新知讲解
参考事例规划思路，各小组完成自己的网站规划设计工作。在方框里完成规划图：
大美河北
绿色环保
自然环境
人文地理
新知讲解
3.创建网站
（1）新建网站。
①在指定位置建立文件夹，如建立名为“大美河北”的文件夹。
②启动FrontPage软件，执行“文件”→“新建”命令。
新知讲解
③在右侧“新建”工作面板中选择“由一个网页组成的网站”命令，在“网站模板”对话框中的“指定新网站的位置”处单击“浏览”按钮，选择存储网站的文件夹，如图所示，然后单击“确定”按钮。这样，就建立了只包含一个名为“index”的网页（此网页为主页）的网站，如图所示。
新知讲解
(2)新建网页。
①在“新建”面板上选择“其他网页模板”命令，弹出“网页模板”对话框，如图所示。
②在“常规”选项卡中有多种网页的模板和向导，单击一个模板，在“预览”区域内会显示此模板网页的布局。根据需要选择一个模板，除“普通网页”是创建空白网页外。利用其他模板建立的网页中都有一些提示文字和图片。此处，以“普通网页”为例。
新知讲解
③保存网页。
第1步：执行“文件”“保存”命令，弹出“另存为”对话框。
第2步：输入网页标题。网页标题是对网页内容的概括。在浏览器中，它出现在标题栏的左上角，一般用中文描述。单击“更改标题”按钮，修改网页标题为“红色之旅”。
新知讲解
第3步：输入文件名。每一个网页都是一个独立的文件，要给文件命名，一般以字符描述。在“文件名”文本框中输入“hongsezhilv”。
第4步：单击“保存”按钮，如图所示，保存新建网页。
新知讲解
可以按规划栏目先分别创建网页，或者制作主页后再添加其他网页。
(3）建立网页间的层次关系。
①执行“视图”“导航”命令，进入“导航”视图，如图所示。此时，“导航”视图编辑窗口中的主页表示当前网站的“index"网页。
新知讲解
②建立主页之下的网页关系。鼠标指针指向“文件夹列表”区中的网页文件，将其拖动到右侧窗口。根据网站结构，自顶向下建立网页的层次关系，如图所示。
（4）关闭网站。执行“文件”“关闭网站”命令。
新知讲解
任务小结
明确主题、规划网站结构这一步至关重要，对后面搜集素材、制作网站有重要的指导作用。
建立网站时，要明确网站建立的位置，指定网站文件夹。网页的文件名用于区别网站中不同网页，网页的标题显示在浏览器标题栏的左上角。网页的文件名和网页的标题都是很重要的网页属性。网站是由若干个网页组成的，所以在关闭网站时要对网站中的网页加以保存。
新知讲解
知识链接
1.网页
网页是网站的基本信息单位。一般的网页上都会有文本、图片等类型的信息，复杂一些的网页上还会有音频、视频、动画等多媒体内容，为网页增添丰富的色彩和动态效果。网页是一个包含HTML标签的纯文本文件，是一种可以在万维网(WWW)上传输，可以被浏览器识别和翻译成页面显示出来的文件。
新知讲解
2.网站
万维网由众多网站构成，网站由若干个网页组成。这些网页具有某些相同类型的信息，通过各种超链接连接在一起，用户可以很方便地从一个网页跳转到另一个网页，从而实现信息访问。这些网页构成了一个网站，而网站之间又以各种形式连接在一起，这样就构成了一个强大的网状体系结构，成为传播文字、图形、声音、动画等信息的载体。
新知讲解
3.主页
打开一个网站看到的第一页一般称为Home Page。即“主页”。主页的文件名一般为index.htm。
新知讲解
4.用FrontPage创建网站
（1）FrontPage提供了网站的模板和网站的向导用于帮助建立网站。
（2）网站中自动生成的文件夹。
建立网站后，FrontPage会自动生成若干个文件夹，其中一个是“_private"文件夹，用于存放私人文件；一个是“images”文件夹，用于存放图片文件；还有一些被隐藏的文件夹。
新知讲解
（3）删除当前正在编辑中的网站。
选择“文件夹列表”面板中的网站文件夹，单击鼠标右键，选择快捷菜单中的“删除”命令，在弹出的“确认删除”对话框中选择“删除整个网站”命令，单击“确定”按钮，即可删除当前正在编辑中的网站。
（4）从当前网站中删除网页。
选择“文件夹列表”面板中的某个网页，然后按Delete键，在弹出的“确认删除”对话框中单击“是”按钮，即可从当前网站中删除该网页。
新知讲解
（5）关于网页文件名。
启动FrontPage软件时，系统会自动建立一个网页，名为“new_page_1.htm”；如果在当前窗口中再新建一个网页，其名为“'new_page_2.htm”，它们都是临时文件名。保存网页时，可以用这个默认的文件名，也可以更改。一般来说，文件名用字符表示，而网页标题用汉字表示(在浏览器中浏览网页时，网页的标题显示在浏览器的标题栏中)。
新知讲解
最后，我们一起观看视频，再次学习一下怎么制作一个属于自己的“网站”。
新知讲解
练习与思考
仔细观察新建的网站、“文件夹列表”区中的文件及文件夹结构。
（1）名为“index.htm”的文件是什么类型的文件 怎样打开它？
（2）网站中“images”文件夹的作用是什么？
新知讲解
index.htm是网站的首页文件。可以直接使用浏览器直接打开文件，或者使用文本编辑器查看和编辑文件的HTML代码。
新知讲解
image文件夹，又叫图像文件夹，是描绘一幅图像的极端机磁盘文件，其文件格式不下数十种。图文件可分为两类，即图片文件和动画文件。是可以删除的。
新知讲解
关于HTM，实际上HTM与HTML没有本质意义的区别，只是为了满足磁盘操作系统（DOS）仅能识别三位文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l必须去掉。（因为html识别不了，只能识别HTM）
拓展延伸
课堂练习
在制作网站的过程中，为了使画面更生动形象，我们会制作“滚动画面”来提高网站的灵活度，请同学们思考一下，怎么制作网页的滚动效果。
课堂总结
1.认识网站以及网站、网页建设的工具；
2.学习使用Front Page构建网站的方法和步骤；
3.能够辨析各种网页文件名及其各种知识内容。
板书设计
网站的认识
网站的创建
网站知识的辨析
作业布置
请同学们设计一个属于自己的“网站”，从设计这个网站的初衷开始，到网站的上市，都可以加入自己的创新设计，下节课，我们一起看看谁的想法最有创意！
谢谢
21世纪教育网（www.21cnjy.com)
中小学教育资源网站
兼职招聘：
https://www.21cnjy.com/recruitment/home/admin中小学教育资源及组卷应用平台
信息技术《网站的创建》教学设计
课题 《网站的创建》 单元 一单元 学科 信息技术 年级 八年级
教材分析 《网站的创建》这一课旨在让学生增进对网站的认识，以及学会使用Front Page构建网站的方法和步骤，教材编排了“学习任务-任务分析-操作指南-任务小结-知识链接-练习与思考”的系列学习活动，引导学生学会构建网站来解决网站相关的问题，促进对网站构建的学习和使用，这些学习对于初中学生来说是非常有必要的，不仅可以增加学生知识，同时也能增强学生对信息的感受力、注意力，以及对信息价值的判断力和洞察力，提高学生信息素养。教材编排合理，贴近学生生活实际，符合七年级学生认知特点。
学习目标 1.信息意识：培养对信息的感受力、注意力，和对信息价值的判断力和洞察力。2.计算思维：能够构建网站来解决网站相关的问题；3.数字化学习与创新：倡导数字化教育，促进对网站构建的学习和使用；4.信息社会责任：规范使用网络技术解决问题，不做危害他人的网络行为。
重点 使用Front Page制作网站
难点 将学到的知识运用到实践中。
教学过程
教学环节 教师活动 学生活动 设计意图
导入新课 导入：师：今天，随着信息技术的飞速发展和网络的快速普及，网站建设也有了多种方式。不同方式建设的网站有传统互联上的网站(PC站)、移动端智能手机站、微信公众号、小程序以及各种移动端应用程序等。尤其近几年，随着微信和微信公众号应用的普及，开启了企业和个人的新媒体时代。人们越来越喜欢在智能手机移动端进行信息推送、宣传和产品销售，传统网站大有被移动终端所取代的趋势。 学生初步了解网站以及网络的结合使用 学生初步了解本节课的学习内容，由此引出本节课的学习内容
讲授新课 在这样的情况下，PC网站建设还有价值吗 要回答这个问题，还要从当下人们的信息获取习惯入手。当下，人们获取信息第一位的途径是互联网的信息检索。试想，你想了解一家企业或者该企业的某种产品，如果在互联网上找不到该企业的网站，那么你对该企业或对其产品的信赖度是否会大打折扣 另外，网站的建设相当于打造自家的平台，可以突出自身的特点，并促进自身发展。同时，网站建设好后，支持根据需要随时对网站相关信息进行灵活调整。因此，在当下，传统的网站建设仍然是通过互联网展示个人、企业或产品实力的最佳途径之一。网站制作工具有很多，综合考虑，我们选择以FrontPage 2003(以下简称FrontPage)为例，学习网站的建立及网页制作的方法。FrontPage是一款简单实用的制作网页和建立网站的工具。它不但可以创建新的网页，而且可以在网页上插入和编辑文字、图片、动画、表格、超链接等元素；也可以创建新的网站，并且可以建立和管理网页之间的链接关系。它有预先设计好的主题，以便为单一网页、多个网页或整个网站提供一致的外观；它可以为文字、图片设置动态HTML效果，设置网页过渡的效果；还提供了超链接自动修复功能和HTML帮助。执行“程序”→“所有程序”→“Microsoft Office”一，“FrontPage 2003”命令，启动FrontPage 2003软件，窗口界面如图所示。通常情况下，网站内容比较丰富。要想条理清晰地组织网站的结构，需要在建立网站之前对网站做整体规划，如确立主题，明确网站内容有哪些方面，每个方面由哪些具体内容组成，也就是明确各网页之间的关系。拓展延伸网站一般分为几个类型：1.电子商务网站2.活动网站3.展示型网站4.信息网站5.门户型网站学习任务依据自己的研学内容或者宣传方向确定本组网站的主题，整理相关素材，进一步对网站的内容进行规划并创建网站。示例是以“大美河北”为主题制作的一个分享研学旅行收获及宣传河北旅游资源的网站。任务分析（1）确定主题。一般情况下，由个人来研究、展示一个主题的全部内容比较困难。如“河北旅游资源推荐”这个主题，内容非常丰富，个人因时间、精力所限很难独立完成。那么，可以将一个大的主题分成若干小的主题，由几个小组共同完成；当然，也可以个人选择大主题中比较小的主题进行研究，这样选的主题定位要小、内容要精。例如，可以是根据实际情况设计研学旅行的路线，也可以是分享研学旅行成果,当然也可以是直接的家乡旅游资源推荐等。（2）规划网站。规划网站有两层含义，一层是规划网站内容，另一层是规划网站的组织结构和呈现方式。内容规划涉及主题定位和浏览人群的定位；组织结构和呈现方式规划涉及依据主题对内容(网站栏目)的设计和页面内容呈现形式的设计，如文字排版、图片设置、网站页面风格设计等。 网站设计是网站制作前的准备工作，是一个网站建设成败的关键。 网站设计应根据主题分析浏览对象的特点和需求，确定详细的内容安排，也就是讨论细化网站的具体内容——栏目。栏目确定后，要对网站进行整体的设计，这个环节比具体的制作更为重要。就像盖楼一样，如果没有设计蓝图，盲目开始搭建，结果不言而喻。所以，在选定主题后，要对网站进行详细的设计规划。（3）建立网站。网站是由超文本文件、图片文件、动画文件等组成的。网站越大，涉及的文件越多，我们必须对它们进行有效的管理。在这一点上，“所见即所得”工具不仅能够快捷地完成页面的制作，而且对网站中的文件也有很好的管理方法，这就是“所见即所得”工具的网站管理功能。操作指南1.准备素材准备素材时，应本着突出网站主题的原则搜集素材，并对搜集到的素材进行初步的筛选，整理。(1）充分利用多种手段广泛搜集素材，为制作网站做好素材准备工作。提示：①到图书馆或书店查阅相关的书籍或杂志，搜供文字、围片以及音视频等素材，并记录素材的来源信息。②利用互联网查找相关素材，如以“西柏坡”为关键字进行搜索，找到介绍相关内容的具有权威性的网站。③无论何时，第一手资料都是最佳选择。所以，旅行途中一定要做好记录，如拍摄一些活动的照片、录制一些影像、采访一些当地人等，得到第一手资料。（2）按照分工，对搜集到的素材进行筛选，分类保存，并记录素材来源。①建立一个素材文件夹，并在里面建立“文字”“图片”“音频”“视频”等子文件夹，分别存放相应类别素材。②文字素材。为了方便网页制作，我们通常把文字资料以文本的形式保存，文件为TXT格式。等类型。③图片素材。图片的格式有很多种，在制作网页时，常用的有GIF、JPG(JPEG)和PNG等类型。④音视频素材。常用的音频文件格式有MIDI、MP3、WAV；常用的视频文件格式有WMV、MOV、RM等。2.规划栏目，绘制网站结构图以“河北地区研学旅行路线推荐”为主题，可以从多个角度对网站内容进行构建。例如，以红色之旅为主，探寻革命圣地，走访有特点的革命老区；以绿色环保为主，了解自然环境、人文地理；以历史遗迹、遗存为主的考古研究；等等。示例网站的内容结构规划如图所示。参考事例规划思路，各小组完成自己的网站规划设计工作。在方框里完成规划图：3.创建网站（1）新建网站。①在指定位置建立文件夹，如建立名为“大美河北”的文件夹。②启动FrontPage软件，执行“文件”→“新建”命令。③在右侧“新建”工作面板中选择“由一个网页组成的网站”命令，在“网站模板”对话框中的“指定新网站的位置”处单击“浏览”按钮，选择存储网站的文件夹，如图所示，然后单击“确定”按钮。这样，就建立了只包含一个名为“index”的网页（此网页为主页）的网站，如图所示。(2)新建网页。①在“新建”面板上选择“其他网页模板”命令，弹出“网页模板”对话框，如图所示。②在“常规”选项卡中有多种网页的模板和向导，单击一个模板，在“预览”区域内会显示此模板网页的布局。根据需要选择一个模板，除“普通网页”是创建空白网页外。利用其他模板建立的网页中都有一些提示文字和图片。此处，以“普通网页”为例。③保存网页。第1步：执行“文件”“保存”命令，弹出“另存为”对话框。第2步：输入网页标题。网页标题是对网页内容的概括。在浏览器中，它出现在标题栏的左上角，一般用中文描述。单击“更改标题”按钮，修改网页标题为“红色之旅”。第3步：输入文件名。每一个网页都是一个独立的文件，要给文件命名，一般以字符描述。在“文件名”文本框中输入“hongsezhilv”。第4步：单击“保存”按钮，如图所示，保存新建网页。可以按规划栏目先分别创建网页，或者制作主页后再添加其他网页。(3）建立网页间的层次关系。①执行“视图”“导航”命令，进入“导航”视图，如图所示。此时，“导航”视图编辑窗口中的主页表示当前网站的“index"网页。②建立主页之下的网页关系。鼠标指针指向“文件夹列表”区中的网页文件，将其拖动到右侧窗口。根据网站结构，自顶向下建立网页的层次关系，如图所示。（4）关闭网站。执行“文件”“关闭网站”命令。任务小结明确主题、规划网站结构这一步至关重要，对后面搜集素材、制作网站有重要的指导作用。建立网站时，要明确网站建立的位置，指定网站文件夹。网页的文件名用于区别网站中不同网页，网页的标题显示在浏览器标题栏的左上角。网页的文件名和网页的标题都是很重要的网页属性。网站是由若干个网页组成的，所以在关闭网站时要对网站中的网页加以保存。知识链接1.网页网页是网站的基本信息单位。一般的网页上都会有文本、图片等类型的信息，复杂一些的网页上还会有音频、视频、动画等多媒体内容，为网页增添丰富的色彩和动态效果。网页是一个包含HTML标签的纯文本文件，是一种可以在万维网(WWW)上传输，可以被浏览器识别和翻译成页面显示出来的文件。2.网站万维网由众多网站构成，网站由若干个网页组成。这些网页具有某些相同类型的信息，通过各种超链接连接在一起，用户可以很方便地从一个网页跳转到另一个网页，从而实现信息访问。这些网页构成了一个网站，而网站之间又以各种形式连接在一起，这样就构成了一个强大的网状体系结构，成为传播文字、图形、声音、动画等信息的载体。3.主页打开一个网站看到的第一页一般称为Home Page。即“主页”。主页的文件名一般为index.htm。4.用FrontPage创建网站（1）FrontPage提供了网站的模板和网站的向导用于帮助建立网站。（2）网站中自动生成的文件夹。建立网站后，FrontPage会自动生成若干个文件夹，其中一个是“_private"文件夹，用于存放私人文件；一个是“images”文件夹，用于存放图片文件；还有一些被隐藏的文件夹。（3）删除当前正在编辑中的网站。选择“文件夹列表”面板中的网站文件夹，单击鼠标右键，选择快捷菜单中的“删除”命令，在弹出的“确认删除”对话框中选择“删除整个网站”命令，单击“确定”按钮，即可删除当前正在编辑中的网站。（4）从当前网站中删除网页。选择“文件夹列表”面板中的某个网页，然后按Delete键，在弹出的“确认删除”对话框中单击“是”按钮，即可从当前网站中删除该网页。（5）关于网页文件名。启动FrontPage软件时，系统会自动建立一个网页，名为“new_page_1.htm”；如果在当前窗口中再新建一个网页，其名为“'new_page_2.htm”，它们都是临时文件名。保存网页时，可以用这个默认的文件名，也可以更改。一般来说，文件名用字符表示，而网页标题用汉字表示(在浏览器中浏览网页时，网页的标题显示在浏览器的标题栏中)。最后，我们一起观看视频，再次学习一下怎么制作一个属于自己的“网站”。练习与思考仔细观察新建的网站、“文件夹列表”区中的文件及文件夹结构。（1）名为“index.htm”的文件是什么类型的文件 怎样打开它？（2）网站中“images”文件夹的作用是什么？index.htm是网站的首页文件。可以直接使用浏览器直接打开文件，或者使用文本编辑器查看和编辑文件的HTML代码。image文件夹，又叫图像文件夹，是描绘一幅图像的极端机磁盘文件，其文件格式不下数十种。图，文件可分为两类，即图片文件和动画文件。是可以删除的。拓展延伸关于HTM，实际上HTM与HTML没有本质意义的区别，只是为了满足磁盘操作系统（DOS）仅能识别三位文件名而已，因为一些老的系统(win32)不能识别四位文件名，所以某些网页服务器要求index.html最后一个l必须去掉。（因为html识别不了，只能识别HTM）作业布置请同学们设计一个属于自己的“网站”，从设计这个网站的初衷开始，到网站的上市，都可以加入自己的创新设计，下节课，我们一起看看谁的想法最有创意！ 学生思考并回答问题学生了解制作网站使用的软件学生了解网站的种类学生了解学习任务的重点学习内容，掌握制作网站的步骤和大致方法学生掌握制作网站的具体步骤和方法学生掌握新建网页、保存网页以及关闭网页的操作步骤和方法学生掌握知识链接的学习内容，都是本节课的重点知识点学生完成课堂练习和课后作业 由问题引出接下来的学习内容认识使用工具，铺垫后续学习拓展延伸学生知识，增加学生知识将学习内容进行简化，让学生更容易学习和接受新知识增加学生知识技能的同时学生实践闽江知识运用到实操中，提高学习效率提高学生实践动手能力增加学生知识技能巩固本节课的学习内容
课堂练习 在制作网站的过程中，为了使画面更生动形象，我们会制作“滚动画面”来提高网站的灵活度，请同学们思考一下，怎么制作网页的滚动效果。 学生完成课堂练习 巩固所学知识
课堂小结 学生总结本节课的学习内容 总结概括本节课的学习知识
板书 网站的认识网站的创建网站知识的辨析
21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页）
HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com)

展开更多......

收起↑