文档介绍：软件工程综合实践
实****报告
姓名
学号
班级
项目名称
个人网页
实****地点
J7-111
实****时间
-
实****成绩
指导教师签字
2017 年 7 月 18 日
软件工程综合实践生产实****报告
(1)熟练掌握jsp,css,script,用它们编写网页等。
(2)掌握Photoshop,利用它对图片进行修改切片等。
(3)提高编程能力,熟练地使用各种相关编程语言。
技术准备
系统开发平台:Sublime,Photoshop,WebStorm
运行平台:Windows xp/ Windows 2007/ Windows 2008
分辨率:最佳效果1024*768(600*768)
浏览器:火狐,谷歌
功能需求
根据用户需求,设计产品时有以下要求:
(1)PC
1)首页:显示用户头像,用户要求的导航栏(可以跳转到其他页面,如:我的图集、我的文集,我的简介,我的音乐),以及主轮廓上要有主图和部分我的图集中的照片。
2)点击导航栏跳转到我的图集界面:显示所有图片列表,可以进行上一页下一页操作,点击某张图片可进入显示这张图片的详情的界面。
3)点击导航栏跳转到我的文集界面:显示所有文章列表,可以进行上一页下一页操作,点击某篇文章可进入显示这篇文章的详情的界面。
4)点击导航栏跳转到我的简介界面:直接显示用户简介。
5)点击导航栏跳转到我的音乐界面:显示所有音乐列表,可进行上一页下一页操作,点击某首音乐进入显示这首歌曲的详情的界面(显示歌词和mv)。
(2)mobile
1)首页:手机端主要以图片为主,布局简洁合理好看,导航栏以图标的形式显示(点击可以跳转到其他页面,如:我的图集、我的文集,我的简介,我的音乐)。
2)点击我的图集图标进入界面:显示所有图片列表,可以进行上一页下一页操作,点击某张图片可进入显示这张图片的详情的界面。
3)点击我的文集图标进入界面:显示所有文章列表,可以进行上一页下一页操作,点击某篇文章可进入显示这篇文章的详情的界面。
4)点击我的简介图标进入界面:直接显示用户简介。
5)点击我的音乐图标进入界面:显示所有音乐列表,可进行上一页下一页操作,点击某首音乐进入显示这首歌曲的详情的界面(显示歌词和mv)。
总体设计
。
首页
我
的
简
介
我
的
文
集
我
的
图
集
我
的
音
乐
音乐列表
简介详情
文章列表
图集列表
图片详情
音乐详情
文章详情
系统功能结构图
页数
文章列表
详细文章
开始
结束
开始
结束
页数
我的图集
上/下一页
上/下一页
图片详细页
。通过主页点击我的图集或我的文章进入,即可显示文章和图片列表,通过列表条目可点进详细页面。
首页
我的音乐
结束
详情
页数
首页
我的简介
结束
返回
我的音乐流程图
。通过主页点击我的简介即可直接查看,若进入我的音乐则可以看见具体的音乐列表,通过列表条目可点进详细的音乐播放界面。
(1)PC
,用户进入的初始界面实现导航功能。
首页
,显示所有图片的列表,及从当前我的图集界面点击某图片进入的图片详情界面:
我的图集
,显示所有文集的列表,及从当前我的文集界面点击某条目进入某文档详情界面:
我的文集
,显示详细简介:
我的简介
,转到音乐界面,显示所有音乐的列表,及从当前我的音乐界面点击某条目进入某音乐详情界面:
我的音乐详情界面
核心代码(css样式):
***@charset="utf-8";/*保证中文不乱码*/
/*初始化所有界面保证不被初始化的样式影响*/
*{
margin:0px;
padding: 0px;
text-decoration: none;
list-style: none;
font-family