【Jsp精品源码栏目提醒】:网学会员为广大网友收集整理了,JSP网页设计规范 - 编程语言,希望对大家有所帮助!
第4章
JSP动态网页设计基础 教学目标 教学重点 教学过程2012年5月24日 1教学目标 了解和掌握HTML语法、CSS语法 掌握
JSP注释、变量和方法的声明 掌握
JSP指令、
JSP动作(Action)语法2012年5月24日 2教学重点 HTML语法
JSP注释 变量、方法的声明
JSP指令
JSP动作(Action)语法2012年5月24日 3教学过程 HTML语法 CSS语法
JSP注释 变量、方法的声明
JSP指令
JSP动作(Action)语法
JSP脚本2012年5月24日 44.1 HTML语法 什么是HTML语言 HTML的基本标签 创建列表 图像、多媒体和超链接 表格 框架 表单2012年5月24日 5什么是HTML语言 HTML(Hyperlink Text Markup Language)意思是“超 文本标记语言”,它是一种描述文档结构的语言,而不 能描述实际的表现形式。
HTML语言使用描述性的标记 符(称为标签)来指明文档的不同内容。
标签是区分 文本各个组成部分的分界符,用来把HTML文档划分成 不同的逻辑部分(或结构),如段落、标题和表格 等。
标签描述了文档的结构,它向浏览器提供该文档 的格式化信息,以传送文档的外观特征。
HTML文件是标准的ASCII文件,不含任何与平台和程 序相关的信息,它们可以被任何文本编辑器读取。
HTML文档包含两种信息:一种是页面本身的文本,另 一种是表示页面元素、结构、格式、和其它超文本链 接的HTML标签。
2012年5月24日 6HTML的基本标签 在HTML文档中,标签用来规定Web文档的逻辑结构并控制文档的 显示格式。
可以使用HTML标签来设置链接、标题、段落、列表和 字符加亮区域等等。
一般HTML标签格式是这样的: 相应内容 标签名用尖括号括起来,不区分大小写。
HTML标签一般有起始标 签与结束标签两种,分别放在它起作用的文档两边。
起始标签与 结束标签非常相似,只是结束标签在“)之前结束。
另外,某些HTML元素只有起始标签而没有相应的结束标签,例如 换行标签,由于不包括相应的内容,所以只使用〈BR〉就可以 了。
还有一些元素的结束标签是可以省略的,如分段结束标签 、列表项结束标签、词语结束标签和定义结束 标签等等。
2012年5月24日 7 页面结构标签。
一个最基本的HTML文档是由 (用来创建一个HTML文档 )、 (用来标明文档的标题 )和 (用来指明文档的主体区域 )这3个页面结构标签组成。
页头标签为 。
在HTML文档中,标题部分 (即 标签之间)必须包含 标签,用来设定文档的标题 。
HTML文档中,标题用于对文本中的章节进行划分,而标题标 签用来指明页面上的一到六级标题 。
段落标签的格式为,用来创建一个新的段落。
表示一个段落的开始,结尾标记可以省略 。
还 可以用来进行强制换段。
在前后两段文字中间,插入标 记后,后一段文字不仅转到下一行,还可以使两端文字中间 多出一个空行。
在这种情况下,一段的结束就意味着新一段 的开始。
2012年5月24日 8 在编辑文档时,希望在浏览网页时能够保留在编辑 工具中已经排好的段落格式,这时可以使用标签。
这个标签有一个WIDTH属性,用来 表示一行的最大宽度,如果不设置这个属性值,而标签中的文本又很长,在浏览器中 显示时一行文本就会很长,直到遇到换行标记才会 换行。
注释标签的格式为,用来对页面本 身的内容或状态进行描述。
例如,很多源代码控制 程序会把页面的状态加到注释中。
注释的文字在对 HTML做分析时会被忽略,也不会被显示。
2012年5月24日 9创建列表 在网页中经常使用的列表分为有序列表和无序列表两 种。
有序列表是指各列表项之间是有顺序的,从1、2、3…一直延 伸下去。
有序列表的基本格式为: … 其中,标签用来建立一个有序列表,用来增加列表项。
开始标签和结尾标签都 是必选的,即每个列表项的结束就是下一个列表项的开始, 建好的整个列表项会与上下的文本之间有一个空行,列表项 向右缩进并左对齐,各列表项之前都带有顺序号。
2012年5月24日 10 无序列表是指各列表项间没有顺序关系,只是利用 列表方法来呈现资料,在各条列前面均有一个项目 符号。
无序列表的基本格式为: … 其中标签用来建立一个无序列表,用来增加列表项。
无序列表通过 或的type属性来定义左端的符号类型,该符号 可以是disc(实心圆点)、square(方块)、自定 义图片等,默认为实心圆点。
2012年5月24日 11 实际应用中用户还可以根据需要自定义列表。
使用 自定义列表表示单词或语句,可以使得文本具有交 互凹进的特点。
自定义列表的基本格式为: … 其中,用来定义列表,定义列表项用来 表示单词,列表项会自动换行并左对齐,列表项间 没有空行;定义语句,用来解释单词。
2012年5月24日 12图像、多媒体和超链接 一个好的网站,漂亮的图片、各种音 频、视频和方便快捷的链接是比不可少 的,这样可以使网页更加丰富多彩、引 人入胜。
在本小节中使用了 Dreamweaver MX 2004 进行介绍,因此 这里不再介绍,详细内容可参看书中相 应章节。
2012年5月24日 13表格 表格是一种能够有效的描述信息的组织方式, 由行、列和单元格组成。
它可以将文字和图片 等那同按照行和列排列起来,可以很好地控制 页面布局。
在浏览器中显示时,表格的整体外观是由 标签的属性决定的。
HTML中使用标签创建表格,其基本格式为: 表格内容 ...标签用来定义表格的表头 。
...标签用来定义表格的单元格 。
2012年5月24日 14框架 所谓框架就是将网页分成几个框窗,同时取得多个URL,每个窗 框显示一定的内容。
含有框架的网页其HTML文档形式和一般的 HTML文档相似,只是使用了标签而没有 标签,它是一种非常重要的页面排版方式。
使用了框架结构的 HTML文档基本格式为: … …2012年5月24日 15 其中,标签用来定义一个框架容 器。
标签用来定义每一个框窗内的参数属性 。
当用户使用的浏览器版本太低不支持框架功能时,将看到一 片空白。
为了避免这种情况,可使用这个标 签。
在框架页面中每个子窗口内对应一个FRAME语 句,该语句中的SRC属性指明了链接的HTML, 该文件将显示在FRAME对应的窗口中。
如果该 HTML文件含有超链接,当用户单击该链接 时,链接的网页在哪里显示呢?如果没有指 定,则在原来的窗口中打开;如果要指定在哪 个子窗口中打开,这时就需要使用TARGET属2012年5月24日 16 性来实现了。
表单 网页中具有可输入表项及项目选择等控制所组成的栏目称为表 单,它是与用户交互信息的主要手段,在HTML页面中起着重要作 用。
一个表单至少应该包括说明性文字、用户填写的表格、提交 和重填按钮等内容。
当提交资料后,所填资料就会通专门的CGI 接口传到Web服务器上,网页的设计者随后就能在Web服务器上 看到用户填写的资料,从而完成了从用户到作者之间的反馈和交 流。
一个表单有三个基本组成部分: 表单标签:这里面包含了处理表单数据所用CGI程序的URL以及数据提交到服 务器的方法。
表单域:包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、 下拉选择框和文件上传框等。
表单按钮:包括提交按钮、复位按钮和一般按钮,用于将数据传送到服务器 上的CGI脚本或者取消输入,还可以用表单按钮来控制其他定义了处理脚本的 处理工作。
2012年5月24日 174.2 CSS语法 CSS简介 CSS基本语法 CSS基本属性2012年5月24日 18CSS简介 CSS是“Cascading Style Sheet”的缩写,可以译 为“层叠样式表”或“级联样式单”。
它用来进行 网页风格设计的,它简化并扩展了HTML中各 种标记,使得各个标记的属性更具有一般性和 通用性,大大的提高了HTML开发的效率。
在 制作网页时采用CSS技术,可以有效地对页面 的布局、字体、颜色、背景和其它效果实现更 加精确的控制,只要对相应的代码做一些简单 的修改,就可以改变同一页面的不同部分,或 者页数不同的网页的外观和格式。
2012年5月24日 19 CSS(Cascading Style Sheet)中,“Cascading”是“层叠”的意 思,也就是说在同一个Web文档中可以有多个样式表存在,这些 样式表根据所在的位置,拥有不同的优先级,优先级越高,就会 被最后在显示时采用。
从样式表插入的形式来看可以分为三种: 内联式样式表:它利于现有的HTML标记把特殊的样式加入到那些由 标记控制的信息中,比如刚才的例子。
嵌入式样式表:它和Javascript一样可以嵌入到HTML文件的头部中去 (和标记之间),使用 容器装 载,例如:“ ”,这样会对页面中所有标记都起作用。
外部式样式表:是一种保存在外部的样式表文件,外部文件以.CSS 为扩展名,例如“”。
2012年5月24日 20