2022年网站模板 .pdf

《2022年网站模板 .pdf》由会员分享，可在线阅读，更多相关《2022年网站模板 .pdf（11页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第 3 课 “神速”建站网站模板工程师发表于2008-9-14 22:18:00 第 3 课 “神速”建站网站模板课前准备：浏览几个网站，探究一下网站的结构特点。教学目标：学会建立网站的方法。教学过程：一、谈话导入今天我们学习如何建立网站。二、按下列步骤操作。1、建立动漫网站（1）启动 FrontPage 。（2）建立网站。第 1 步：在文件菜单中选择“新建”“站点”。第 2 步：在出现的新建窗口中左边选择“只有一个网页的站点”，在“指定新站点的位置”文本框中输入“陈菱 动漫网站”（ “陈菱”换为自己的名字），这样是将网站建立在自己的个人文件夹下，网站名为“动漫网站”。第 3 步：单击“确定”

2、按钮，建立好网站。“文件夹列表”框，是以文件夹的形式管理我们的网站的。可以看到在新建成的网站中自动产生了两个文件夹：-private文件夹一般存放私人的资料，image 文件夹一般存放制作网站时所用的图片。index.htm是站点中的主页，在因特网上有约定，当通过浏览器打开一个网站时，它会自动打开这个网站中名为index.htm或 default.htm的网页。2、为网站制作主页（1）打开主页注意：右边的编辑窗口的标题，也就是默认的要编辑的网页的名字，叫做 new-page-1.htm,不是我们的主页index.htm 。编辑主页前， 要双击文件夹列表中的index.htm ，这时， 编辑窗口

3、中的网页名字也变为了index.htm, 这时才是开始编辑主页。（3）编辑主页。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 11 页 - - - - - - - - - 主页上访问者浏览到的第一个网页，因此要精心设计才能给访问者留下深刻的印象。主页的制作方法，与普通网页也没有什么区别。用前面学过的方法，编辑一个主页。内容不用太多，简单介绍自己网站的内容。3、将其他已经制作好的网页加入该网站（1）打开网页。单击工具栏中的“打开”按钮，打开前面编辑的“柯南”网页。（2）另

4、存网页。第 1 步：在菜单中选择“文件”“另存为”，将网页存到“动漫网站”文件夹下。第 2 步：在“保存嵌入式文件”窗口中单击“改变文件夹”按钮，在出现的窗口中选择站点内的“ image”文件夹，单击“确定”按钮。第 3 步：返回到“保存嵌入式文件”窗口，中间的“文件夹”项由空白变为“image”，单击“确定”按钮。这样就可以将网页中用到的图片存到站点中的“image”文件夹中了。4、添加新的网页（1）新建网页。单击工具栏中的“新建”按钮，在出现的窗口中选择“常规”标签中的“普通网页”。单击“确定”按钮后，可以看到编辑窗口出现了空白的新网页。（2）编辑网页。编辑另一个动漫的图片展示网页，如，“

5、加菲猫”。（3）保存网页。单击工具栏中的“保存”，将网页保存在网站文件夹内（注意图片的保存）。文件夹列表窗口出现刚刚保存过的网页。三、阅读知识链接网页的名字在网站中是可以直接进行修改的。在文件夹列表中的网页上单击鼠标右键选择“重命名” ，就可以修改网页的名字。但是注意：主页的名字是不能修改的。网页类型的文件，名字都是*.htm(htm是网页文件的扩展名) 。如果在文件夹列表中修改网页的名字，不要忘了在后面输入“.htm”, 否则就不是网页文件了。四、谈制作心得。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - -

6、 - - - - - 第 2 页，共 11 页 - - - - - - - - - 建立网站和制作主页教学设计凤翔县石家营中学刁格利活动目的：通过本节课的实践活动，使同学们掌握建立网站和制作主页的方法。活动内容：在指定目录中，先为自己的网站建立一个站点， 然后根据主页的设计草图，制作自己网站的主页。活动过程：一、教师先在教师机上演示制作“石家营中学的网站”操作步骤，具体步骤如下：（一）新建站点：1、运行 Frontpage 2003 ，在工作窗口中执行：“文件新建”命令在窗口右边的“新建”窗口中，选择“新建网站”列表中的“由一个网页组成的网站”选项；2、此时弹出“网站模板”对话框，在“指定新网

