网站前台绪论.docVIP

0 网站前台设计概述 课题 网站前台设计概述 教学时间 2课时（ ） 课程类型 新授 教学设备 一体化教室 授课方式 提出问题，启发学生思考 回答问题，引出知识 教学方法 启发法、提问法、讲授法 以学生为主体的行为引导教学法 教 学 目 标 知识目标：1.了解网站的相关知识； 2.了解网站的制作工具； 3.熟知网站前台设计的流程。 素质目标：1. 培养独立思考的能力。 教学重点 熟知网站前台设计的流程。 教学难点 熟知网站前台设计的流程。 学情分析 学生有的具备网站设计的基本知识，有的还未接触过这种知识，水平参差不齐，在教学时应注意分情况教学； 学生对学习网站这门课兴趣比较浓厚，在教学中要充分利用和尊重学生的兴趣。 教 学 过 程 【导入新课】 时间 教师活动 展示内容要点 学生活动 5 分 钟 让学生观看几个经常浏览的网站的网页 罗列几个大家常去的网站 思考：1、什么是网站？你都浏览过什么网站？ 2、你知道网站都是由什么组成的吗？ 【讲授新课】 网站的基础知识 时间 内容 备注 40 分 钟 （一）网站 1.对网站的描述 万维网 万维网(World Wide Web,简称WWW)是Internet上集文本、声音、图像、视频等多媒体信息于一身的全球信息资源网络，是Internet上的重要组成部分。浏览器(Browser)是用户通向WWW的桥梁和获取WWW信息的窗口，通过浏览器，用户可以在浩瀚的Internet海洋中漫游，搜索和浏览自己感兴趣的所有信息。 WWW的网页文件是超文件标记语言HTML(Hyper Text Markup Language)编写，并在超文件传输协议HTTP(Hype Text Transmission Protocol)支持下运行的。超文本中不仅含有文本信息，还包括图形、声音、图像、视频等多媒体信息（故超文本又称超媒体），更重要的是超文本中隐含着指向其它超文本的链接，这种链接称为超链（Hyper Links）。利用超文本，用户能轻松地从一个网页链接到其它相关内容的网页上，而不必关心这些网页分散在何处的主机中。 网站就是在互联网上一块固定的面向全世界发布消息的地方。它由域名(也就是网站地址)和网站空间构成。 因特网起源于美国国防部高级研究计划管理局建立的阿帕网。网站(Website)开始是指在因特网上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。 总结：网站是网页的集合 2．对网页的描述 WWW的网页文件是超文件标记语言HTML(Hyper Text Markup Language)编写，并在超文件传输协议HTTP(Hype Text Transmission Protocol)支持下运行的。超文本中不仅含有文本信息，还包括图形、声音、图像、视频等多媒体信息（故超文本又称超媒体），更重要的是超文本中隐含着指向其它超文本的链接，这种链接称为超链（Hyper Links）。利用超文本，用户能轻松地从一个网页链接到其它相关内容的网页上，而不必关心这些网页分散在何处的主机中。 网页是通过浏览器在WWW上所看到的每一个画面。 网页与网站都是以文件的形式存在的。 一个网页大概分为：Logo、banner、导航、内容、版权 网站的网页上可以有各种媒体元素，包括文本、声音、图像、动画和数字视频等。在这个网页中，包含了多种网页媒体元素。 (1) 文本 文本一直是网页内容最常用的表达手段。用户可以按照自己的需求设置文本的字体、字号、颜色、底纹和边框等属性，通过不同的设置，突出显示重要的内容，并克服文字固有的缺点。 (2) 图像 图像常用作网页中的题图、插图、背景图、图标和按钮。这些图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。 在网页中经常使用GIF、JPEG(JPG)、PNG这3种图像文件格式。 (3)动画 动画可以增加网页的动态效果，使网站更为生动有趣。动画可以表现事物的运动过程，在商业网站上也常用它来做广告看板。很多娱乐网站中都使用Flash动画来表现网页的内容，使网站内容更富有动感和情趣。 在网页中经常使用的动画格式包括GIF动画和Flash动画等。 (4) 表单 在网站浏览中，很多交互行为是通过超链接来实现的，但是这种交互行为只是一个简单的方式，表单的出现使用户与网站的交