《jsp基础教程入门介绍》由会员分享，可在线阅读，更多相关《jsp基础教程入门介绍（136页珍藏版）》请在金锄头文库上搜索。
1、1,第3章 JSP动态网页设计基础,2,了解和掌握HTML语法、CSS语法 掌握JSP注释、变量和方法的声明 掌握JSP指令、JSP动作（Action）语法,学习目标,3,学习内容,HTML语法 CSS语法 JavaScript脚本JSP注释 变量、方法的声明 JSP指令 JSP动作（Action）语法JSP脚本,4,HTML文件的一般格式 ： 网页标题 网页正文,5,使用标题标签欢迎学习JSP！欢迎学习JSP！欢迎学习JSP！,6,加入超级链接,1、锚点标记格式：热点例如：山东农业大学 ,7,加入表单,一个表单至少应该包括：表单标签：处理表单数据所用CGI程序的URL以及数据提交到服务器的方
2、法。表单域：文本框、密码框、隐藏域、多行文本框、复选框、 单选框、下拉选择框和文件上传框等。表单按钮：提交按钮、复位按钮和一般按钮,8,1.表单标记, .action属性：E-MAIL地址或网址。 method属性：GET/POST标记：表单中提供给用户的输入形式。,9,2、文字和密码的输入：type属性为text：输入文本以标准的字符显示。type属性为password：输入文本显示为“*”。3、重置和提交,10,4、复选框和单选钮 checked表示是否为默认选中项。,11,head部分包含元素及描述：title：文档标题。meta：描述非html标准的一些文档信息。link：描述当前文档
3、与其他文档之间的连接关系。base：定义体试时默认的外部资源。script：脚本程序内容style：样式表内容,12,1、title：title包含的内容将会被显示在浏览器窗口的标题栏中。语法格式： 在省略号处加入的文字或符号，都将显示在浏览器的标题栏中。,13,2、meta： 下面是meta的几种用法：（1）定义搜索关键字： meta元素提供的信息是用户不可见的，只是提供给那些搜索引擎使用。,14,（2）控制页面缓存： 在用户下次打开网页时，浏览器直接调用硬盘上缓存的上次临时版本。如果每次打开网页的时看到最新版本，就加上该语句！,15,（3）定义语言： 设定语言的编码方式。便于浏览器正确的选
4、择语言，不需要人工选取。,16,（4）自动刷新页面注意：标识必须放置在中http-equiv属性值设置为“Refresh”时，要求显示URL指定的文件。,17,3、script： 用来在页面中加入脚本程序。 在language中一定要指定脚本语言的种类。如VBScript等。,18,4、 style： 用来指定当前文档的css层叠样式表。css对于网页的字体样式、背景、边界等都有很大的应用。,19,3.2 CSS语法,CSS简介 CSS基本语法 CSS基本属性,20,一、CSS简介,CSS（Cascading Style Sheet “层叠样式表”或“级联样式单” ） 制作网页时采用CSS技术
5、，可以有效地对页面布局、字体、颜色、背景和其它效果实现更加精确的控制，可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。,21,“Cascading” 即在同一个Web文档中可以有多个样式表存在，根据所在的位置，拥有不同的优先级。优先级越高，就会被最后在显示时采用。从样式表插入的形式来看可以分为三种：1、内联式样式表： 利用现有的HTML标记把特殊的样式加入到那些由标记控制的信息中。,22,2、嵌入式样式表： 嵌入到HTML文件的头部中去（和标记之间），使用容器装载，例如： p color : blue ; font-weight : bold 对页面中所有标记都起作用。,23,3、
6、外部式样式表： 一种保存在外部的样式表文件，外部文件以.CSS为扩展名，例如: ,24,CSS扩展HTML但不能脱离HTML，仅是一项辅助工具。减少图形文件使用。CSS提供很多文字样式，可轻松取代原来图形表现的视觉效果。集中管理样式信息。CSS可将网页要展示内容与样式设定分开。设定共享样式。CSS样式信息存成独立文件，让多个网页文件共同使用。样式分类使用。在一份HTML网页文件上套用多个CSS样式文件。,25,二、CSS基本语法,CSS的基本语法： 基本格式、注释语句、选择符等是开发CSS基础。通常，样式表的定义分为选择符（selector）和块（block），块里包含属性(propertie
7、s)和属性的取值（value）.格式：选择符属性：属性值,26,格式：选择符属性：属性值 开发人员可以在CSS中插入注释来说明代码含义。CSS注释以“/*” 开头，以“*/” 结尾。CSS中，选择符可以分为:HTML标记选择符（HTML selector）、类选择符（Class selector）ID选择符（ID selector）。,27, 这里是FIF制作小组 这里是FIF制作小组 ,28,1. 类选择符, .mfont-family:隶书; font-size:18px; color:#ff0000; text-decoration:line-through; , 请注意 这里是FIF制
8、作小组 ,29, afont-size:36px; color:#ff0000; text-decoration:line-through; 这里是FIF制作小组这里是FIF制作小组,2、HTML标记选择符,30, #5font-size:24px; color:#0000ff; text-decoration:line-through; 这里是FIF制作小组这里是FIF制作小组 ,3、ID选择符,31,hongen 这里Style是内嵌到中来定义该段落内的格式的。在中用直接定义。这种定义方法非常适用于编写的代码比较多的情况。而上面的代码的CSS定义格式则非常适用于代码较少、结构较简单的情况。
9、,32,怎样编写CSS？,1、把CSS文档放到文档中： 其中中的“type=text/css”的意思是中的代码是定义样式表单的。,33,2、把CSS样式表写在HTML的行内。如： 蓝色14号文字采用的格式把样式写在html中的任意行内，这样比较方便灵活。,34,3、把编辑好的CSS文档保存成“.CSS”文件，然后在中定义。 定义格式： “href=style.css”指需要连接的文件地址。,35,3.3 JavaScript脚本语言,JavaScript语言概况 JavaScript基本数据结构 JavaScript程序构成 基于对象的JavaScript语言 创建新对象 使用内部对象系统 窗
10、口及输入输出 WEB页面信息的交互,36,3.3.1 JavaScriptJavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用目的是与HTML语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互，从而开发客户端应用程序。它通过嵌入或调入在标准的HTML语言中实现的。,37,3.3.2 JavaScript和Java,Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品，其目的是为扩展Nets
11、cape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。,38,Java是一种面向对象的语言，即使是开发简单的程序，必须设计对象。 JavaScript是种脚本语言，它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。它本身提供丰富的内部对象供设计人员使用。,39,Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。 JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译
12、，而是将文本格式的字符代码发送给客户编由浏览器解释执行。,40,3.3.3 JavaScript基本数据结构,一、JavaScript代码的加入直接将JavaScript脚本加入HTML文档： JavaScript语言代码；JavaScript 语言代码; .,41,二、基本数据类型数值（整数和实数）、字符串型（用“”号或括起来的字符或数值）、布尔型（True或False）和空值。 JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。,42,(1)整型常量Java
13、Script的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。(2)实型常量实型常量是由整数部分加小数部分表示，如12.32、193.98 。可以使用科学或标准方法表示：5E7、4e5等。,2、常量,43,(3)布尔值 布尔常量只有两种状态：True或False。 它主要用来说明或代表一种状态或标志，以说明操作流程。JavaScript只能用True或False表示其状态。,2、常量,(4)字符型常量 使用单引号（）或双引号（“）括起来的一个或几个字符。如 This is a book of JavaScript 、3245、ewrt234234
14、等。,44,(5)空值JavaScript中有一个空值null,表示什么也没有。如试图引用没有定义的变量,则返回一个Null值。(6)特殊字符同语言一样，JavaScript中同样以有些以反斜杠（）开头的不可显示的特殊字符。通常称为控制字符。,45,3、变量(1)变量的命名 必须是一个有效的变量，即变量以字母开头，中间可以出现数字如test1、text2等。除下划线（）作为连字符外，变量名称不能有空格、（）、（）、（，）或其它符号。 不能使用JavaScript中的关键字作为变量。在JavaScript中定义了多个类键字，这些关键是JavaScript内部使用的，不能作为变量的名称。如Var、int、double、true不能作为变量的名称。,46,(2)变量的类型可以用命令Var作声明:var mytest;Var mytest=”This is a book”变量可以在使用时再根据数据类型确定变量类型。如：x=100 y=125 xy= True cost=19.5。其中x整数，y为字符串，xy为布尔型，cost为实型。,47,(3)变量的声明及其作用域 变量的作用域。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。,
