12.4

B/S结构用户界面设计

 

【实验编号】

10003809548j 　　Web界面设计

【实验学时】

8学时

【实验环境】

l 所需硬件环境为微机；

l 所需软件环境为dreamweaver

【实验内容】

设计一个B/S结构的网站页面，能够实现网上商城的功能

 

【关键步骤】

1. 首先进行页面设计，想好一共需要做几个页面，之间的联系是什么，有什么共同点。
2. 先进行首页的设计，规划好布局。
3. 然后做导航栏，内容等；
4. Logo的制作，还有小图标等，都是找到艺术字然后进行ps加上一些合适的花纹；
5. 一些细节方面的修改；
6. 最后是页面间的联系，跳转。
7. 最上面和最下面的标题栏和最下面的版权栏都是统一的。

 

【程序运行截图】

 

 

 

 

 

 

 

【实验体会】

在设计信息架构时，合理组织内容，使用易于导航的布局，确保用户能够快速找到所需信息。

统一性：保持设计的一致性，包括颜色、字体、按钮风格等，以提升用户的辨识度和使用便捷性。