81201网页基础知识.doc

PAGE  PAGE 6 第一节 网页的基础知识 教学设计 ●教学目标 【知识与能力目标】 初步了解什么是网站、网页、超链接、主页。 初步了解主页的风格。 3、试着规划自己小组的网站（绘制草图）。 【过程与方法目标】 感知、交流、体验本节所学内容。 【情感与态度目标】 教育学生尊重他人； 与同学友好合作，并为其它同学提供帮助。 激发学生制作网站的兴趣了信心 ●教学重点： 初步了解主页的风格。 ●教学难点： 试着规划自己小组的网站（绘制草图）。 ●教具准备： 30台可上 Internet网络的电脑 ●教学过程设计： 教师活动学生活动复习导入 2、导入明确任务： 任务1：什么是网站、网页、超链接、主页。 任务2：探索网页的风格。 任务3：试着规划自己小组的网站。 学习新课 任务1：网页的基础知识 3、知识补充： 网页欣赏(15张)是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。 　网页（英文：Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（ URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 构成网页元素 　　文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。 　　在网页上点击鼠标右键，选择菜单中的 “ 查看源文件 ” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。 网页的类型 　　通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML文件。不同的后缀， 分别代表不同类型的网页文件，例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。 网页纪录 　　当你每次上网时，都会在历史纪录里留下纪录，保存在C盘主要文件的一个文档里，删除时只要右键删除就可以了。 4、教师指导 （1）、借助相关网页。 （2）、个别网页欣赏。 任务2：网页风格的探索。 1、支持材料 （1）、中国科普网  HYPERLINK /index.htm /index.htm （2）、好123网  HYPERLINK / / 2、组织学生探索 4、组织交流 （1)、网页的风格是指网页的整体形象，它会给浏览者一个综合感受，有的平易近人，有的生动活泼，有的专业缜密，有的庄重肃穆…… （2）网页的风格主要从页面的布局和配色上体现出来。 （3）、网页布局 （4）、配色 四、总结 　 2、学生学习活动的表现评价 学生谈自己最感兴趣的网站（这个网站有什么特点，内容、风格、基本感觉）。 4、同学畅所欲言：有关博客的知识。 利用网络探索完成。 小组内交流。 试着过完成下面的任务：它们之间是属于什么关系，自己选择最喜欢的表达方式进行表达。 网站 、网页、 文字 图片 音乐 视频 3、活动实践 （1）、这两个网站的总体感觉是什么？ （2）、这两个网站艺术风格特点是什么？ （3）、网页的布局是怎样按排的？ （4）、主题与配色。 讨论完成： （1）、网站的栏目有： 。 （2）、画网站的布局。 （3）、链接情况。（是否通畅方便，有无断链） （4）、哪些元素体现了网站风格。 （5）、与同伴交流，相互比较观察结果的差异。 学生交流收获 背景材料 材料1： 网站设计成功的九大要素 设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。 　　 1.整体布局 　　网站主页就好象是宣传栏或者店面 网页 ——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？ 　　一般来说，好的网站应该给人有这样的感觉： 　　干净整洁； 　　条理清楚； 　　专业水准； 　　引人入胜。 　　网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