81201网页的基础知识.docVIP

第一节 网页的基础知识 教学设计 ●教学目标 【知识与能力目标】 初步了解什么是网站、网页、超链接、主页。 初步了解主页的风格。 3、试着规划自己小组的网站（绘制草图）。 【过程与方法目标】 感知、交流、体验本节所学内容。 【情感与态度目标】 教育学生 与同学友好合作，并为其它同学提供帮助。 激发学生制作网站的兴趣了信心 ●教学重点： 初步了解主页的风格。 ●教学难点： 试着规划自己小组的网站（绘制草图）。 ●教具准备： 30台可上 Internet网络的电脑网页欣赏(15张)是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。 　网页（英文：Web page）是一个文件，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（ URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。是万维网中的一“页”，通常是HTML格式（文件扩展名为.html或.htm）。网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 构成网页元素 　　文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。 　　在网页上点击鼠标右键，选择菜单中的 “ 查看源文件 ” ，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。 为什么在源文件看不到任何图片？ 网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。 网页的类型 　　通常我们看到的网页，都是以 htm 或 html 后缀结尾的文件，俗称 HTML文件。不同的后缀， 分别代表不同类型的网页文件，例如以 CGI 、 ASP 、 PHP 、 JSP 甚至其他更多。 网页纪录 　　当你每次上网时，都会在历史纪录里留下纪录，保存在C盘主要文件的一个文档里，删除时只要右键删除就可以了。 3、活动实践 （1）、这两个网站的总体感觉是什么？ （2）、这两个网站艺术风格特点是什么？ （3）、网页的布局是怎样按排的？ （4）、主题与配色。 讨论完成： （1）、网站的栏目有： 。 （2）、画网站的布局。 （3）、链接情况。（是否通畅方便，有无断链） （4）、哪些元素体现了网站风格。 （5）、与同伴交流，相互比较观察结果的差异。 学生交流收获 背景材料 材料1： 网站设计成功的九大要素 设计一个网站，应该考虑下列九条基本因素，这些因素对网站的成功与否有着重要影响。 　　 1.整体布局 　　网站主页就好象是宣传栏或者店面 网页 ——对访问者产生第一印象，都希望尽量给人留下好的印象，不是吗？ 　　一般来说，好的网站应该给人有这样的感觉： 　　干净整洁； 　　条理清楚； 　　专业水准； 　　引人入胜。 　　网页应该力求抓住而不是淹没浏览者的注意力，过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择，就象一些商店，播放震耳欲聋的发烧音乐，你要做的唯一决定就是离开那里，越快越好。 　　 信息 　　无论商业站点还是个人主页，你必须给人们提供有一定价值的内容才能留住访问者，因为我们人类总是惟利是图，第一个问题总是：“对我有什么用处？” 　　所以你必须提供某些有价值的东西，当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等，这些“有价值的东西”可以是： 　　信息； 　　娱乐； 　　劝告； 　　对一些问题的帮助； 　　提供志趣相投者联络的机会； 　　链接到有用的网页，等等。 　　如果你经营的是企业网站，需要提供关于产品或服务的信息： 　　容易理解； 　　容易查询； 　　容易订货。 　　 速度 　　我们都知道，页面下载速度是网站留住访问者的关键因素，如果20—30秒还不能打开一个网页，一般人就会没有耐心。至少应该确保主页速度尽可能快，最好不要用大的图片。 　　应该时时提醒自己，网站首页就象一个广告牌。当开车经过一个广告牌时，没有时间阅读上面的详细说明，也不可能赞赏其复杂的图案，广告标志从眼前一闪而过，必须在一瞬间给人留下印象。 　　网上访问者也是“一闪而过”，保证你的首页简单而快速。网上有许多