网页设计 第一讲 HTML简介.pptVIP

第一讲 HTML简介 课程时间：6课时 教学目标： 通过学习，我们对HTML语言和HTML编辑工具有了初步的认识。 重新回顾了上学期学过的站点架设知识，并能够在实际中得到使用。 编写第一个自己动手制的网页。 教学重点和难点： WWW的发展史 HTML文件基本结构 HTML文件的编写 HTML编辑器的基本使用 WEB多站点的架设 一、WWW的基本概念 WWW（World Wide Web）的三个组成。 1、HTML（HyperText Markup Language）起源于上世纪40年代，由Tim Berners-Lee设计。 2、HTTP（HyperText Transfer Protocol）超文本传输协议是网络上传输数据的一种协议，专用于传输WWW上的信息资源。 3、URL（Universal Resource Locators）统一资源定位器提供在Web上进入资源的统一方法和路径，使得用户所要访问的站点具有惟一性。 Internet上提拱的服务Web、FTP、BBS等。 1、Web 是一种建立在Internet上的、全球性的、交互的、多平台的、分布式的信息资源网络。采用HTML语言描述超文本（HyperText）文件。 2、FTP文件传送协议(File Transfer Protocol,简称FTP)，是一个用于从一台主机到另一台主机传送文件的协议。 3、BBS是电子公告板，它是WWW上提供的一种可以用户进行交互使用的服务内容。 WEB运行环境和运行过程 1、服务端IIS（Internet Information Server）Internet信息服务器。 2、客户端二种浏览器NS（Netscape 发现者）和IE（Internet Explorer 探索者）。 3、图示运行过程。 软件设计的两种体系结构（C/S、B/S）的简介 1、C/S结构（Client/Server）分为两部分，一部分是客户端（Client），客户机需要安装特定的客户端软件;另一部分是服务端（Server），为客户机提供某种信息的服务。 2、B/S结构（Browser/Server）分为两部分，一部分是客户端浏览器（Browser/Server），客户机使用浏览器浏览网站;另一部分是服务端（Server），存放供客户机用户浏览的网站。 二、网页设计的基本概念 超链接（Hyper Link） 网页是使用HTML编写的，其特点在于网页有“超链接”。超链接是特殊的文字标识，它指向了WWW中的其他资源。网页中的超链接可以是文字、图像，默认超链接显示时都是带有下划线的。 网站（Web Site） 网站是一个存放在网络服务器上的完整信息的集合体。它包含一个或多个网页，这些网页以一定的方式链接在一起，成为一个整体。 网页（Web Pages） 网页是网站的组成部分。网页里可以有文字、表格、图像、声音及视频信息等。网页可以看成是一个单一体。它是磁盘上的多个单一的文件，是由Web浏览器下载或格式化的。 主页（Home Page） 主页可称为首页。它既是一个网页，可以存放各种信息，又是一个特殊的网页，作为整个网站的起始点和汇总点，是浏览者开始浏览一个网站的窗口。在主页中，应该给出这个网站的概述、所包含的主要内容和浏览各种信息的通道，使用浏览者在看到主页后，便对这个网站有了一个大体的了解。 三、网页技术概况 静态网页 静态网页是用HTML编写的，保存时扩展名（后缀名）需使用.HTM或.HTML，可使用VBScript、JavaScript、Jscript语言编写控制客户端操作界面、显示内容的程序和CSS样式表。 网页美工 网页美工主要是指Flash、PhotoShop和FireWorks等处理网页素材的技术。 动态网页 动态网页是让网页能够按照用户的需求做出动态响应的技术。可使用ASP、PHP、JSP等语言编写处理服务端响应客户端操作的程序。 四、HTML简介及基本结构 HTML文档的定义和作用 HTML并不是一种程序， 也不是一个图文混排的排版软件，它只是一种控制网页中资料显示的文本类型的标识语言。HTML是一个文本文件，可以使用任何一个文本编辑器进行编写，通过浏览器解释执行。 HTML文档语法 1、单标签：格式为标签名称，其作用是在相应位置插入标签，例如br标签表示在该标签所在的位置插入一个换行符。 2、双标签：由首标签和尾标签两部分组成，格式为标签名称要控制的内容/标签名称，仅对包含在其中的文件部分发生作用。3、标签属性：在单标签或是双标签的首标签中可以设置一些属性，增强该标签的作用，格式为标签名称 属性1=“值1” 属性2=“值2” ……，尾标签保持原样。 * 属性中的双引号切记不要省略。 * 可以使用多个标签嵌套使用。 * 网页显示的速