网站设计跟Web应用开发技术ch04.pptVIP

第4章 HTML高级应用及编著工具 教学目标 教学重点 教学过程 教学目标 掌握HTML的高级应用 掌握常见的HTML编著工具 教学重点 HTML的高级应用 HTML应用实例 教学过程 框架应用 表单应用 脚本介绍 网页中加入动态效果和多媒体 可执行对象 HTML的变革与未来 常用网页编辑工具简介 * 网站设计与Web应用开发技术 清华大学出版社 网站设计与Web应用开发技术 清华大学出版社 * 4.1.1 框架 框架(FRAMES)是一种在同一浏览器窗口中显示多个相互隔离的HTML页的结构 FRAMESET、FRAME 标签的用法 HTML HEADTITLE框架演示/TITLE /HEAD FRAMESET cols=120,* FRAME src=/ FRAMESET rows=100,* FRAME src= FRAME src= /FRAMESET /FRAMESET BODY /BODY /HTML 4.1.1 框架 通过使用A的target属性 ，可实现框架间的链接 A href=目标文件名.html target=框架名 热点文本 /A 在父窗口打开 _parent 在整个浏览器窗口打开 _top 在当前的框架打开 _self 没有名字的浏览器窗口打开 _blank 4.1.2 表单 网页上具有可输入表项及项目选择等控制所组成的栏目称为表单 实现网页的交互操作 FORM action=mailto:mail地址或网址 method=get|post INPUT type=表项名 name=名 size=x max length=y … /FORM 其中的“表项名” 可以是：text，password，checkbox，radio，image，hidden，submit，reset；它们对应不同的表单控件 4.1.2 表单 实例：文字和密码的输入 HTML HEADTITLE输入文本和密码/TITLEHEAD BODY text=blue CENTERH2FONT color=red个人资料/FONT/H2/CENTER FORM action=mailto:YourMailAdd@YourM memethod=POST 姓名: INPUT type=text name=姓名BR 主页的网址: INPUT type=text name=网址 value=http://BR 密码: INPUT type=password name=密码BR INPUT type=submit value=发送 INPUT type=reset value=重设 /FORM /BODY /HTML 4.1.3 脚本 脚本可以分为服务器端脚本和客户端脚本，在HTML代码中嵌入的脚本属于客户端脚本 脚本的事件处理机制就可以改变浏览器响应用户操作的标准方法，这样就可以开发出更加具有交互性，更容易使用的Web页面。 利用脚本的事件，主要有下面的两个用途： 验证用户输入窗体的数据 增加页面的动态效果 本课程后面章节将专门介绍 4.1.4 网页中加入动态效果和多媒体 滚动字幕 通过MARQUEE标签实现 html head title滚动字幕/title /head body MARQUEE behavior=alternate width=50% IMG SRC=cartoon.gif border=0 FONT color=#0bcdef图片和文字都可以动！/FONT /MARQUEE MARQUEE direction=left我往左跑/MARQUEEP MARQUEE direction=right我往右跑/MARQUEEP /body /html * *