[第4讲_网页制作一.pptVIP

.NET程序设计 主讲教师: 李璟 e-mail: 2008sjyx@163.com 手机第4讲 网页制作（一） 熟悉网页制作相关概念和技术。 熟悉XHTML语法与规范。 掌握XHTML常用标记的基本使用方法。 重点和难点：XHTML。 第4讲 网页制作（一） 4.1网页制作技术概述 4.2 XHTML文件基础知识 4.3 XHTML的语法构成 4.4 XHTML的语法规范 4.5 XHTML常用标记 4.1网页制作技术概述 网站开发主要分为两个方面： 一是客户端开发,又称为静态网页开发； 二是服务器端开发，又称为动态网页开发。 静态网页与动态网页 静态网页的共同特点是网页内的代码是在客户端的浏览器中执行。静态网页一般以.html或.htm为扩展名。 动态网页的共同特点是网页内的代码在存放网页的服务器上执行，完成数据库操作后，生成的HTML/XHTML代码网页发送给客户端的浏览器执行。动态网页一般以asp、aspx、php、jsp为扩展名。 客户端开发 客户端开发指设计在客户端呈现的能被浏览器解析的界面。 客户端开发技术，即基本网页制作技术，包括： HTML/XHTML：用于编写网页。 CSS：用于控制网页元素的布局和样式 JavaScript：用于检测网页中的各种事件，并作出相应的反应。 服务器端开发 服务器端开发早期使用脚本语言实现，如JavaScript、VBScript等，在.NET之前的ASP(Active Server Pages)就是这种形式，但是脚本语言功能较弱，实现复杂，而且安全性很差。 为了提高开发服务器端效率和安全性，微软提供了一个强大的面向对象的数据驱动编程模型，即使用ASP.NET体系结构实现复杂的Web编程。 ASP.NET在ASP的基础上进行了重大改进，使之不但能使用脚本语言，也可以使用完全面向相对的C#语言来实现，从而大大提高了开发Web应用程序的效率和安全性。 掌握网页制作技术的重要性 在一个比较复杂的ASP.NET网站中，已经很难把客户端开发和服务器端开发严格区分开来。 对于一个合格的网站开发人员来说，两者都必须熟练掌握，灵活运用。 所以，只要熟练掌握并能熟练运用HTML、CSS以及JavaScript等基本网页制作技术，再进一步学习复杂的Web编程才有意义，才能真正开发出比较实用的网站。 接下来，我们将分四讲来学习网页制作技术的基础知识及运用。 4.2XHTML文件基础知识 HTML与XHTML XHTML基本结构 XHTML网页实例 HTML与XHTML——HTML HTML为超文本标记语言，使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 HTML的结构包括头部和主体两大部分： 头部描述浏览器所需的信息。 主体包含所要说明的具体内容。 HTML与XHTML——HTML 在HTML网页上，所有内容一般都放在标记html和/html之间。 基本格式的一般形式如下： html head title文档标题/title /head body 这是html文档的主体部分。 /body /html HTML与XHTML——HTML 在HTML文档中，标记和/标记都是配对使用的。 标记中可以包含属性，一般格式为： 标记 属性1=“值1” 属性2=“值2” … 例如： img alt=“smile” src=“smile.png”/ 标记之间必须使用空格隔开，属性名和属性值之间用等号隔开，等号左边是属性名称，右边是属性值。 HTML与XHTML——XHTML 在VS2008中，网页默认使用的目标架构为XHTML1.0 Transitional。 XHTML是The Extensible HyperText Markup Language(可扩展超文本标识语言)的缩写。 建立XHTML的目的就是实现HTML向XML的过渡。 XML是The Extensible Markup Language(可扩展标识语言)的简写。 XML是一种能定义其他语言的语言，数据转换能力强大，完全可以替代HTML。 但面对成千上万已有的基于HTML语言设计的网站，直接采用XML还为时过早。 用XML的规则对HTML4.0进行扩展，得到了XHTML1.0，从而逐渐实现HTML向XML的过渡。 XHTML基本结构 XHTML的基本结构包含三部分： （1）文档类型定义(DOCTYPE) （2）文件头部(head) （3）文件主体(body) XHTML文件基本结构 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/