人机交互第7章Web界面设计概要.ppt

Dreamweaver 对主流技术的支持 （1）支持服务器环境。 支持如IIS、Aphache和ColdFusion等一些主流的服务器环境，满足不同的服务器环境开发要求。 （2）支持ASP、PHP和Java等主流技术。 可以支持ASP、PHP和Java等主流技术，可以在Dreamweaver中直接使用这些技术开发相关动态网页。 （3）支持数据库。 在Dreamweaver中可以直接连接到数据库。正确设置服务器环境后，通过Dreamweaver可以直接连接到数据库中进行动态网页的制作。 （4）支持多数的网页媒体。 Dreamweaver可以完美支持常见的网页多媒体格式，如图片、Flash影片、MP3音乐等，都可以通过Dreamweaver直接添加，并能够进行即时测试。 （5）网页发布系统。 Dreamweaver支持多种上传文件到服务器的方式，例如最常用的FTP上传文件方式。可以直接在Dreamweaver中选择和设置上传文件到服务器的方式，在Dreamweaver中完成所有的网页制作和上传发布的操作。 Dreamweaver的工作界面 启动Dreamweaver后，Dreamweaver的起始页面中提供了一些常用操作命令。可以直接单击起始页中的目标按钮完成相关的操作，如新建文件等操作。 右侧的文件面板会列出上一次编辑的文件所在站点，因为这里是第一次打开Dreamweaver，所以显示的是桌面。 启动Dreamweaver CS3后，单击起始页面中“新建”下的HTML，新建一个网页，进入到如图所示的Dreamweaver编辑界面。 改变工作视图 Dreamweaver中提供了3种视图：设计、代码和拆分。当要改变编辑视图时，只需单击对应按钮，即可转换到目标视图模式下。图中所示为单击“代码”按钮后切换到的代码视图。 7.8.3 Web界面设计新技术 Web 3D图形技术 语音Web技术 * 1.Web 3D图形技术 （1）Web3D虚拟现实建模语言VRML VRML是3D图形和多媒体技术通用交换的文件格式，它描述交互式的3D对象和场景。 它不仅应用在互联网上，也可以应用在工程和科学可视化、多媒体、娱乐游戏、互联网3D图形、教育、虚拟社区等领域。 由于网上传输的是模型文件，故其传输量大大小于视频图像。 * 虚拟法国巴黎凯旋门的3D场景效果 * 1.Web 3D图形技术 （2）Web3D图形实时渲染引擎 实时渲染引擎的作用是解释并翻译实施场景模型文件的语法，实时渲染从服务器端传来的场景模型文件，在网页访问者的客户端逐帧、实时地显示3D图形。 * 1.Web 3D图形技术 （3）Web3D图形技术应用 互联网上的交互式3D图形技术Wed3D正在取得新的进展，在互联网上有广泛应用，如电子商务、联机娱乐休闲与游戏、科技与工程的可视化、教育、医学、地理信息、虚拟社区。 * 两个Web3D的浏览的例子。 Web界面设计的评估 Web 界面设计的评估有其独特的特征。 为什么要对Web进行可用性测试 如果某个站点不好用，用户就不会再去用它。 * Web站点的可用性 可用性是指对用户来说软件或Web站点是否易用、高效和使人感到满意。 衡量可用性的5个方面： 易学性：当用户第一次使用设计时完成基本任务的难易； 有效性：一旦用户学习了这个设计，执行任务的快慢； 易记性：当用户一段时间不用此设计后再来使用，再次熟练的难易； 错误：用户会犯多少错误，这些错误有多大的影响，从错误中恢复的难易； 满意程度：使用这个设计让人感到何种程度的愉快。 * 常见Web交互设计错误 　交互设计从来都不是简单的事情。可靠的交互通常需要借助对用户行为的深入分析，然后有针对性的精心策划。可是随着新的技术和新的交互模式的不断涌现，事情就变得不是那么容易了。 * 常见Web交互设计错误 过度的创意 　　网页设计师 绝对不缺少创意。我们希望借工作表达自己，也一直在试图寻找能让产品脱颖而出的优秀创意。但是当涉及到交互设计的时候，推陈出新并不一定总是好的，它甚至 会对你的网站和产品产生不利的影响。 * 常见Web交互设计错误 令人迷惑的交互 　　“不要自作聪明”的规则也应当应用在导航设计上。一些设计师试图运用别具一格不同寻常的名称。 * 常见Web交互设计错误 杂乱无章 设计师试图将所有的内容全都塞到一个页面当中去。很多网站依然在犯这个错误 * 常见Web设计错误 要有对比度 　　对比度是构建视觉层次最重要的手段之一，也是让视觉元素吸引用户的绝佳方式。在网页设计中，对比度不仅仅是通过色彩来呈现的，尺寸控制、形状设计、位置调整也都能表现出对比度。 　 * 电子邮件服务，Usenet网络新闻组服务，文件传输服务，远程登录服务，电子公告牌服务