数据库原理及应用开发技术-客户端开发技术

1、Web开发技术综述 1 三大支撑技术 2 开发技术综述 URL HTML客户端开发技术 效力器端开发技术.Web开发技术 1 三大支撑技术 URL HTMLUnified Resource Locator一致资源标志符，互联网上进展一致命名和定位的一种规范机制。 HyperText Transportation Protocol Web效力器与客户进展传输信息的规范协议 。 (HyperText Markup Language)超文本标志言语。“超文本的含义：不限于普通文本，利用普通文本表达多媒体信息。 。 .Web开发技术 2开发技术综述两条主线：HTMLJavascript动态网页 CSS

2、 flash XMLCGI ASP PHP JSP.NET重点了解概念 HTML Javascript、CSSJSP、.NET.第四章 客户端开发技术教学目的引见HTML、CSS等开发技术及相应规范，并简要引见JavaScript等技术。重点是了解掌握根本的HTML语法，能手工编写简单的静态页面，能看懂较复杂的HTML页面的语法构造，为后面效力器端开发技术的学习做预备。.根本教学内容 HTML根本文件构造文本相关语法图像相关语法表格语法超链接语法表单运用方法框架运用款式表脚本言语JavaScript简介Flash简介JavaApplet简介.学习重点与难点重点：HTML根本语法构造 表格运用方

3、法表单运用方法难点：表格的复杂运用方法利用表单与后台程序进展交互的原理及规那么.HTML简介 概念： HTMLHyperText Markup Language，基于HTTP协议，在Web上以超文本方式出版本信息的国际化言语特点：非线性根本单元：超文本结点以链接实现不同结点间的联络国际性的规范纯文本格式.HTML的根本文档构造 New Document .HTML的根本文档构造 Hello ! Good morning !.HTML的根本文档构造文档头：要素：TITLE：显示窗口的标题META：文档的最根本的元信息。除了提供文档字符集、运用言语、作者等根本信息外，还涉及对关键词和网页描画的设定

4、。 普通给阅读器或编辑人员用，不会直接显示出来.HTML的根本文档构造文档体：阅读器真正要展现的部分。 主要元素类型：文本图像表格表单框架超链接.HTML的根本文档构造 留意：大多数元素/子元素为成对出现，许多元素内部可包含其它元素，但各元素间不得出现错位嵌套的情况！即如下情况绝不允许出现！ 实践内容 .页面背景控制 .字体与颜色标题 这是一级标题字体控制.文本类元素用法 1空格 通常会将多个空格紧缩为单个 被阅读器解释为不可紧缩的字符，当需求显示多个空格时可用到2字体属性控制 字体控制.文本类元素用法3行与段落控制段落控制： ：相关字体大小，颜色控制行控制： 预先格式化文本 它保管了空格和换

5、行文本块 .列表控制无序列表 工程1工程2工程3 编号列表工程1工程2工程3定义式列表工程1工程1.1工程2.图像控制1规范用法 2Align用法：其中left和right用以指定图像的程度位置，使图像向左或向右对齐成为浮动图像，此时，图像下面及侧面的文字和图像将在右侧或左侧环绕该图像。.图像控制其他各选项值那么是控制图像和文本的垂直相对位置。其中：top：使图像与文本的最高点对齐； texttop：使图像与本行的最高文本对齐通常与top效果一样，但不完全一样； middle：使当前行的基准线与图像中线对齐； absmiddle：使当前行中线与图像中线对齐； baseline：使图像基准线与当

6、前行基准线对齐； bottom：使图像底部与当前行基准线对齐； absbottom：使图像底部与当前行底部对齐。.超链接语法 1普通用法index2书签链接书签链接例如书签.超链接语法3分块链接利用一个图像，使该图像的不同部分指向不同的链接。例如：.表格相关语法 1根本语法 姓名 性别 年龄 张三 男 55.表格相关语法2表格的合并多列合并的表格 人员统计 张三 李四 王五342145.表格相关语法多行合并的表格 人员统计张三 李四 王五342145.表格尺寸/位置控制 张三 男 55 .表单 标签用于为用户输入创建 HTML 表单。表单可以包含 input 元素，比如文本字段、复选框、单项选

7、择框、提交按钮等等。表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。表单用于向效力器传输数据。.表单控制属性值描述actionURL规定当提交表单时，向何处发送表单数据。属性值描述acceptMIME_type规定通过文件上传来提交的文件的类型。accept-charsetcharset服务器处理表单数据所接受的字符集。enctypeMIME_type规定表单数据在发送到服务器之前应该如何编码。methodgetpost规定如何发送表单数据。namename规定表单的名称。target_blank_parent_self_topframena

