- 86
- 0
- 约8.69万字
- 约 295页
- 2018-08-29 发布于湖北
- 举报
学生宿舍管理规定中南民族大学宿舍
学生宿舍管理规定-中南民族大学宿舍
中南民族大学——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
您可能关注的文档
- 高速公路交通安全设施设计及施工技术规范jtj07494reiuaj_3.doc
- 高边坡专项施工技术方案rf0n7epn.doc
- 高速公路冬季施工专项安全方案dyyu7pxj.doc
- 高速公路冬季施工方案gajhzfez.doc
- 高速公路工程冬季施工方案9niw0v6g.doc
- 高速公路安全生产事故隐患排查治理办法3wtxysaj.doc
- 高速公路合同段预制箱梁施工方案vfoc8cci.doc
- 高速公路天桥拆除施工技术方案btycgvcs.doc
- 高速公路建设工程防地震专项应急预案glt8qtlk.doc
- 高速公路扩建工程新旧沥青路面拼接及旧路病害处治技术33dbz8t6.doc
- 2025年全国演出经纪人员资格认定考试试卷带答案(研优卷).docx
- 2025年全国演出经纪人员资格认定考试试卷完整版.docx
- 2025年全国演出经纪人员资格认定考试试题库及完整答案.docx
- 2025年全国演出经纪人员资格认定考试试卷完美版.docx
- 2025年全国演出经纪人员资格认定考试试卷含答案(实用).docx
- 2025年全国演出经纪人员资格认定考试试卷及答案(各地真题).docx
- 2025年下半年内江市部分事业单位公开考试招聘工作人员(240人)备考题库附答案.docx
- 2025年全国演出经纪人员资格认定考试试卷及答案1套.docx
- 2025年下半年四川成都市郫都区面向社会引进公共类事业单位人员2人备考题库最新.docx
- 2025年下半年内江市部分事业单位公开考试招聘工作人员(240人)备考题库附答案.docx
最近下载
- 人教版生物学选择性必修3全册教学课件.pptx
- 桑黄编制说明.doc VIP
- 2025年重庆市中考物理试卷真题(含答案解析).docx
- 数学试卷【新高考I卷】【山东卷】【高考真题】山东省2025年山东省普通高等学校招生全国统一考试(新I卷)(6.7-6.9).docx VIP
- 《上下五千年(六)》青少年教育文学丛书.pdf VIP
- 高考评价体系下基于核心素养素养2020年高考化学后期复习策略讲座.ppt VIP
- 《海上风电场工程风电机组基础设计规范》.pdf VIP
- 数学试卷答案【新高考I卷】【山东卷】【高考真题】山东省2025年山东省普通高等学校招生全国统一考试(新I卷)(6.7-6.9).docx VIP
- 复变函数1省公开课金奖全国赛课一等奖微课获奖课件.pptx VIP
- 316L 不锈钢收缩率实验报告.docx VIP
原创力文档

文档评论(0)