Web电子教案5_客户端开发技术.pptVIP

常见属性 文本属性 Text-align: left; left | right | center | justify Vertical-align: top; top | bottom | middle | baseline 行高属性 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; } JavaScript简介 使用方法 外部脚本文件 SCRIPT src=Menu.js type=text/javascript/SCRIPT 混合在HTML文档中，一般位于头部 内嵌脚本 script language=JavaScript document.write(这是第一个JavaScript文件!) /script 数据类型 数值型 布尔值 字符型 空值 流程控制语句 与C等基本相同，注意switch-case function SwitchTest(str) { switch(str+1) { case he1: alert(Hello,hzh!); break; case xing1: alert(Hello,xpy!) break; default : alert(none); break; } } 数组 特点： 1. 混杂型数组 2. 可通过下标调用 对 象 引用JavaScript内部对象 由浏览器环境中提供 创建新对象 第四章 客户端开发技术 教学目的 介绍HTML、CSS等开发技术及相应标准，并简要介绍Flash、JavaScript及Java applet技术。重点是理解掌握基本的HTML语法，能手工编写简单的静态页面，能看懂较复杂的HTML页面的语法结构，为后面服务器端开发技术的学习做准备。 基本教学内容 HTML基本文件结构 文本相关语法 图像相关语法 表格语法 超链接语法 表单使用方法 框架使用 样式表 脚本语言JavaScript简介 Flash简介 JavaApplet简介 学习重点与难点 重点： HTML基本语法结构 表格使用方法 表单使用方法 难点： 表格的复杂使用方法 利用表单与后台程序进行交互的原理及规则 HTML简介 概念： HTML（HyperText Markup Language），基于HTTP协议，在Web上以超文本方式出版本信息的国际化语言 特点： 非线性 基本单元：超文本结点 以链接实现不同结点间的联系 国际性的规范 纯文本格式 HTML的基本文档结构 !doctype html public -//W3C//DTD HTML 4.0 Transitional//EN html head title New Document /title meta name=Generator“ content=EditPlus HTML的基本文档结构 meta http-equiv=Content-Type content=text/html;charset=gb2312 /head body pHello ! Good morning !/p /body /html HTML的基本文档结构 文档头 要素： TITLE：显示窗口的标题 META：元数据，文档内容进行描述，一般给浏览器或编辑人员用，不会直接显示出来 HTML的基本文档结构 文档体：浏览器真正要展现的部分。 主要元素类型： 文本 图像 表格 表单 框架 超链接 HTML的基本文档结构 注意：大多数元素/子元素为成对出现，许多元素内部可包含其它元素，但各元素间不得出现错位嵌套的情况！即如下情况绝不允许出现！ tag1 tag2 实际内容 /tag1 /tag2 页面背景控制 BODY bgcolor=white background =”/images/bg.jpg” bgsound src= lovestory.mid loop=infinite bgsound src= lovestory.mid loop=“