企业网站开发与管理 魏善沛 第5章 网站设计基础新.ppt

第5章 网站设计基础 作 者: 魏善沛 制作者: 王 凯 第5章 网站设计基础 5.1 HTML标识语言 5.2 层叠样式表CSS 5.3 可扩展标识语言XML 5.4 简介Visual Studio 2005 5.5 使用FrontPage 2003 5.6 网站中的脚本语言 5.7 小结 5.1 HTML标识语言 5.1.1 认识HTML标识语言 5.1.2 HTML应用 5.1.1 认识HTML标识语言 超文本标识语言HTML是一种文字处理语言，而不是“程序”语言。HTML的标识嵌于文本格式的文档中，用来控制文字、图片等在浏览器中的表现，以及如何建立文件之间的链接。 超文本标识语言的领头先锋是美国麻省理工学院(Massachusetts Institute of Technology, MIT)计算机科学实验室的WWW标准化组织(World Wide Web Consortium,又称W3C)，其互联网地址为：。 5.1.1 认识HTML标识语言 HTML文件的基本结构如下： !DOCTYPE HTML PUBLIC-//W3C//DTD HTML 4.01//EN ! 序 HTML ! HTML文档起始标识 HEAD ! HTML的头信息部分 TITLE ! HTML的标题部分 HTML文件的基本结构 /TITLE ! 标题结束标识 /HEAD ! 头信息结束标识 BODY ! 这里是HTML的正文部分 HTML文件的基本结构样板，所有正文在这里书写。 /BODY ! 正文部分结束标识 /HTML ! HTML文档结束标识 5.1.1 认识HTML标识语言 说明 : 1. HEAD标识内的信息一般不在浏览器的主窗口中显示。 2. 需要表示的内容和描述内容的标识格式等，一般放在 BODY标识内。 3. 注释有两种方法： ! 注释内容 ，“注释内容”中不可出现右尖括号，一般用于标识里的内容； !-- 注释内容 --，“注释内容”中可以出现包括尖括号在内的任何括号，一般用于注释大段的内容。 5.1.1 认识HTML标识语言 4.可以使用所有编辑纯文本文件的软件，或带有HTML编辑器的软件来编辑HTML，扩展名必须写为.html或.htm。如：记事本、写字板、FrontPage、等。 5.超文本标识语言HTML是标识的集合，被一对尖括号“”和“”括起来，标识一般成对出现。如“基本结构”中的HEAD和/HEAD，HEAD为起始标识，加斜线的HEAD即/HEAD为结束标识，称之为双标识；而BR没有结束标识，称为单标识。 5.1.2 HTML应用 例5.2 创建表格，取左、中、右方书写文字(L5-2.htm)。 HTML HEAD TITLE创建表格书写文字/TITLE /HEAD BODY bgcolor=bronw text=white TABLE bgcolor=green align=center width=70% border=3 TRTD bgcolor=“blue” align=“left”孔明空城之计/TD/TR TRTD bgcolor=orange align=center中流砥柱/TD/TR TRTD align=right右有关公斩将封城/TD/TR /TABLE /BODY /HTML 5.1.2 HTML应用 说明： 代码中的四个bgcolor分别表示网页、表格、单元格和单元格的背景颜色属性；text表示文本的颜色属性。 TABLE中的align=“center”、width=“70%”、border=“3”分别表示，表格居中、占全屏幕的70%、边宽为3。 若设border=“0”，表格的框线将被隐去，通常采用此法定位或布局页面内容。 对于表格的位置除用TA