第一章jsp.ppt

DHTM 动 态 更 改 样 式 html body div style=cursor: hand onclick=toggle(document.all.HideShow); Click Here/div span style=color: blue id=HideShowThis will go away /spanbr This is some text script function toggle(e) { if (e.style.visibility == hidden) { e.style.visibility = visible; } else { e.style.visibility = hidden; } } /script /body /html 第一章 静态网站-示例 静态 Web 页 H1 onmouseover=this.style.color = red;Make me red/H1 第一章 静态网站-示例 静态 Web 页 html head style .Item { cursor: hand; font-family: verdana; font-size: 20; font-style: normal; background-color: blue; color: white } .Highlight { cursor: hand; font-family: verdana; font-size: 20; font-style: italic; background-color: white; color: blue } /style /head body span class=ItemMilk/span span class=ItemCookies/span span class=ItemEggs/span span class=ItemHam/span span class=ItemCheese/span span class=ItemPasta/span span class=ItemChicken/span script function rollon() { if (window.event.srcElement.className == Item) { window.event.srcElement.className = Highlight; } } document.onmouseover = rollon; function rolloff() { if (window.event.srcElement.className == Highlight) { window.event.srcElement.className = Item; } } document.onmouseout = rolloff; /script /body /html DHTM完整示例-html,css,javascript 学员管理 课程管理 成绩管理 综合查询 学员管理 学员信息 成绩信息 学号 姓名 性别 XK200703001 张三丰 男 XK200703002 李四明 女 XK200703003 王五 男 新增 查询 欢迎，王五 第一章 静态网站-作业1 静态 Web 页 第一章 静态网站-作业2 静态 Web 页 人有了知识，就会具备各种分析能力， 明辨是非的能力。 所以我们要勤恳读书，广泛阅读， 古人说“书中自有黄金屋。 ”通过阅读科技书籍，我们能丰富知识， 培养逻辑思维能力； 通过阅读文学作品，我们能提高文学鉴赏水平， 培养文学情趣； 通过阅读报刊，我们能增长见识，扩大自己的知识面。 有许多书籍还能培养我们的道德情操， 给我们巨大的精神力量， 鼓舞我们前进。 * 第一章　静态网站 主讲教师：姚俊兵 第一章 静态网站 静态 Web 页 HTML语言 Hyper Text Mark Language CSS Cascading Style Sheet JavaScript 脚本语言，用来（使用CSS）控制html对象 第一章 静态网站 HTML语言 页面组成部分 格式与布局 链接 表格 表单 框架 页面元素（标签TAG）清单 静态 Web 页 第一章 静态网站 HTML语言 页面组成部分 静态 Web 页 html head title讯科培训中心/title /head body讯科培训中心/body /html 头：设置页面参数及放置资源，比如，指定srcipt脚本文件，css定义文件 眼睛，页面标题 身体：页面内容都是布局在这个里面的 第一章 静态网站 HTML语言 格式与布局 字