8、me规定在何处打开 action URL。必选可选.表单元素 按钮button复选框单项选择框菜单下拉选择框文本框单行，多行文件选择控件隐藏控件图形image.表单表单元素的根本标签FORMINPUTTEXTAREASELECT.CSS CSS:级联款式表Cascading Style Sheet简称“CSS根本功能：更有效地控制网页外观，便于页面总体风格的一致和改动常用功能：控制文字的大小、颜色、字体.CSS根本语法 CSS 规那么由两个主要的部分构成：选择器，以及一条或多条声明。selector declaration1; declaration2; . declarationN .CSS

9、根本语法层叠次序款式会根据下面的规那么层叠于一个新的虚拟款式表中，其中数字 4 拥有最高的优先权。1阅读器缺省设置2外部款式表3内部款式表位于 标签内部4内嵌款式在 HTML 元素内部 .CSS根本语法几种常用控制方法P font-size:9px; P.classname1 font-size:12px; P#New font-size:18px; .First color :red;#Second font-size:18px; Sample!.CSS根本语法ID 与 CLASS 区别1、在CSS文件里书写时，ID加前缀#；CLASS用. 2、id一个页面只可以运用一次；class可以多次

10、援用。 3、ID是一个标签的标识，用于区分不同的构造和内容4、id是先找到构造/内容，再给它定义款式；class是先定义好一种款式，再套给多个构造/内容。.常见属性字体属性font-size:9px;1) xx-small | x-small | small | medium | large | x-large | xx-large2) 9px; 9pt; font-family:宋体, Times New Roman;颜色属性 Color:red; Color:#FF0000; Background-color:white;.常见属性文本属性Text-align: left; Vertica

11、l-align: top;行高属性Line-height:9px; 120%空白margin-top: margin-bottom.CSS根本语法典型运用举例a:link color: rgb(0,0,102); text-decoration: none;a:visited color: #FF00FB; a:active color: rgb(153,0,255); a:hover color: red; .HTML/CSS的本卷须知各类标志一定要成对出现CSS的作用范围一定要明晰留意ID与Class的作用.JavaScript简介JavaScript是客户端脚本言语，avaScript是

12、在用户的阅读器上运转，不需求效力器的支持而可以 独立运转，可以减少效力器的压力。基于JAVA和C,C+等多种语法构造代码加载前需求解释后运转，运转速度较慢程序编写简单，但平安性相对较差。.JavaScript简介运用方法外部脚本文件混合在HTML文档中，普通位于头部内嵌脚本 document.write(这是第一个JavaScript文件!) .数据类型动态类型：var a 数值型:var a = 3; 布尔值:Booleanvar x=true var y=false 字符型 var myname=“小王;数组var students=new Array(); students0=“wang

13、; students1=“li; students2=“zhang; .对 象援用JavaScript内部对象由阅读器环境中提供创建新对象 .常用内部对象 window对象全局变量是 window 对象的属性。全局函数是 window 对象的方法。window.innerHeight - 阅读器窗口的内部高度window.innerWidth - 阅读器窗口的内部宽度 document对象document.getElementById(header);内建对象： String、Date、Array 等等。.事件处置与交互性的实现 键盘事件 鼠标事件 焦点事件 选择事件 形状改动事件 onAbo

14、rt .事件处置与交互性的实现键盘事件：OnKeyUpOnKeyDownOnKeyPress.事件处置与交互性的实现鼠标事件OnMouseDownOnMouseUpOnClickOnDbClickOnMouseOverOnMouseMoveOnMouseOut.事件处置与交互性的实现焦点事件OnFucusOnBlur形状改动事件OnLoadOnUnLoadOnChange.JavaScript简介JavaScript中的几个常见运用校验表单输入的正确性控制表单提交控制动态显示.JavaScript中的几个常见运用校验表单项 . . .JavaScript中的几个常见运用控制表单提交 . function SubmitForm()form1.submit();.Flash简介优点：动画是矢量的，不论放大多少倍依然明晰，而不象普通的图形文件，当放大他们的时候，会出现马赛克效应，看到的是一个个方形的色块。Flash文件可以做得很小用Flash生成的文件是代码维护的，他人无法看到其源代码，还可制止下载。Flas