第一章jsp案例.ppt

第一章　静态网站 主讲教师：姚俊兵 第一章 静态网站 静态 Web 页 HTML语言 Hyper Text Mark Language CSS Cascading Style Sheet JavaScript 脚本语言，用来（使用CSS）控制html对象 第一章 静态网站 HTML语言 页面组成部分 格式与布局 链接 表格 表单 框架 页面元素（标签TAG）清单 第一章 静态网站 HTML语言 页面组成部分 第一章 静态网站 HTML语言 格式与布局 字体font－大小，颜色，标题H#(#,1…6) 段落p，换行br，标尺线hr 分区div 列表 无序列表ul 有序列表ol 定义列表dl 第一章 静态网站 HTML语言 链接 跳转到其它页面 a href=URL ... /a 跳转到页面的另外一个地方，也就是锚点 a href=#name ... /a a name=name ... /a 跳转到另一个页面的某个地方 a href=URL#name ... /a a name=name ... /a 开一个新的(浏览器)窗口 (Target Window) a href=URL target=Window_Name ... /a a href=samp/window.html target=window_name 开一个新窗口! /a 第一章 静态网站 HTML语言 表格 第一章 静态网站 HTML语言 表单 第一章 静态网站 HTML语言 表单 第一章 静态网站 HTML语言 框架 第一章 静态网站HTML语言页面元素（标签TAG）清单 第一章 静态网站 CSS 方式：如何将样式表加入您的网页 定义：选择符，如何定义样式表 使用及控制：可控制的属性表 第一章 静态网站 CSS 如何将样式表加入您的网页 链入外部样式表文件 定义内部样式块对象 内联定义 第一章 静态网站 CSS 定义：选择符，如何定义样式表 类型选择符(Type Selectors) 包含选择符(Descendant Selectors) ID选择符(ID Selectors) 类选择符(Class Selectors) 选择符分组(Grouping) 第一章 静态网站 CSS 使用及控制：可控制的属性表 第一章 静态网站 CSS 使用及控制：可控制的属性表 第一章 静态网站 JavaScript 脚本语言，用来（使用CSS）控制html对象 语言参考 JavaScript 是一种解释型的、基于对象的脚本语言 JavaScript 不是其他语言的精简版（与Java或其它语言没有任何关系）。不过，它有其局限性。例如，您不能使用该语言来编写独立运行的应用程序，并且没有对读写文件的内置支持。此外，JavaScript 脚本只能在某个解释器或“宿主”上运行，如 JSP、或者Internet 浏览器 JavaScript 是一种宽松类型的语言。宽松类型意味着您不必显式定义变量的数据类型。在大多数情况下，JavaScript 将根据需要自动进行转换。例如，如果将一个数值添加到由文本组成的某项（一个字符串），该数值将被转换为文本。 DHTML DOM 动态HTML，使用JavaScript来动态处理HTML对象及其属性 第一章 静态网站 JavaScript 引入JavaScript的两种方式 直接在页面中使用script/标签，在文件中的位置不限 script function rollon() { if (window.event.srcElement.className == Item) { window.event.srcElement.className = Highlight; } } document.onmouseover = rollon; /script 在页面头部(head)中加入文件引用 head script src=“js/js.js/script /head 第一章 静态网站 JavaScript 语言参考：语言特性1 第一章 静态网站 JavaScript 语言参考：语言特性2 第一章 静态网站 JavaScript 语言参考：语言特性3 第一章 静态网站 JavaScript 语言参考示例： 对象 第一章 静态网站 JavaScript 语言参考示例： 语句 使用 var 语句来声明变量。这些变量可以在声明时或声明后在脚本中被赋值 第一章 静态网站 DHTML 对象模型图 DOM(DHTML Object Model)动态HTML对象模型 DOM(Document Object Model) 文档对象模型 第一