《Java Web应用开发》课件ch03.ppt

1、第3章 网页基础目标lHTML文档是一种纯文本格式的文件，基本结文档是一种纯文本格式的文件，基本结构为：构为：网页的标题网页的标题 网页的内容网页的内容 文字格式标记l标记设置文字不同的大小、字体、标记设置文字不同的大小、字体、字型、色彩。设置文字大小的格式为：字型、色彩。设置文字大小的格式为：l 被设置的文字被设置的文字 超链接l链接到同一目录内的网页文件链接到同一目录内的网页文件l 热点文本热点文本 l链接到下一级目录中的网页文件链接到下一级目录中的网页文件l 热点文本热点文本 l链接到上一级目录中的网页文件链接到上一级目录中的网页文件l 热点文本热点文本 l链接到根目录中的网页文件链接到

2、根目录中的网页文件l 热点文本热点文本 表格l表格的标记为表格的标记为，行的标记为，行的标记为，表项的标，表项的标记为记为。格式为：。格式为：表头表头1 表头表头2 表项表项1 表项表项2 表项表项1 表项表项2 表格应用表格应用l【】表单l在网页中，通过表单交流和反馈信息。格式在网页中，通过表单交流和反馈信息。格式为：为：laction 属性规定当提交表单时，向何处发送表单数据。属性规定当提交表单时，向何处发送表单数据。lmethod 属性规定以什么方法发送表单数据。属性规定以什么方法发送表单数据。表单l表单示例：表单示例：用户名：用户名：密密 码：码：下拉列表框 多行文本框ll刘德华刘德华

3、l张学友张学友l郭富城郭富城l黎明黎明ll编辑框默认显示的内容编辑框默认显示的内容 表单l标记常用属性如下：标记常用属性如下：l属性属性type可设置选择钮的类型可设置选择钮的类型l属性属性value可设置该选择钮的控制初值，用以可设置该选择钮的控制初值，用以告诉表单制作者选择结果告诉表单制作者选择结果l属性属性checked表示是否为缺省选中项表示是否为缺省选中项l属性属性name属性是控制名，同一组的选择钮属性是控制名，同一组的选择钮的控制名是一样的。的控制名是一样的。表格与表单的结合应用表格与表单的结合应用l【】表格布局表格表格布局l表格布局是传统的布局方式。表格布局是传统的布局方式。l

4、中心思想：设计网页第一步首先就是进行页面中心思想：设计网页第一步首先就是进行页面布局，而不是填写内容。主要思路是：布局，而不是填写内容。主要思路是：l纵向：表格的堆砌纵向：表格的堆砌l横向：表格的嵌套横向：表格的嵌套lll l ll项目符号列表l标记和标记和表项标记建立无序列表。表项标记建立无序列表。格式为：格式为：第一个列表项第一个列表项 第二个列表项第二个列表项 层叠样式表CSS简介lCSS（Cascading Style Sheet，“层叠层叠样式表样式表”或或“级联样式表级联样式表”）是一组格式）是一组格式设置规则，用于控制设置规则，用于控制Web页面的外观。页面的外观。l内嵌样式内嵌

5、样式l内部样式表内部样式表l外部样式表外部样式表lCSS的应用的应用DIV+CSS布局DIV层DIV+CSS布局lDIV+CSS布局是目前流行的布局方式。布局是目前流行的布局方式。l主要思路：设计网页第一步首先就是进行页面主要思路：设计网页第一步首先就是进行页面抽象，将网页内容归类划分为不同的抽象，将网页内容归类划分为不同的DIV层：层：lDIV层也可以发生嵌套，这种嵌套可以理解为父层也可以发生嵌套，这种嵌套可以理解为父层与子层的继承关系，父层的层与子层的继承关系，父层的CSS样式会作用样式会作用于子层：于子层：JavaScriptllllllJavaScript function check()if(document.myform.name1.value=)alert(请输入姓名请输入姓名);return false;return true;