Web界面设计

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

课程实验报告专业年级课程名称指导教师学生姓名学号实验日期实验地点实验成绩教务处制20年月日实验项目名称Web界面设计实验目的及要求1)熟悉Web站点的信息交互模型和结构2)熟悉Web界面设计的基本思想和原则3)掌握Web界面设计的工具和技术实验内容要求根据Web界面设计的原则(简洁、一致性、对比度),进行Web界面规划、概要设计和设计要素的选择,利用一种界面设计工具(Dreamweaver/Frontpage)完成网页设计。实验步骤1)选择一种界面设计工具,并熟悉它2)对实验2的系统进行设计应用,进行Web界面规划3)选择WEB界面设计要素,设计出网页4)对web界面的布局、内容、风格、色彩等方面进行说明一、系统结构1.学生登录2、管理员登录学生登录主界面查看成绩修改信息退出登录二、系统设计1、数据库设计与实现针对学生成绩管理系统的需求,我们对数据库的设计要求如下:学生信息表:编号字段名称数据类型1姓名文本2密码文本3学号文本4电话文本5QQ文本6语文文本7数学文本8英语文本管理员登录主界面增加学生信息修改学生信息删除学生信息录入学生成绩修改学生成绩删除学生成绩管理员信息表:编号字段名称数据类型1姓名文本2密码文本3电话文本2系统界面设计(网页设计)首页采用框架格式,管理员登录与学生登录两个界面。学生登录成功后,会显示其主界面,修改密码信息、查看成绩退出登录查看成绩修改密码或信息管理员登录成功后增加用户如果用户名已存在,会提示用户名已经存在实验环境操作系统:Windows7;Web服务器:IIS6.1;开发工具:MacromediaDreamweaver8、Adobephotoshop;数据库:Microsoftaccess2003实验结果与分析界面描述:风格:普通登录界面,界面较为简洁。布局:自由式布局。由于界面内容较少,所以采用了自由式的布局。颜色:标题栏以白色为底,下面的登录界面内容以橄榄绿为底,色彩分明。标志:界面左上角设计有学校校徽的标志,右上角插入了一张学校的图片。内容:简单的登录式界面,直截了当,易于操作。通过这次课程设计,我不仅学会dreamweaver软件的基本步骤、基本方法,还学会了如何开发了自己的逻辑思维能力,培养了分析问题、解决问题的能力。教师评语注:可根据实际情况加页

1 / 8
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功