2. 网页开发技术基础介绍.ppt

在XML中可以创建新的标记语言，这些新的标记语言要通过DTD来定义。DTD文档是这些新的标记语言的法律性文档。 DTD定义了文档的逻辑结构，规定了文档中所使用的元素、实体、元素的属性、元素与实体之间的关系。 根据DTD可检查XML文档中的数据，以验证其是否符合规定和要求，这可以保证XML文档数据的正确性和有效性。 有效的xml文件：首先应该是“形式良好” 的，还必须遵守文件类型描述DTD中语法规则。 DTD基本语法如例子所示，下面给出了一个DTD的例子 这个例子就是使用DTD的一个示例。 note元素的内容模型表示，它必须按顺序包含一个to元素，一个from元素，一个heading元素和一个body元素。 如果想要获取更多的有关网页开发技术信息，可以访问如下几个网站。 * 如果想要获取更多的有关JIL Widget的信息，可以参考《移动微技应用开发权威指南》这本教材，或者访问MM开发者社区中的JIL Widget专区，JIL开发者社区和移动Labs上的BAE专区。 * 今天的讲座到此结束，谢谢大家！ * 这里我们用表格把常用的表单常用控件列出来， “input type=“text””就是一个单行文本输入框控件。 “input type=“submit””就是一个提交按钮控件，用于将表单里的信息提交到表单中action所指向的文件。 “input type=“checkbox””就是一个复选框控件。 “input type=“radio””是单选框控件。 “input type=“select””是一个下拉框控件 “input type=“textarea””是一个多行文本输入框控件 “input type=“password””是一个秘密输入框控件。 下面我们来介绍HTML的超链接。超链接是HTML的主要表现方式，HTML用a来表示链接，称为anchor。a可以指向任何一个文件源比如HTML网页、图片或一个影视文件等。当点击在a/a中写入的内容时即可打开链接文件，href属性表示这个链接文件的路径。 除了href这个属性外，超链接标记还有如下这么几个常用属性; target属性：用来说明将在什么位置打开当前链接，使用示例如下。 title属性：将鼠标悬停在超链接上时，显示超链接的文字注释，使用示例如下。 name属性：用来实现跳转到一个当前页面的指定位置，使用示例如下。 在很多网站中都存在“联系我们”的链接，点击此链接会触发邮件客户端并显示一个新邮件的窗口。用a可以实现这个功能。代码如例子所示。 网页中经常需要对一些内容进行格式化，或者对网页布局完成规范化，这些都会用到表格。HTML中的表格用table标记表示；一个表格可以分成很多行，行用tr标记表示；每行又可以分成很多单元格，单元格用td标记表示。这3个标记是创建表格时最常用的。 示例为使用表格的HTML页面，其中border属性用于控制表格中边界的显示的，nbsp;表示空格。它的运行显示结果如右图所示。 HTML头部信息里包含关于所在网页的信息。头部信息里的内容供浏览器使用，不被显示在网页内容里。另外搜索引擎也会查找网页的头部信息。 下面介绍几个常用的HTML头部信息。 标题，标题标记里面的内容将被显示在浏览器窗口的标题栏里 关于信息meta，在HTML里，meta标记用来描述网页相关的信息，比如描述信息、关键字、作者等。 链接标记用于建立和外部的链接，该标记常用于链接CSS外部样式表。 示例代码使用链接标记链接到样式表文件mainstyle.css,这样在该文件中就可以直接使用mainstyle.css文件中定义的样式了。 样式标记style用于设置网页的内部样式表。 示例代码使用样式标记style完成了对body标记和标题标记h1样式的设置。 下面我们开始介绍网页开发技术之CSS * CSS这节内容我们将分为3部分进行介绍； 第一部分介绍什么是CSS以及使用CSS控制页面外观的优势 第二部分介绍CSS的基本语法 第三部分介绍CSS的分类 CSS即,级联样式表。在W3C标准中被定义为“一种对Web页面进行外观控制的机制”，与HTML，JavaScript同样，是3种用于Web开发的前端技术之一。 使用CSS来控制网页页面外观，具有如下优势： 1、表现和内容分离。将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 2、提高页面浏览速度。对于同一样式的页面视觉效果，采用div+CSS重构的页面容量要比table编码的页面文件容量小得多。 3、易于维护和改版。开发人员只需修改几个CSS文件就可以重新设计整个网站的页面。 CSS具有这么多优势，它的语法是怎么样的呢？ CSS规则样式的语法一般由两大部分构成