摘要：基于web的交互设计对web整体而言是一个举足轻重的环节。本文从交互设计的核心、特性和原则出发，阐述了基于web的交互设计流程，进而研究各种交互方式的设计细节，同时详细的论述了如何设计各种形式的菜单,及其在应用上的交互特点，并运用JAVAscript、asp实现了基于web的交互设计。
关键词：交互  界面  设计  菜单

Abstract ： Interaction design Based on the web has the pivotal link to the whole web.This article from the core, the characteristic and the principle which interaction designed embarks, elaborated interaction design based on the web flow, then studied each interactive way the
design detail, and how has the detailed elaboration designed each kind of form the menu interactive way by and its in the applicationinteractive characteristic, utilized each method to realize interaction design based on the web.
Key word：Interaction, Interface, Design, Menu

交互性的定义及交互设计的核心
交互性是一个新的词汇，但它其实是一种早已存在的现象, 从web作为信息传播的工具这个角度来看，不妨把交互定义为信息的互换、互动和反馈。
从交互的角度来讲，可以将互联网理解为一个学习者和其它学习者的知识之间的抽象界面。Web的交互设计是人与计算机交互方式的演变，是随计算机技术而发展的。从计算机诞生到现在，人机交互的方式从利用穿孔纸带输入计算机程序，发展到面对终端机上的字符操作界面，再到个人计算机上图形界面的多媒体。从发展的历程来看，随着技术的进步，交互方式越来越多地考虑到人的因素，日益朝着更友好、更便捷的方式发展。因此人性化的设计是web设计的核心，如何根据人的心里、生理特点，运用技术手段，创造简单、友好的交互方式，是web设计的重点。

目前交互设计已成为一门独立学科，交互设计的成功与否对网站教学起到了强大的推动作用。一个简单明了、注重一致性与趣味性、可靠性高与反馈性强的交互界面，是一个优秀的网络多媒体软件的必备条件。在交互设计过程中，还要根据教学对象和教学内容的特点，结合运用教学设计、建构主义等现代教学理论，才能制作出一个高质量的网络多媒体软件。这样才有利于教学内容的充分体现，有利于学习者对教学内容的获取，有利于摆脱时间和空间上的局限性，进行更深层次的学习。(星海毕业设计:www.helpsj.cn)

目录
摘要………….……………………………………………………………..3
Abstract ………….………………………………………………………..3
第一章 引言  ……………………………………………………………5
第二章 关于交互设计…………………………………………………...5
2.1交互性的定义以及交互设计的核心 …………………………………. 5
2.2基于网络的交互特性 ……………………………………….……….5
2.3交互设计的基本原则 ………………………………………………. 6
第三章 基于Web的交互设计流程 ………………………………….….6
3.1界面设计 …………………………………………………………. .7
3.1.1 前期规划 ……………………………………………………..7
3.1.2 网页界面的布局与结构 ……………………………………….8
3.1.3 网页界面的细节设计 …………………………………………9
3.2交互形式的设计 ……………………………………………………9
3.2.1菜单（Menu）实现 ……………………………………………9
     3.2.1.1 菜单概述 ……………………………………………...9
3.2.1.2 菜单应用……………………………………………...11
3.2.2 窗口（Window）……………………………………………...16
3.2.3 按钮（button）……………………………………………...17
3.2.3 导航（Navigation）…………………………………………17
3.3 交互系统—留言版………………………………………………….18
第四章 设计过程中的问题探讨和研究……………………………….19
 第五章 结束语…………………………………………………………20
参考文献………………………………………………………………..20