Web应用系统在浏览器的总体框架内执行，框架包括标题栏、菜单栏、按钮栏和URL地址栏。网页的设计一方面需要视觉艺术，另一方面需要软件开发技能。网页的设计主要包括表单和导航：
★表单
表单在页面中显示信息给用户，允许输入数据或发送信息组合给服务器处理并显示结果。表单由可以输入信息的域组成，使用各种控件可以使数据输入简单（如：下拉或可输入列表框、多选或单选按钮），表单也可以由标签夹、自制表格和消息显示框构成。
表单域的设计一般遵循以下准则：
·决定域的类型，是否允许使用任意文本？是否只限于预定义的值？是否为必填项？
·确定域的适当大小，通常情况下，域框架的大小与域的长度相同。
·确定域的对齐方式，要么左对齐，要么右对齐（左对齐适合域长度不同的情况）。
·制定域值的对齐方式，文本居左，数字居右。
·在区域内提供键盘和鼠标的跳转顺序，从左到右，从上到下。
·将长表单改成多个分割的表单或确保没有“假底部”（在域之间没有任何可视的指标，这种设计会使用户以为已经到达了表单底部），通过视觉上有吸引力的方式对域进行分组。
·确保对任何有限制值和所需要的域有明确的视觉提示：如身份证号后或提示“请录入15或18位的身份证号”。
·尽可能使用下拉列表。但当列表项中的内容太多，以至于在下拉列表中无法显示时，用带有滚动条的弹出列表来代替下拉列表。
·如果可能，请使用复选框和单选框（这些有助于防止数据输入错误）。
·明确区分用户可编辑信息与不可编辑信息。
★导航
Web应用程序之间的导航要精心策划，无论是直观的还是页面上的导航面板，导航都必须有明确的用户可以理解的逻辑，才不会使用户在网页的“超空间”中迷失。
导航风格应根据Web应用系统的复杂性不同而不同。如：基于交易的商业应用倾向于强加页面中工作流的活动顺序，在初始阶段，当用户查找产品时，允许用户进行探索；但在后期则引导用户付款。导航分为好几种：
?菜单和链接
菜单和链接是网页之间导航的2个主要工具，它们都有类似的功效。链接的功效是进入另一个页面；菜单的功效也是移动到另一个页面，但偶尔菜单项可以在呈现另一个页面时做一些附加的处理，另外是菜单可以分层。
菜单通常可以分为顶部菜单、左手菜单、右手菜单这3种。顶部菜单通常用于整个网站的导航；左手菜单用于导航到网站控制之外的网页；右手菜单显示网站范围内的网页。对于左手菜单和右手菜单如何来决定，关键看用户首先看到网站的哪一部分。目前大部分的用户习惯是先查看页面的左边。
?面包屑和导航面板
面包屑和导航面板的主要功能是报告信息，而不是方便页面间的移动，它们提供了当前页所在位置的可视化，并用于导航到此页。
面包屑区域通常放在页面的顶部，刚好在顶部菜单下面。它是由一组链接标签组成，用于告诉用户他们的当前位置。导航项会随着用户在页面之间的导航页改变，通常情况下，它们还允许用户后退到以前访问过的页面。
导航面板与面包屑类似，但它更常应用于交易应用系统，显示一个交易工作流程的所有步骤，且除非取消交易的进行，否则不允许移动到以前的步骤。通常情况，由前面页面的动作按钮导致工作流程中页面的向前移动，而不是点击导航面板。
?按钮
在Web应用系统中，菜单只用于导航目的，而按钮是调用动作的主要工具，在按钮按下之后需要做一些事情。
按钮的设计一般应遵循以下准则:
·如果按钮被放置在一个相关的按钮组中，且它们的文字数量相差不明显，则它们的大小相同。
·把它们一起放在页面的按钮区域上，与输入数据的区域分开。
·如果网页比窗口长，则在顶部和底部重复放置相同的按钮。
·谨慎放到框架标签上，区分应用于个别标签的动作和应用于整个框架标签的动作。
·准确命名以告诉用户将触发的动作。
·编程时注意用户多次点击的动作。
由于设计师不一定认识网站或Web应用系统的观众，因此，设计必须具有适应性，需要考虑到不同用户的需要、兴趣、技能和偏好。
治好白癜风需要多少钱北京专业治疗白癜风的医院