网设计--综合项目实践实训项目

1、ij需会与衔升先大王天河4 Jiel CiufiQrig| MyWhnC hlarrfUi Livrul实验报告课程名称网页设计实验项目名称 网页设计综合项目实践班级与班级代码18网络工程实验室名称（或课室）网页设计专 业网络工程任课教师学 号：姓 名：实验日期：2019年 11 月 11日姓名实验报告成绩评语：指导教师(签名)罗东俊检查项目满分得分(1)需求分析：要求需求明确、 详尽。20(2)系统设计：要求系统架构清 晰，文件组织结构合理，开发 工具和开发方法恰当，数据存 储设计合理规范。设计详尽合 理，所采用技术和方法恰当。20(3)系统实现：环境搭建合理， 代码规范，包含必要的注释，

2、功能实现准确。30(4)实验总结：包括实验结果评 价，实验中遇到的主要问题的 分析与处理，要求评价合理， 问题描述清楚具体，分析透彻， 处理止确。20(5)报告版式：要求实验报告美 观，可读性好。10其他合计100说明：指导教师评分后，实验报告交院(系)办公室保存需求分析1.商品页面:此页面作用罗列商品，展示商品。对商品分类、标价。通过导航栏、搜索框、 焦点图、点击图片变大等使页面更生动便捷。2.注册页面：注册页只有蓝色背景,和登录页面相似,“简洁”小米商城让雷个人孽需科技的乐舞注册小米账号国亮旭E中国大咫手机号码清箱六手机号.登陆页面：登录页采用了头部只留logo和一点文字说明其余都是白色，

3、显示出简洁。中 问部分用了蓝色的少女图片作为背景，显示出年少的活泼，清新。尾部还是 首页的效果。整体效果是：“简洁、清新。”小米商城 “总个人享受川妹的乐趣.手机页：手机页用了焦点图，还有用图片介绍了小米 6手机小米手机6娈焦双想k拍人吏美制 ，由大再 II 19MM*/1匕可，.工片机的岁幅之作 修库，八大东n的发防小$* *围4A iti rtif n ，丸班愕舜龙号外 财看世咋密必力/恳 moa 出看一仃诙# &. 厂小隼f帆 ,旭*电设白川凯，在士可r粕人像情孑一曲， z .网曲嘶*增。黄时称收修附加t 心。卜情原舟讷中外工步出和平时一小未和a? KJI 7 , I打冰”的上（1.4事

4、；1门34也平7 t| ItK6M坦Ai*k 1史上HJ*（小四宋体）.（描述系统的功能架构及各功能模块的作用和页面效果。）二、系统设计（小四宋体）.（描述项目的系统架构、文件组织结构、开发和运行环境以及数据存储 结构，并配以详细说明。）1.系统架构设计.首页采用头部是黑色的背景，中间焦点图选用了红色的图片作为第一 张，左边的导航栏灰色的背景，最后尾部为浅蓝色为背景。总体的效果有 着商务化的感觉，红色代表新年要红红火火，应景。浅蓝色代表着小清新， 活跃气氛。.登录页采用了头部只留logo和一点文字说明其余都是白色，显示出 简洁。中间部分用了蓝色的少女图片作为背景，显示出年少的活泼，清新。 尾部

5、还是首页的效果。整体效果是：“简洁、清新。”.注册页只有蓝色背景，和登录页面相似，“简洁”。.手机页用了焦点图，还有用图片介绍了小米6手机。.文件组织结构.系统开发及运行环境Adobe Dreamweave前微软的 ExpressionStudid 系统运行环境是 WindowsXP 系统或者 Win 10系统,Win7系统,Linux系统,.数据存储设计5.详细设计.left a color: #CCC;display: block;width: 210px;text-indent: 2em;padding-top: 13.5px;padding-bottom: 13.35px;backgr

6、ound: #605750;链接伪类.left a:hover background-color: #eb1c12;a:link, a:visited color: #666;text-decoration: none;全局控制，清除样式body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, img margin: 0;padding: 0;border: 0;list-style: none;一浮动li list-style: none;float: left;）宽度，高度，边距，填充，居中.nav width: 1100

7、px;height: 50px;padding: 20px 0;margin: 0 auto;）三、系统实现（小四宋体）.（描述系统环境搭建过程，以及实现各功能模块的核心代码和作用）.系统环境搭建.各模块实现步骤四、实验总结在设计过程中，会有很多小问题：图片放位置放不不好；浮动代码、宽度 大小的问题，还有其他效果的问题。但小问题还是可以解决的。经过慢慢调试最后都 搞好了。网站的设计没有太多的技术含量，都是老师所教的知识没有去学习其他的知 识运用到网站设计上。通过这学期所学，懂得了基本的网站是如何设计的。勾起了对 网页的兴趣，浏览其他网页也会去看一下是如何设计的。（小四宋体）.（简述实验过程中碰到的问题及应对方法，并对本次实验过程提出感想，进而 升华为理性认识）提示