2010dw1_html简介课件.ppt

课程名称：网页设计 时间：周二 晚20:00到21:50 地点：西配320教室 教材：Dreamweaver网页设计案例教程 weilei@ 第一节 网络及html简介 1.1 www的基本概念 WWW是(World Wide Web)的缩写，中文叫万维网。 WWW服务就是浏览网页，是internet最主要的服务（其它还有bbs、ftp等）。 浏览网页就是以超文本传输协议Http在internet上传送以超文本标识语言html编写的网页内容。 WWW的结构主要由两部分组成，服务器端——提供网页，客户端——浏览网页。在客户端浏览网页的应用软件就是浏览器。 1.2 网页访问流程（ www的结构） 我们所看到网站的页面，实际上都是一个个的网页文件，通过网页文件中的定义来显示文字、图片等的内容。 1.3 浏览器 浏览器是一种应用软件，被安装在客户端，它翻译网页文件中的html代码，进行格式化，并显示文件内容。 浏览器有很多种，如IE，必威体育精装版版本是IE 9.0 beta 。 1.4网页设计基本概念 超链接 是特殊的文字标识，指向www中的其它资源，如图片、视频等，如是超链接，光标会变成手形。 统一资源定位器（url） 网页在internet上的地址，形式为 协议名：//主机名/路径/文件名 如/BisuInfo/Index.asp 类似的协议还有如下：　　file　　　　　　本地系统文件　　http　　　　　　WWW服务器　　ftp　　　　　　 ftp服务器　　mailto　　　　　电子邮件 /china/index.htm。它的含义如下：1.http://：代表超文本传输协议，通知服务器显示Web页，通常不用输入；2.www .M/： 这是装有网页的服务器的域名，或站点服务器的名称：其中，www代表这是一个Web(万维网)服务器；3.China/：为该服务器上的子目录，就好像我们的文件夹；4.Index.htm：index.htm是文件夹中的一个HTML文件(网页)。 网站 是一个存放在服务器上的完整信息的集合体，它包含一个或多个网页，这些网页以一定方式链接在一起，成为一个整体。实际上就是一个文件夹。 网页 网站中的组成部份，网页里可以有文字、表格、图像、声音等。实际上是一个文件，应用的技术不同，网页的扩展名就不同，如htm;asp;php等。 1.5 网页分类 静态网页（本学期所学内容）：用html编写，扩展名是.htm或.html。其中的内容定义后其中内容不会改变，并且不与网页浏览者发生互动。 动态网页：所显示的内容会根据浏览者的不同操作有所改变，可以自动进行更新。是以html 为基础的，应用javascipt、asp 等技术。 / 论坛、聊天室 1.6 HTML语言简介 Html并不是一种程序，而是一种控制网页中资料显示的标识语言，叫超文本标记语言。我们讲的版本是4.0。 Html文件是文本文件，即只含有纯文本（字母、数字、标点符号及其它可打印的字符）。Html并不是一个图文混排的软件。 根据html语法写出来的文件就是html文件，扩展名是.htm或.html。因为是文本文件，所以任何文本编辑器都可以编辑它，如记事本。 查看文件扩展名的方法：在“我的电脑”中点击“工具”?”文件夹选项“，并切换到”查看“选项卡中，从中找到选项”隐藏已知文件类型的扩展名“选项，取消选项前的对钩，确定即可。 如果之键入目标服务器的地址，浏览器将显示目标服务器上的主页，即显示的默认文件。如index.htm；index.asp；default.htm等。如http// 一般来说，我们在网上看到的绝大部分网页都是以HTML 格式的文件为基础，再加上一些其他语言工具（如asp、java）构成的。 1.7 HTML标签 Html网页文件中除了显示在窗口中的文字、图像外还有一些标签，由标识。如html/html，www浏览器功能是对这些标签进行解释，显示出文字、图像等。 统一格式 标签名称 属性1=“值1” 属性2 =“值2” 元素内容/标签名称 说明： 标签大都是成对出现的，分为开始标签和结束标签，中的字母一样，结束标签要在字母前加 / 不区分大小写 在每个标签中，还可以设置一些属性，属性在首标签中设置 “”可以省略 1.8 HTML文件的基本结构 HTML HEAD TITLE我的网页/TITLE ······ /HEAD BODY ······ ······ ······ /BODY /HTML //一般和/成对出现，其中的文字为标识。 //HEAD中表示的是网页的头部分内容，不放置网页的任何内容。 //TITLE中表示的是网页窗口标题栏显示的文字。 //HEAD中的其他信息，如标题、编码及