班级：
姓名：
学号：
指导老师：
              2012.6.19
[实验二:Web界面设计]
-商业网页的设计

一  实验目的和要求
1) 熟悉Web站点的信息交互模型和结构
2) 熟悉Web界面设计的基本思想和原则
3) 掌握Web界面设计的工具和技术
二 实验内容与步骤
(一) 实验内容:
要求根据Web界面设计的原则(html网页设计实验总结简洁、一致性、对比度)，进行Web界面规划、概要设计和设计要素的选择，利用一种界面设计工具(Dreamweaver / Frontpage)完成网页设计。
(二)实验步骤：
1)选择一种界面设计工具，并熟悉它；
2）针对一个具体的网站（学校、个人、公司）设计应用，进行Web界面规划和概要设计；
3）选择WEB界面设计要素，设计出网页
三 实验要素
该网页包括的模块有：
3.1快捷分类栏：能够将服装大致分类，使用户在使用时，缩短了寻时间，有利于提高效率。
3.2最火商品图片展览：将时下最流行，最时髦的商品图片作为网页的一个大背景，充分的展示该商品的魅力，吸引顾客的同时，也能达到美化网页的目的。
3.3广告栏：在网页的最上面，有一个横栏，是网页的一个广告栏，展示最优惠，最吸引人的信息。
除此之外，在网页的右上边，有快速搜索框，能让顾客迅速搜索到自己想要购买的物品。
再往下，就是整个网页的主体架构:各个模块分门别类
这些模块，已经基本可以满足用户的需求。经过美工、组合，就会形成下面的网页。
四 实验结果
五  总结
有以下的收获：
第一，对界面模型认识的提升
界面的基本单位是page，在web应用是，是由一个个的page，以及page之间的关系组成的。page之间的流转
有以下几种模式：页面流转模式、页面栈模式、非模态对话框模式。
这三种模式的特点：页面流转模式和页面栈模式是线性的；而非模态对话框模式是并行的第二，熟悉Web程序调试
Web程序分为两部分：Client和Server。Server端的调试已经很熟悉了，就是Java的调试；

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。