1、htmlhead 网页标题/headbody 网页正文/body/htmlHTML主要标记:、brullibiufontaimgtabletrtdthforminputselecttextarealabeldiv。2.HTML表单HTML表单的作用试提供客户端和服务器端的交互,当用户填写完表单输入项后单击submit按钮,表单中的信息将被发送到服务器进行处理。标记表示一个表单,包含一些输入标记。标记的action属性用于设置表单提交的目标地址(一般为URL),method属性用于设置提交到服务器的方法(GET/POST)。表单域:文本框(text)、密码框(password)、隐藏域(hidd
2、en)、复选框(checkbox)、单选框(radio)、下拉选择框(select)、多行文本框(textarea)和文件上传框(file)等。表单按钮:提交按钮(submit)、复位按钮(reset)和一般按钮(button)。表单的一般结构如下:FORM action=”目标地址” method=”get|post”INPUT type=“表项名” name=“名” INPUT type=“submit” value=“按钮名”/FORM1.4 CSSCSS即层叠样式表,可以对页面布局、字体、颜色、背景和其它效果实现更加精确的控制,可以改变同一页面的不同部分,或者页数不同的网页的外观和格式
3、。从样式表插入的形式来看可以分为三种:1.内联式样式表:利用现有HTML标记把特殊样式加入到那些由标记控制的信息中。如:P style = color:red;font-size:30px;font-family:隶书;2. 嵌入式样式表:嵌入到HTML文件的头部中去(和标记之间),使用容器装载,如: stylep color : blue ; font-weight : bold/style对页面中所有标记都起作用。3. 外部式样式表:一种保存在外部的样式表文件,外部文件以.CSS为扩展名,如:link rel=stylesheet href=main-sheet.css type=text
4、/cssCSS的基本语法:基本格式、注释语句、选择符等是开发CSS基础。通常,样式表的定义分为选择符(selector)和块(block),块里包含属性(properties)和属性的取值(value)。格式:选择符属性:属性值开发人员可以在CSS中插入注释来说明代码含义。CSS注释以“/*” 开头,以“*/” 结尾。CSS中,选择符可以分为:1. 类选择符(Class selector)2. HTML标记选择符(HTML selector)3.ID选择符(ID selector)1.5 JavaScriptJavaScript是一种面向对象的脚本语言,它可以用来制作与网络无关的,与用户交互作
5、用的复杂功能。它是一种基于对象(Object Based)和事件驱动(Event Driver)的编程语言。1. JavaScript代码嵌入。直接将JavaScript脚本加入HTML文档(一般位于/JavaScript语言代码;/Script2.语法基础注释:/和/*/基本数据类型:数值(整数和实数)、字符串型(用“”号或括起来的字符或数值)、布尔型(True或False)和空值(null)。变量声明:var mytest; var mytest=”This is a book”; i = 5;运算符:流程控制语句:if、for、while语句。函数:function 函数名(参数)函数体
6、;Return 表达式;输出:document.write(); 3. 事件驱动及事件处理 JavaScript是object-based的语言。即在图形界面环境下,使得一切输入变化简单化。通常鼠标或热键的动作称之为事件(Event),而由鼠标或热键引发的一连串程序的动作,称之为事件驱动(Event Driver)。而对事件进行处理程序或函数,称之为事件处理程序(Event Handler)。事件处理程序:在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样。事件驱动:事件通过鼠标或热键的动作引发。主要有以下事件:onClick、onChange、
7、onFocus、onLoad、onSubmit、onMouseOver。input type=button value= onclick=alert(这是一个例子) /4.对象JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素构成,通过“.”操作符调用。获取表单元素对象:var obj = document.getElementById(ID名称);常用对象:String:Date:图1-2 网络计算器实训:设计如图1-2所示的计算机器界面,当用户点击“提交”按钮时,验证用户输入的信息是否合法。1.6 JSP动态网页开发1.6.1 JSP简介网页
8、分为静态网页和动态网页。HTML格式的网页通常被称为“静态网页”。 动态网页是以.aspx、.jsp、.php、.cgi等形式为后缀,一般以数据库技术为基础,采用动态网页技术的网站可以实现更多的功能。JSP是一种动态网页技术,具有跨平台的巨大优势,能够脱离硬件和软件平台的束缚。JSP (*.jsp)=HTML文件(*.htm,*.html)+Java程序片断+JSP标记;以Servlet技术为基础,提供强大的组件(Java Bean)支持功能;是一种开发Web应用的理想构架。JSP动态网页示例:% page contentType=text/html; charset=GBK %显示当前时间b
9、ody bgcolor=#ffffff% java.util.Date date = new java.util.Date();%h1现在时间是/h1JSP运行原理如图1-3所示。图1-3 JSP运行原理1.6.2 Java语法基础JSP是以Java语言作为脚本语言的,这里对Java做个简单的复习。数据类型:整型、浮点型、布尔型、字符型、字符串型、数组、类、接口。控制语句:if、switch、for、while。异常处理:trycatch(Exception e)finally类:Java语言的基本单位,通过class关键字来定义。类及成员的修饰符,继承和重载的实现。实验:编写一个控制台程序实
10、现计算圆的面积功能,其中圆的半径由用户输入。(思考:如何编写功能完善、健壮的程序代码呢?)1.6.3 JSP语法基础JSP页面元素如下:1.注释 JSP注释:客户端查看源代码时看不到(安全考虑)。%-注释内容 -% HTML注释:!-注释内容 -,注释的内容会在客户端的HTML源代码中出现。示例:- 这是一个测试程序 -%- 显示hello world! -%out.println(“Hello world!”);2.声明在JSP程序中声明合法的变量和方法,语法:%! declaration; declaration; + . % int i = 0; int a, b, c; Circle
11、a = new Circle(2.0);可以一次性声明多个变量和方法,只要以;结尾就行。3.表达式表达式元素表示的是一个在脚本语言中被定义的表达式,在运行后被自动转化为字符串,然后插入到这个表达示在JSP文件的位置显示。语法:%= expression %font color=blue%=i%/font%= myclass.getValue() %/b4.代码段包含在之间的有效程序段(Java脚本代码)。具体形式:% code fragment %if(sex=null) x=-1;else if(sex.equals(”男”) x=1;一个代码段(scriptlet)能够包含多个jsp语句,方法,变量。5.JSP指令JSP指令不产生可见输出,只是让JSP引擎指导如何如理页面代码,由标记
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1