工作流表单模板设计实用页面设计方法——HTML.ppt

* 1、讲解示例时重点： 1）th中的colspan属性； 2）td中的background属性； 3）最后一个td中的nbsp;占据单元格； * * 1、练习说明：基本样式按照图片的就可以，字体和颜色可以不与图片一致； 答案：table_exercise.html 2、使表格线变细（实际就是两个相邻单元格公用一个边框）：style=border-collapse:collapse;“ 可用值的说明. 1）separate, 缺省值。边框分开，不合并。 2）collapse, 边框合并。 即如果相邻则共用同一个边框。 * 1、内容简介 1）介绍表单的基本使用 2）各种input标记的应用 2、内容重点及难点（input标记的使用） 3、授课方法：讲授+练习+讲解 * 1、表单元素是能够让用户在表单中输入信息的元素（比如文本框，密码框，下拉菜单，单选框，复选框等等）。 * 1、控件： 名称：编码时指定； 值：来自用户的输入，或者编码时的默认值； 2、 * 1、method：get传送的数据量小于1024字节，表单提交时表单域数值将在地址栏显示。 post传送的数据量不受限制，表单提交时表单域数值将不会在地址栏显示。 注意：GET方式提交的数据最多只能有1024字节；//以此为准；（还有说4000字符的） 2、action：如果需要将表单数据发送到一个电子信箱，可以使用 action=mailto:电子信箱 的形式。 * * 1、value：输入的值。 对text和hidden类型，是表单域的缺省值。 对checkbox和radio类型，是被选择后传给CGI程序的取值。 对reset和submit类型，是按钮上显示的文字。 2、 * 1、value：输入的值。 对text和hidden类型，是表单域的缺省值。 对checkbox和radio类型，是被选择后传给CGI程序的取值。 对reset和submit类型，是按钮上显示的文字。 2、 * * * 1、提交按钮触发HTTP请求，将表单内容提交 2、重置按钮将表单内容置为原始状态； * button name=btn onclick=alert() type=submit img src=finger_ring.jpg width=100 height=100 /button * * * 1、相同名字的单选按钮为一组 * * 1、用户可以在文件名称框中直接输入路径，或者单击浏览按钮调出文件选择对话框来选择文件； * * 1、功能： a、跟踪用户 b、为服务器端程序提供预定义的输入 c、在动态生成的页面中存储上下文相关的信息 * 1、英文字符为单位，即cols=10的话，一行显示5个汉字； * * * 1、option开闭标记间的内容显示标记给用户看，实际传值为value属性； * * * * * * * * * * * * * * * * 注意：演示时，可能第一次是正确的，即点击前为蓝色，点击上为红色，点击后刷新为黄色；但是关闭窗口后再打开，就没有蓝色了。 处理：从IE的Internet选项中“清除历史记录”； * * 注意：left和right是图像的对齐方式，如果设置align等于这两个属性，则其它内容会与图像处于一行； 如果想设置align为left或right属性，而且让其它内容换行，可以使用br clear=all，见下页示例； * * * * 如： 源代码：aaaaaabbbbccc 在页面中只能显示：aaaaaa * * * * 注意：此处可以留作课下练习，下次课上讲。 或者多一点时间，直接讲解；看时间情况自由掌握； 答案是： 练习一：html_exercise_1.html 练习二：html_exercise_2.html 练习三：html_exercise_3.html * 1、内容简介 1）学习表格的基本使用 2）会合并表格的行/列，做出不同样式的表格； 2、内容重点及难点（多行/多列合并，通过做练习来掌握） 3、授课方法：讲授+ 练习+讲解 * * Table 表 Caption 标题 Tr 表行 Th 表头 Td 表元（具体数据） * * 1、讲解代码时把caption的align属性和tr的bgcolor属性也简单说一下； * align=“RIGHT valign=BOTTOM * * 1、th属性同td，只是以粗体显示 * html…/html 设置HTML文件的开始和结束 head…/head 设置HTML文件的一些信息，如标题、层叠样式表单、脚本程序等，又称为头信息 在浏览器窗口中，头信息是不被显示的 title…/title 设置HTML文件的