网页的设计与制作——网站和网页.docVIP

网页的设计与制作——网站和网页 浙江省台州中学 张雄 【】在之前，学生已初步掌握了网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力【】Internet上。因此学生对本单元学习的兴趣很大。学生在学习本单元前已经学过Word应用软件的使用方法，并掌握一定的文字输入、图片的编辑、表格的插入等技巧，这对于本单元的学习非常有利。 【】（3）了解网站的地址标识——URL,超文本标记语言HTML, 了解超文本传输协议HTTP。 2．过程与方法 （1）通过对一个网站网页的分析，了解网页、网站的基本概念，理解网页的基本元素。 （2）通过教师的演示和讲授，初步了解基本的网页制作工具软件的界面和特点。 3．情感态度与价值观 （1）培养学生严谨求实的学习态度。 （2）培养学生学习中勇于探索、崇尚科学的意志和品德。 【】【】FrontPage网页制作软件的特点上，为本章后面的知识学习作铺垫。 【】主合作探究 网页的基本元素 教师提问：在徐志摩文学网中，各位同学是否发现了神往已久的康桥，除此之外，还发现了什么？ 学生活动：用发现法去找出有关康桥风景欣赏中的任一张图片，再别康桥的诗和徐志摩简介网页（基本要求） 网站与网页有什么联系？学生讨论之后，教师总结：网站包含多个网页，通过超链接把不同的页面链接起来。构成网页的基本元素有文字、图形图象和超链接。网页中常见的图象有jpg和Gif。网站的首页即为主页。 学生活动 在桌面上新建一个以自己号次命名的文件夹，进入徐志摩文学网完成以下任务 课堂任务一，触摸网页的基本三要素： 要求下载康桥风景欣赏中的任一张图片，文件名改为kq 2、保存?再别康桥?这首诗，复制，粘贴到word文档中，文件名改为zbkq 3、要求下载徐志摩简介网页 网页的构件 教师提问：在徐志摩文学网中，各位同学除了发现组成网页的三要素文字、图形图象和超链接，还发现了哪些经常使用的构件，它们的作用是什么？ 学生活动：相邻同学一起去发现，探讨。 在学生没有完全讨论出来时，引导学生打开自己桌面上的“上课网站”页面，点击进入课堂在线网站，让学生接着去发现。 教师总结：除了组成网页的基本三元素文字、图形图象和超链接。一个丰富多彩的网页还包括一些构件。如：音乐，表单，表格，和一些java小应用程序。 课堂任务二： 4、探讨主页的布局规化 5、在线欣赏《再别康桥》朗读版 网页揭秘刚才我们了解了网页的基本元素、构件，这些不但美化了网页，还丰富了网页内容，增强了网页功能。下面让我们来看一看网页究竟是怎样组织的。以课堂在线网站为例，选择滚动字幕，点击“查看”菜单中的“源文件”命令。 教师总结：网页中包含的文字、图像、超链接和表格等基本元素及构件是由超文本标记语言（HyperText Markup Language，HTML是一种超文本标记语言，由网络浏览器解释执行，最后将解释结果显示出来。 几乎所有的网页都是用超文本标记语言编写的，下面就让我们利用记事本来体验一下。 网页制作工具比较1、用HTML语言制作网页让学生对照老师的任务提示，观察一下一 个简单的HTML网页文件的浏览结果变化。 （提示学生选择“查看”菜单中的“源文件”命令进行修改。）html head title教师个人主页/title /head body font size=3 color=#FF0000 欢迎大家光临！/font /body /html 2、用网页制作工具软件制作网页 在“文件”菜单中用使用Frontpage编辑上述网页，比较两者特点。 教师总结：除了Frontpage之外，还有比较专业的网页制作工具Dreamweaver，由于Frontpage与Word相类似，很适合初学者，所以我们后面的学习都用Frontpage来完成网页制作。 1、学生听、看老师讲解和演示，并思考。2、学生操作实践学生任务：将size=3改为size=6，color=#FF0000改为color=#000000，观察其变化。 学生练习 本节课涉及到的基本概念较多，考虑到前面已经作过文字小结，因此，这里改用选择题的形式来帮助学生整理和巩固。 学生完成“课堂在线——网站和网页”中的“课堂练习”。 教师巡回检查，个别辅导有困难的学生。 学生操作练习，完成课堂练习。 “在线批改”可以让学生及时纠错，并据此判断学生是否掌握本节课的内容。 交流与评价 每位同学学习完本课，并完成实践过程之后对自己的学习情况进行自我评价，完成“课堂在线——网站和网页”中的“交流评价”。指导学生进行自我评价，并根据反馈的结果适当点评。 学生自评，通过大屏幕实时显示评价结果，教师可以及时地点评学生的学习情况。 本课小结 本节课主要