《动态页面设计实现》课程讲义.ppt

基本表格 TABLE是表格的基本标记。TR代表表格的行，TD代表表格的列。 定义一个三行两列的表格如程序2-09.htm所示。 表格的灵活应用 （1）ROWSPAN和COLSPAN属性的使用方法。 利用ROWSPAN属性设置该单元格占用多行，利用COLSPAN属性设置该单元格是占用多列。 Cellpadding和Cellspacing （2）Cellpadding和Cellspacing属性的使用方法。 Cellpading的意思是单元格的边距，指的是字与单元格边框的距离。Cellspacing的意思是单元格间距，指的是单元格之间的距离。 表格的样式 BORDERCOLOR属性设置表格边框的颜色，BGCOLOR属性设置背景颜色，ALIGN属性设置表格的对齐方式，B标记是将内部的文字加粗显示。显示的结果 表单 表单的功能是收集用户信息实现系统与用户交互。比如E-mail信箱的注册页面就是一个十分典型的表单页面。 表单信息的处理过程为：当单击表单中的提交按钮时，表单中的信息就会上传到服务器中，然后由服务器端的应用程序（例如CGI，ASP，PHP或JSP等）进行处理，处理后将用户提交的信息存储在服务器端的数据库中，或者将有关信息返回到客户端浏览器上。 （1）表单头及其属性 表单的通用格式是：FORM METHOD=“Post” ACTION=“do_submit.asp”XX /FORM。 表单元素包含在FORM标记中，有两个重要的属性：METHOD=“Post”或“Get”，Post和Get方式的区别在于Post是一种邮寄的方式，在浏览器的地址栏中不显示提交的信息，这种方式传送的数据量的大小没有限制；Get方式将信息传递到浏览器的地址栏上，最大传输的信息量是2 KB。当不指明是哪种方式时，默认为Get方式。Action属性是设置利用哪个文件来处理所提交的数据。 （2）表单中常用控件 在常用的表单制作过程中，经常遇到的是按钮制作、输入元素的制作等。常见的表单控件包括文本框、文本域、密码框、多选框、单选框和下拉列表框，等等。 除了文本域和下拉列表，其他只要修改TYPE属性就可以了，使用方法如程序2-13.htm所示。 块级元素 块级元素包括DIV和SPAN两种标记。DIV称为层标记，有时也称为块标记。利用DIV标记和CSS的定位技术可以做出相当出色的效果。 SPAN标记和DIV标记的基本语法是一样的，但SPAN标记和DIV标记的区别还是很大的。使用方法如程序2-14.htm所示。 预排版标记 包含在预排版标记中的字符会按照HTML原码的格式输出到浏览器上。 HTML文件中的英文空格一般不起作用，但是在预排版标记中空格可以显示出来。语法如程序2-15.htm文件所示 设计网页框架 设计网页时，经常用到的一种格式是框架。 基本网页框架分成两种，左右框架和上下框架。语法如程序2-16.htm文件所示。 案例2-2 使用框架 一般情况下工程的主页面都采用这种框架格式，在上面的页面放置网站的图片，右边放置主页面，左边放一个下拉菜单。 可以像对普通Windows窗口一样操作网页框架，可以最大化窗口页可以最小化窗口，修改案例2-2右框架的代码，如案例2-3所示。 MARQUEE标记 使用的基本语法是：MARQUEExx/ MARQUEE，显示的效果是xx就会从屏幕一边跑到另外一边。 MARQUEE DIRECTION=LEFT啦啦啦，我从右向左移！/MARQUEE P MARQUEE DIRECTION=RIGHT啦啦啦，我从左向右移！/MARQUEE P MARQUEE BEHAVIOR=SCROLL啦啦啦，我一圈一圈绕着走！/MARQUEE P MARQUEE BEHAVIOR=SLIDE啦啦啦，我只走一次就歇了！/MARQUEE P MARQUEE BEHAVIOR=ALTERNATE啦啦啦，我来回走！/MARQUEE 啦啦啦，我走一步，停一停！/MARQUEE 2.2 CSS概述 1998年5月12日，CSS level 2才成为W3C 的标准，它是一组样式，样式中的属性在HTML元素中依次出现，并显示在浏览器中。样式可以定义在HTML文档的标志里，也可以在外部附加文档作为外加文档。CSS的功能无比强大，W3C也极力向世界推广这一先进技术。HTML是一种标记语言，而CSS是这种标记的一种重要扩展，可以进一步美化页面。换句话说，CSS是一种用来装饰HTML的标记集合。 为什么要使用CSS呢？原因主要有如下四点：（1）弥补HTML对网页格式化功能的不足，比如段落间距，行距等。（2）字体变化和大小。（3）页面格式的动态更新。（4）排版定位等。 2.2.1加载CSS样式的三种方式 使用CS