课件：《人机交互》Web界面设计.ppt

* 门户网站例-雅虎中文网 * 习 题 ??? 简述Web设计的原则。 ?? 用JavaScript或JavaApplet写程序，并嵌入HTML网页。 ????试举几个网页例子，并进行可用性评估。 THANK YOU SUCCESS * * 可编辑 * JavaScript与HTML结合实例 　html 　head 　Script Language =JavaScript 　// JavaScript 在此出现 　alert(这是第一个JavaScript例子!); 　alert(欢迎你进入JavaScript世界!); 　alert(今后我们将共同学习JavaScript知识！); 　/Script // JavaScript 在此结束 　/Head 　/Html //JavaScript代码由 Script Language =“JavaScript”.../Script说明 //alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示括号中的字符串 * JavaScript与HTML结合实例运行结果 * 3．JavaApplet JavaAapplet是访问Internet服务器，在Internet上传播的，自动安装的，可作为部分Web文档运行的小应用程序。 当JavaAapplet到达客户端，它被限制访问资源，以使它能够在不受病毒威胁和破坏数据完整性的情况下生成一个二进制的多媒体用户界面以及完成复杂的计算。它还提供了装载和显示图像的方法，以及装载和播放语音片断的方法。 * JavaAapplet是一种基于窗口的程序 JavaAapplet是由事件驱动的。一个JavaAapplet类似于系列提供中断服务的子程序的集合。 在事件发生之前，JavaAapplet一直处于等待状态中。 一旦事件发生，JavaAapplet就会采取相应措施并迅速将控制权交给AWT。针对特定的事件作出相应的动作并把控制交给AWT的运行环境。 用户可以与JavaAapplet进行交互，而不是通过其它方式。这些交互被送至JavaAapplet，JavaAapplet必须作出响应的事件。 * JavaApplet在网页中实现放大镜的例子 applet archive=AnLens.jar code=AnLens.class width=320 height=256 param name=credits value=Applet by Fabio Ciucci param name=distdval value=10 … /applet AnLens.jar是JavaApplet的源文件。其效果如下图。 * * 4．服务器端脚本语言 目前流行的三大服务器端脚本语言是ASP、PHP、JSP。 ASP（Active?Server?Pages），是一个Web服务器端的开发环境，?利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序。 PHP（HyperText Preprocess）是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C、Java和Perl语言的语法，并耦合PHP自己的特性，使Web开发者能够快速地写出动态生成页面。 JSP （Java?Server?Page）是Sun公司推出的新一代站点开发语言，它完全解决了目前ASP，PHP的一个通病—脚本级执行。JSP可以在Servlet和JavaBeans的支持下，编写出功能强大的Web站点程序。 * 三大服务器端脚本语言 三者都提供在HTML代码中混合某种程序代码、由语言引擎解释执行程序代码的能力。在ASP、PHP、JSP环境下，HTML代码主要负责描述信息的显示样式，而程序代码则用来描述处理逻辑。普通的HTML页面只依赖于Web服务器，而ASP、PHP、JSP页面需要附加的语言引擎分析和执行程序代码。程序代码的执行结果被重新嵌入到HTML代码中，然后一起发送给浏览器。 * 8.8.2常用Web界面设计工具 页面编辑器 MicroSoft公司 的Frontpage Macromedia公司 的Dreamweaver Dreamweaver对于动态网页的支持特别好，可以轻而易举地做出很多眩目的互动页面特效。 Dreamweaver与Flash、Firework并称为Macromedia的网页制作三剑客。 辅助工具 AceHTML Pro 6.0—全功能的 HTML JavaScript 编辑器。 Antenna Web Design Studio—强大的可视化网页设计软件。 Easy HTML—简单的所见即所得的HTML 编辑器，有固定、类似浏览器的界面。 Easy