《第一节Web技术与网站制作流程.docVIP

第一节Web技术与网站制作流程 ? 【教学目的】 知识与技能： 了解http、HTML、URL分别代表什么意思； 了解Web技术的发展历程； 了解开发网站需要经过的基本流程； 进一步了解网页湾站的相关知识； 了解一些常用的网站制作工具； 增强对网络的认识。 过程与方法： 教师演示学生互助学习情感态度与价值观： 培养学生互助的精神以及热爱科学技术的精神。 【教学重点难点】 教学重点：了解http、HTML、URL的含有以及他们的关系。Web技术发展历程。 教学难点：了解http、HTML、URL的含有以及他们的关系。 【教学地点】 学生多媒体教室 【教学课时】 一课时 ?【教学过程】 一、导入新课 同学们都接触了网络，感受到了网络的无穷魅力，但早期的网页中的内容远没有如此丰富。今天我们通过对web技术基本概念、发展历程和网站制作流程的学习，进一步了解网页与网站的相关知识。 二、学习新课 1、学生快速浏览教材明确学习任务：a、了解http、HTML、URL代表什么？b、web技术的发展过程。c、网页制作的软件。 2、网站的基本概念 打开浏览器，进入。 www即“万维网”通常简称为web。 HTTP协议是什么 ？ 我们在浏览器的地址栏里输入的网站地址叫做URL (Uniform Resource Locator，统一资源定位符)。就像每家每户都有一个门牌地址一样，每个网页也都有一个Internet地址。当你在浏览器的地址框中输入一个URL或是单击一个超级链接时，URL就确定了要浏览的地址。浏览器通过超文本传输协议(HTTP)，将Web服务器上站点的网页代码提取出来，并翻译成漂亮的网页。因此，在我们认识HTTP之前，有必要先弄清楚URL的组成,例如：。它的含义如下： ① http://：代表超文本传输协议，通知服务器显示Web页，通常不用输入； ② www：代表一个Web（万维网）服务器； ③/：这是装有网页的服务器的域名，或站点服务器的名称； ④浏览器：用来进行网页浏览的一种软件。 ⑤HTML：服务器存储着信息资源，这些信息资源主要由超文本标记语言描述的网页构成，超文本语言即HTML语言，浏览器的工作就是通过http协议来翻译这些标记语言即HTML，形成我们眼前漂亮的网页。 如，百度首页的HTML代码： 3、web技术发展历程 ⑴静态网页：只能包括单纯的文本内容，浏览器也只能显示呆板的文字信息。 ⑵Web2.0时代 这是我们今天所看到的所使用到的web技术，它由单纯的“读”向“写”、“共同建设”发展；由被动接受信息到主动创造信息进步…… 4、常用网页制作软件 ⑴Word和powerpoint等办公软件可以直接将制作出的文档转换为网页。 ⑵常用网页制作软件： Dreamweaver、frontpage、HotDog Professional、Homesite。我们本学期要涉及Dreamweaver网页制作软件工具。 三、学生讨论，打开各常用互联网资源观察，巩固所学内容。 四、判断下列说法的正误。 1、HTTP是超文本标记语言的英文简写。??????? （? ） 2、URL是统一资源定位器的英文简写。????????? （? ） 3、利用word和记事本可以制作简单的网页。???? （? ） 【教学】1、知识目标：让学生了解网站建设的前期准备工作；学会如何规划、构思一个网站。　　2、能力目标：提高学生分析能力、探究能力、组织能力。　　3、情感目标：增进班级集体荣誉感，团队合作理念以及同学友谊。　　4、价值目标：培养学生自信心及个性化发展。教学重点及难点本节的重点有：需求分析、确定主题、制定计划表。本节的难点是：确定恰当的主题、制定一个切实可行的规划表。如何制定切实可行的规划表，循序渐进地完成整个网站的建设是为创建风格独特的个人网站打下基础。因为这一时期学生的思维能力、团队合作能力较差，而网站制作需要确定网站的功能以及网站规模、投入费用、进行必要的市场分析等，这些都需要分组讨论，而且以后主题网站的制作也需要多人合作，所以教师必须协调好学生找到具有共同主题兴趣的学生一起合作。【教学资源】　　1、硬件：多媒体网络电脑室；软件：安装Macromedia Dreamweaver 4网页制作工具。　　2、制作一个网站（一定要漂亮）。　　3、准备好规划表格印发学生。　　4、下载几个不同类型的优秀网站为教学参照。　　5、提供相关案例需求分析供学生参考。　　6、提供优秀网站地址供学生比较。【教学策略及设置思路】　　本节内容是网站制作的第一步，详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“轨”可循，在具体实施过程中按部就班、循序渐进地完成整个网站的建设，而合理的规划与精美的设计是网站成功的关键，因此我采用