web前端应用开发 任务1 了解网站相关概念 项目一 任务1 了解网站的相关概念.doc

《前台页面设计》 PAGE PAGE 4 项目一 网页知识储备 教学班级 软件技术12-1 课时 2 任课教师 仝素梅 授课课题 任务1了解网站的相关概念 教学目标： 了解Internet与WWW的含义 了解并掌握网页与网站的相关概念 理解静态网页与动态网页的含义 掌握网页的基本构成本 了解网页色彩搭配的设计艺术 了解网页制作的相关工具工软件 教学重点： 网页、网站、与主页 HTML的基本结构 网页色彩搭配的设计艺术 教学难点 HTML的基本结构 网页色彩搭配的设计艺术 教学环境 教 室 教学过程 教学内容 课程分析 本课程主要是利用HTML、CSS和JavaScript脚本语言设计和制作网站，在学习的过程中，需要用Flash软件编辑动画、用PhotoShop处理图像，并为JavaWeb应用技术和.NE编程技术奠定基础。 新课讲授 一、基本概念 1. 万维网简介 万维网（亦作“网络”、“WWW”、“3W”，英文“Web”或“World Wide Web”），是一个资料空间。在这个空间中：一样有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（URL）标识。这些资源通过超文本传输协议HTTP (Hypertext Transfer Protocol）传送给使用者，而后者通过点击链接来获得资源。从另一个观点来看，万维网是一个透过网络存取的互连超文件系统。 万维网联盟（World Wide Web Consortium，简称W3C），又称W3C理事会。1994年10月在拥有“世界理工大学之最”称号的麻省理工学院(MIT）计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。 万维网常被当成因特网的同义词，但万维网与因特网有着本质的差别。因特网（Internet）指的是一个硬件的网络，全球的所有电脑通过网络连接后便形成了因特网。而万维网更倾向于一种浏览网页的功能。 2. 浏览器 万维网(Web)服务的客户端浏览程序。可向万维网(Web)服务器发送各种请求，并对从服务器发来的超文本信息和各种多媒体数据格式进行解释、显示和播放。 常用的浏览器：IE，腾迅TT，MAXTHON ，FIREFOX， 360安全浏览器和百度浏览器等 网页 网页（英文：Web page）是一个文件，网页是构成网站的基本元素，他存放在世界某个角落的某一部计算机中，而这部计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，是万维网中的一“页”，是超文本标记语言格式，网页通常用图像档来提供图画。网页要透过网页浏览器来阅读。 静态网页是运行于客户端的程序、网页、插件、组件，属于静态网页，例如html页、Flash、JavaScript、VBScript等等，它们是永远不变的。静态网页的文件扩展名为.html或.htm。 在服务器端运行的程序、网页、组件，属于动态网页；静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。 静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的需要，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。 动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。 动态网页的文件扩展名为.asp、.aspx、.php和.jsp等。 网站 网站是Internet上通过超级链接的形式构成的相关网页的集合，用户可以通过网页浏览器来访问网站，获取自已需要的资源或享受网络提供的服务 网站按照内容和形式的不同，可以分为门户网站、职能网站、专业网站和个人网站。 门户网站是指涉及领域非常广泛的综合性网站，如网易网、新浪网等。如图1-1所示 图1-1 网易首页 职能网站是指一些公司为展示其产品或对其提供的售后服务进行说明而建立的网站，如海尔官方网站、教育网等，如图1-2所示 图1-2 海尔官方网站首页 专业网站是指专门以某个主题为内容而建立的网站，这种网站都是以某一个题材作为网站的内容，如携程旅行网、音乐网站等。 图1-3 携程旅行网首页 个人网站是由个人开发建立的网站，在形式上有很强的个性化特征，通常用来宣传自己和展示个人的兴趣爱好，如图1-4所示。 图1-4 王书的个人网站 二、HTML的基本结构 HTML（超文本标记语言）是网页制作的基本语言标准，是表示网页的一种规范，它通过标记符定义了网页内容的显示。网页文件主要由文件头和文件体两部分组成。文件头对文件进行一些必要的定义，文件体是HTML网页的