7、站的位置”框中，输入站点的保存路径和名称，新站点就建立好了。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 11 页 - - - - - - - - - (二)、制作主页：1、确定主页草图（如图所示）石家营中学的网站（建设十优学校，争做六型教师）学校简介成长资源安全教育体育活动校园栏目欢迎同学们来我校就读！终身学习，塑造美好未来！理想就是价值，奉献就是人生！在期望中奋起，在拼搏中追求！校园广播校园百科校园环境校园规范我校中考成绩连续七年居全县前列！2、按要求输入表格、文字

8、、图片；3、修饰主页的背景，添加字幕；4、对网页进行保存；5、关闭站点。二、演示完后， 让学生仿照老师的操作步骤，在各自的计算机上制作自己的网站和主页，老师巡回指导。三、师生之间，学生与学生之间进行交流评价。活动小结：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 11 页 - - - - - - - - - 通过本节课的学习， 使学生掌握了制作网站和主页的方法，为以后的学习打下坚实的基础。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - -

9、- - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 11 页 - - - - - - - - - 信息技术是一门知识性、技能性和创新性相结合的学科，现阶段中学信息技术课程的任务已从单纯的信息技能训练上升为全面地培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开。以“制作网站”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。以下是笔者对这一单元的教学设计。一、教材分析我校目前使用的教材是贵州省中小学信息技术教材编写组编写的初中信息技术 。网

10、页制作是第五册第八章的教学内容。学生在前面已经学习相关的一些知识，如初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；注重对学生了解内容编排的原则、页面布局的种类等知识的掌握，并且注重让学生采用适当的设计，体现自己的风格、个性、以及色彩搭配的合理性，以提高他们的艺术修养和审美情趣。教材中采用的网页制作软件是FrontPage200

11、0 。 由于 FrontPage2000 采用了与 Word等其他 Office软件相类似的图形操作界面，可以自动生成Html 代码，轻松实现网页发布。在前面，学生已经学过了Word 字处理软件。因此，对 FrontPage2000 的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。二、学生分析本章教学对象为九年级学生，有一定的计算机运用能力，但是基于初中生的知识水平和课时上较少的原因，教师要有组织地安排实际操作，在讲解操作过程中，使学生了解任务并紧紧围绕任务这一主线，激发学生学习兴趣及培养学生的探索、钻研、设计的能力，逐步深入，以达到设计完

12、成整个网站的目的。三、学习目标本单元的认知、情感和动作技能三种目标分述如下：认知目标1、能简要陈述FrontPage2000 主要功能，熟悉其操作界面2、能用自己的话解释下列术语：HTML ，URL ，网页，主页，超链接3、能主动获取、收集有关信息，并加以分类和整理4、能客观评价网页的内容和风格，具备一定的审美能力名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 11 页 - - - - - - - - - 情感目标1、具有集体荣誉感，愿意为班级的网页建设出谋划策2、能够较

13、全面地体现个人能力，展示自我个性3、具有乐于助人、团结协作的精神，共同合作完成任务4、能尊重他人的劳动成果，有保护知识产权的意识动作技能目标1、能熟练地建立、打开、保存、浏览网页文件2、能在网页中熟练地插入文字、图片、动画、水平线3、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐4、能选择合适的网页背景图案和背景音乐5、能根据实际需要使用不同的超链接，合理地组织网页6、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感四、教学方法1、 采用任务驱动的方法本单元的学习通过完成班级或个人网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生

14、一种急切地完成任务的动机，个人网页的信息更能实现每个学生展示自我的目的，因此完成这些任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。2、 采用小组协作的方法制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由 6-8 人组成，每

15、人负责制作1-2 个页面，组合成一份班级网页。制作个人网页也需要搜集个人的多方面资料，并且体现自我特性，展示自我风采的一个平台，资料的准备必须充分，当然这种个人网页的制作针对信息技术基础知识运用较好的学生而言。这部分同学也可以邀请其他同学协助完成任务。3、 教师提供资源库的方法名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 11 页 - - - - - - - - - 要培养学生的信息能力，就必须为他们提供大量处理信息的机会。教师的任务就是收集、设计和管理学习资源，引导和

