学生宿舍管理规定中南民族大学宿舍.docVIP

学生宿舍管理规定-中南民族大学宿舍 中南民族大学——web 中南民族大学 计算机科学学院 课程设计报告 课 程 网站设计与管理 题 目 个人网站设计 年 级 2013 专 业 计算机科学与技术 学 生 学 号 指导教师 夏梦 2014年 12 月 日 课程设计任务分配表 组内分工主要包括：网页布局、图片处理与动画设计、网站前端程序设计与开发、网站后台数据库设计、网站服务器端程序设计与开发、网站测试与优化等。 个人网站设计 一 目的 通过做个人网站的课程设计，自己和团队成员合作完成一个个人网站的建设和发布，培养自己的团队合作能力。制作的个人网站用于个人展示，展示的内容分为浮生、日记、个人档、时光轴、相册、留言板和音乐。通过这些内容的展示，向他人呈现一个鲜活的个人形象。 二 需求分析 1、功能需求分析 1）、网站的功能模块： ①主页，②浮生，③日记，④个人档，⑤时光轴，⑥相册，⑦留言板，⑧音乐 2）、确定各个模块的主要功能： ①主页：该界面为欢迎界面，是访问网站的门户。 ②浮生：这是制作者用于放一些装逼的东西的页面。 ③日记：是自己文章的展示平台，让文章流露自己的思想和情感。有可能会让别人产生共鸣。 ④个人档：向别人展示自己的一些个人信息，联系方式，爱好和特长等。让别人对自己有一个基本的了解。 ⑤时光轴：把自己过去的美好时光展现给大家。 ⑥相册：展示自己的照片和自己收藏的照片。 ⑦留言板：有想跟进一步了解我的情况或对我网站上的东西很感兴趣，请给我留言。 ⑧音乐： 2、非功能需求分析 1）页面的风格：彰显个性，唯美自然。 2）所需素材：自己选材。 3）Logo：网站有自己的logo，banner在主页显示。 4）色调：采用稍微鲜艳的颜色，色调柔和。 3、平台需求分析 使用MyEclipse工具 + Tomcat服务器+Mysql数据库 来搭建网站 三 概要设计 1、网站的层次结构 2、网站的主页设计概要 主页最上方放置导航条，导航条两侧为颜色块，中间为导航模块，分别为：主页、浮生、日记、个人档、时光轴、相册、留言板、音乐。 主页下方主要分为四个模块，左上方为个人喜爱的图片展示，左下方为一些链接，右上方和右下方为一张个人图片和四个个人模块，四个模块为：IOS，Web，C++，LOL。 四：详细设计 1） 环境搭建 ? 安装MyEclipse、MySQL、Tomcat； ? 打开MyEclipse ,将Tomcat 服务器整合到MyEclipse上。 2） 工程创建 ? 新建一个工程，命名为MyHomePage； ? 在WebRoot目录下添加一个image目录，用来放置所有的图片资源； ? 在WebRoot目录下添加一个js目录，放置所有的js函数； ? 在WebRoot目录下添加一个Styles目录，用来放置所有的css样式表； 3） 创建页面 ? 创建index.jsp,用于编写网站主页的代码； ? 创建essay_display.jsp,用于文章展示 ? 创建LiuYan.jsp,用于编写留言板 ? 创建Procc_liuyan,jsp,用于处理留言板的留言 4） 资源添加 ? 将网站所需的图片资源添加到image文件夹下； ? 将所需的js函数加入到相应目录中； ? 将所需的css样式加入到相应的目录中 5） 主页编写 1.导航栏 此板块使用class“DaoHang_mode”来标记div元素，class“DaoHang”用于标记导航栏的的详细内容，class“DaoHang_radious”用于标记元素，是元素的四角为圆角，具体css样式表如下： .DaoHang_radious{ width:810px; //设置宽度 height:35px; //设置高度 background-color:#900; //设置背景颜色 padding-top:3px; //设置上内边框 border-radius:5px; //设置圆角 box-shadow: 0px 0px 100px #FFF; //设置 阴影 position:absolute; //设置 相对定位 margin-left:300px; //设置左外边框 margin-top:5px; //设置上外边框 } .DaoHang_mode{ width:1339px; height:45px; background-image:url