16、帮助学生接触到丰富的学习资源，为学生的知识构建提供支撑。学生设计网站的各种资源可以通过各种渠道为学生在网络教室中提供，以方便学生使用。五、教学过程本单元的教学共需8 课时，每节课教师都要求学生完成子任务。教学安排如下表：课时学习子任务教师活动学生活动1 1 、 访问推荐网页2、 明确任务、评价网页3、 形成小组、明确分工 1 、 推荐优秀网站2、 组织学生讨论网页内容和风格。3、 提出学习任务 (网页制作 ) 和原则 ( 小组协作 ) 4、 提供网页栏目划分建议 1 、 浏览网页2、 了解评价网页的标准3、 明确任务，选择小组4、 课后收集整理信息2 1 、 使用 Web站点模板建立网站2、

17、熟悉 Frontpage2000 的操作界面，掌握网页文件的创建、打开、保存和关闭操作3、 网页中文本的编辑排版 1 、 进行集体讲解和演示2、 指导个别小组的网页制作，回答学生提出的问题。 1 、 创建站点2、 创建网页文件，输入网页文字信息并保存3、 设置文本字体字号颜色，调整段落对齐方式和缩进格式4、 完成主页的保存3-4 1 、 学会插入图片、动画、水平线2、 设置背景和音乐3、 学习插入表格，并用表格实现页面布局 1 、 介绍素材库中各类素材2、 提醒学生网页上的图片和动画应少而精，以免影响浏览速度3、 介绍表格的嵌套名师资料总结 - - -精品资料欢迎下载 - - - - - -

18、- - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 11 页 - - - - - - - - - 4、 分析学生网页，用表格演示页面布局 1 、 选择合适的素材插入网页合适位置，2、 设置图片和动画的大小、对齐方式和边框3、 设置网页背景和音乐4、 在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑5、 用表格规划页面内容5-6 1、 小组合作，建立并充实主页内容。2、 建立页间链接，并学会通过预览功能测试链接3、 学会创建书签链接、邮件链接和图片链接4、 建立 URL链接5、 初步学会创建图象的热区链接6、 对每个链接进行测

19、试 1 、 分析学生操作错误原因，页间链接应使用相对路径2、 演示超级链接的建立、使用预览功能测试链接3、 分析一个主页，让学生找出不同的超级链接4、 讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答5、 错误原因分析， URL链接使用绝对路径 1 、 创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确2、 学会使用相对路径3、 选择内容较多的页面建立书签链接4、 在图片上练习图片链接和热区链接5、 为酷站链接和站长信箱建立正确的链接6、 加深 URL地址的认识7、 对每个链接进行测试7 1 、 学会插入滚动字幕2、 学会使用悬停按钮

20、3、 学会插入站点计数器和横幅广告管理器4、 小组网页初步组合 1 、 逐个检查各小组网页的制作进展，并给出评估意见名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 11 页 - - - - - - - - - 2、 参与网上讨论、答疑3、 讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件 1 、 在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式2、 在主页上插入计数器和横幅广告管理器3、 选择一个页面插入悬停按钮，并设置

21、其颜色、效果和链接对象4、 设置网页的动态效果8 1 、 各组网页演示、互评2、 网上投票推选优秀网页和网页制作高手3、 每位同学自评 1 、 组织小组网页互评2、 为每个学生的作品打分 1 、 积极参加小组互评2、 投票推选优秀网页和网页制作高手3、 认真小结本人学习情况，并如实打分自评六、教后体会a) 以任务驱动的方式编排教学内容，使学生围绕信息处理提出任务、自主探索并完成任务。b) 网页制作单元的开始部分应首先介绍网页整体布局。通过浏览典型网页，分析页面的框架结构、内容安排、色彩搭配等关键问题，让学生了解评价一个网页的大致标准。学生设计网页时，就会自然地考虑到这些关键因素，有了较高的起点

22、，作品自然不会差。反之，不利于激发学生学习和创作的欲望。- 相 关 内 容-o与朱元思书教学设计(2007-7-5)o三角形的边(2007-7-5)oUnit 5 Feeling Good(2007-7-5)o俗世奇人教学设计(2007-7-5)o海燕教学设计(2007-7-5)名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 11 页 - - - - - - - - - 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 11 页 - - - - - - - - -