迎新网网站设计与制作说明书全体记得加上个人总结Word文件下载.docx
- 文档编号:16361366
- 上传时间:2022-11-23
- 格式:DOCX
- 页数:23
- 大小:2.78MB
迎新网网站设计与制作说明书全体记得加上个人总结Word文件下载.docx
《迎新网网站设计与制作说明书全体记得加上个人总结Word文件下载.docx》由会员分享,可在线阅读,更多相关《迎新网网站设计与制作说明书全体记得加上个人总结Word文件下载.docx(23页珍藏版)》请在冰豆网上搜索。
包含Apache、php和mysql等必备软件。
(2)Discuz!
:
社区论坛软件系统。
(3)夏日CMS后台管理系统。
(3)Photoshop:
主要用于网站页面的设计,美工和切图。
(4)Dreamweaver:
主要是用于网站页面编程、修改。
1.4小组成员分工
本小组成员有:
根据前期的讨论以及每个成员本身的特点,我们的分工如下:
指挥协调:
杨吉祥
页面美工:
易田、王锐
静态页面编写:
顾鹏程、陈灿坚
动态页面编写:
资料收集:
全体成员
资料整理和策划:
高理
2网站的开发设计
2.1PHP环境配置
1.采用的组合:
操作系统:
Windows
服务器:
Apache
脚本语言:
php
数据库:
mysql
2.Windows下安装方式(几种选择)
·
Appserv·
phpStudy·
Wamp·
Xmapp
我们这里采用Appserv来安装
3.1到Appserv的官网
3.2双击运行appserv-win32-2.5.10.exe文件
3.3点击Next,在点击“Iagree”出现以下对话框。
选择安装路径,点击下一步
3.4勾选所有选项,点击下一步
3.5先后根据自身情况填写如下内容
3.6完成安装.查看安装目录,会有以下文件
2.2熟悉网站管理系统的基本操作
2.2.1熟悉主页面
主页面分首页、全局、界面、内容、用户、门户、论坛、群主、防灌水、运营、应用、工具、站长、ucenter几部分。
由于我们的迎新网的后台只需要用到用户,界面,全局,论坛几部分,所以这里主要是熟悉这几个版块的基本操作。
(1)全局页面,选中全局页面的站点信息,出现如下界面,在站点名称中输入网站的站点,在网站名称中输入本网站的网站名称,在网站URL中输入网站的URL地址,管理者邮箱中输入管理者的邮箱地址。
(2)界面版块,选中导航设置,出现如下界面,在这里,你可以设置你的主导航,顶部导航,底部导航,快捷导航和家园导航。
按照你的导航顺序,可以分别添加网站的导航,并选择二级导航的样式为菜单导航,链接框里输入该导航页面的URL地址即可。
并设定首页,可用处全部设定为可用
(3)用户版块。
用户版块的主要功能有:
用户管理,添加用户,用户栏目,资料统计,发送通知,发送手机通知,用户标签,禁止用户,禁止IP,积分奖惩,审核用户,管理组,用户组,推荐关注,推荐好友,资料审核,认证设置。
其中,我们最常使用的功能有用户管理、添加用户、审核用户,下面是点击添加用户后扥页面,主要是输入用户名,输入密码,输入E-MAIL和选择用户组。
完成后,点击提交,就完成添加。
(4)论坛版块主要是版块管理功能的操作,添加和删除论坛的版块。
可以设定版块的顺序和版块的名称。
(5)然后是网站管理系统的申请成为用户的操作。
打开管理中心的用户申请界面如下,输入已经经过用户名和密码,设置提问和回答,然后提交等待审核,审核成功后,就可以成为网站后台管理系统的用户,对网站进行管理。
(6)然后我们网站的后台管理系统在此引进了一个新的留言板在其中,方便对教师信息版块的对教师的留言的管理,界面如下,
选择留言管理,出现如下画面,可以对前台的留言进行回复,删除,锁定,解锁,和审核的管理,
因为是单独的留言管理系统,所以这里需要单独的留言板管理的登录,只需要输入用户名,密码和验证码就可以登录。
2.3本专题网站的规划
2.3.1网站模块分类
除了首页外,有入学须知、走进理工、理工攻略、菜鸟晋升、教师推荐、交流天地、二手市场七大个版块,由于时间问题,我们主要做出我们网站的特色内容版块:
入学须知、走进理工、教师推荐三大版块,其余版块从略做起。
在入学须知版块,我们按时间顺序,分12个子版块,以时间轴的形似分别呈现内容,它们是:
新生到站,博学广场,宿舍,注意,军训装备,军训科目,军训贴士,英语分班,四级,双学位,生活贴士,和升升须知。
以帮助新生快速了解自己在入学的近段时间内应该做的事情和需要注意的内容。
以适应大学的生活,不会感到茫然。
在走进理工版块,我们按类别,对理工的各个方面分类,他们是学校简介,历史沿革,学院设置和院系介绍四个方面。
帮助大一新生了解我们武汉理工大学的方方面面,从而融入到武汉理工大学中来,让他们意识到,作为一名理工人,是一件光荣而自豪的事情。
在教师推荐版块,我们主打选修课的教师推荐,因为大一新生在刚开始选课时会感到迷茫,面对这么多的课程和老师,会无所适从,不知道选择什么课、什么老师。
一方面是因为他们对选修课不了解,另一方面是对自身的不了解,在这种时候,性格开朗的同学可能会去找学姐学长寻求帮助,但是对于一些性格比较内向的同学,他们不好意思寻求帮助,就只能自己瞎选,乱选。
所以我们推出了评星级的教师排名,教师和课程的介绍,以及对教师的评价,帮助新生理解选择。
还有搜索功能,既可以按课程分类搜索,也可以直接输入关键词搜索。
也可以自己对上过的选修课老师进行评价打分。
对于略作的版块,我们的前期设想是:
理工攻略:
按衣、食、住、行、玩为内容,以地图的形式呈现。
方便新生更好的学习生活。
菜鸟晋升:
分学习和社团活动两大类,让学生不仅学习学的好,课外活动生活也丰富多彩,在快速的提升自己的学习素质的同时,也提高自己的综合素质能力。
交流天地:
这个版块的设定主要是为了老生和新生之间,新生与新生之间的经验交流。
可以自己发帖提问,也可以看别人的帖子或解答,或旁观学习。
二手市场是针对我们理工大学的毕业生而专门设计的版块,因为每年的毕业季,很多的大四学生都低价处理自己的不在用到的物品,如学习用具、书本等,而新生刚好可以利用这个机会低价购买自己想要的物资,双方互利。
在此我们提供信息的发布平台,按校区,按物品分类,呈现物品,你既可以发布信息,也可以在此搜索自己想要的物品。
然后再交易双方私下交易。
方便实惠。
2.3.2网站页面设计
我们按照分好的频道版块,分别对每个页面进行设计,以下就是我们设计的内容版块的页面,首先是首页和二级内容版块页面:
网站的首页设计为logo和登录注册和导航栏为首部,网站的相关信息块为底部。
中间部分为滚动的图片,没长图片对应一个本网站的特色版块内容,相当于广告的作用。
网站首页
入学须知版块的首部和底部与首页一样,中间版块为以时间轴为指导的12个子内容版块。
分别呈现相关内容。
点击readmore还可以放大显示,浏览该内容版块的详细信息。
入学须知频道页
走进理工页面版块的首部和底部与首页一样,主体部分为一个页面呈现全部内容,设计内容导航,添加锚点,试浏览页面更方便。
走进理工频道页
教师推荐版块,版块的首部和底部与首页一样,主体部分分为上下两块。
上面版块为选修课按评分排名前的推荐教师,也可以点击查看排行榜看教师排行,或者点击我要评教对自己想评价的老师进行评价。
下面版块为课程的分类。
教师推荐频道页
交流天地版块的首部和底部与首页一样,只是登录不是为字,而是直接的登录框。
主体部分为按类别分的帖子,也可以搜索相关的经验贴,或者回复他人的帖子进行交流。
交流天地
二手市场版块的首部和底部与首页一样,中间为搜索框和商品分类和滚动栏。
下面部分为最新发布的商品信息。
二手市场
再下面是三级页面。
三级页面主要是教师推荐版块的页面。
教师分类版块的页面,首部和底部和首页一样,主体部分只要是快速搜索框,左边是教师的类别,右边是课程教师信息。
教师分类
教师排行版块的首部和底部与上一样,左边是教师的分类,右边是排行榜,排行有综合排行、给分高低排行和课堂效果排行,点击就可查看。
教师排行
教师信息版块的首部和底部与上一样,主体部分为,教师的课程简单信息,包括评分,然后是教师简介和课程简介。
下面是我要评定和别人的留言。
教师信息页面
然后是登录注册页面
登录注册页面采用的是极简风格,就是背景加登录框和注册框
登录框
2.3.3数据库的添加
(1)从网站管理系统打开数据库,如下页面
(2)在创建一个新的数据库下面找到导入“import”选项
(3)点击IMPORT出现以下页面,点击选择文件,找到事先放好的数据库文件的.sql文件导入,然后点击执行即可
(4)然后在如下的画面中进行数据管理工作
3实验过程中遇到的问题及解决方法
在整个实验过程中,我们小组遇到了很多问题,在老师、同学以及小组成员的齐心帮助下都得到圆满解决。
3.1实验过程中遇到的问题
(1)如何体现与其他迎新网的差异;
(2)任务时间安排不合理;
(3)组员会编程的不多;
(4)后台的实现困难;
(5)网站内容版块过多,由于时间问题导致能实现的功能模块不健全;
(6)要实现动态查询困难。
3.2问题解决的方法
推出我们网站的特色版块,区别其他迎新网。
我们的迎新网以学生为中心,致力于打造一个能让理工大学新生快速成长为一个合格的wuter的平台,特色版块有理工攻略(主要提供出游信息)、教师推荐(公选课教师推荐,并可评分)、二手市场(提供二手物品售卖信息),相比学校官方的迎新网,我们更加接地气,更多地站在学生的角度考虑问题。
最重要的是,我们的网站简洁明了,比同类的其他网站,使用时更方便,可读性强。
因为是第一次做网站,具体流程不太清楚,造成时间安排方面可能不尽合理,针对这个问题,我们采取的方法是继续查阅资料,进一步了解建站流程及合理的时间安排,在操作过程中结合实际进行完善。
而且由于分工时对大家的能力都不太清楚,造成在做的时候效率不高的问题,于是便小组聚集在一起,一起讨论着做,效力提高很多。
这个问题是我们小组最大的问题,因为不会编程进行代码实现,再好的网站也不可能做出来。
针对我组成员编程水平不高的问题,我们商讨后决定指定两名据有一定编程水平的同学继续深入学习,主担程序编写事宜。
其他成员辅助进行做好其他事宜。
(4)后台的实现困难
由于我们对后台语言还一无所知,所以学习是不可能了,在这种情况下,我们只能尽量把静态页面编写好,以形成我们的竞争优势,而且我们也找了一些开源的系统来实现我们网站的交互和管理。
如:
我们小组是利用开源系统Discuz!
建设“交流天地”模块
1.去下载论坛程序,然后安装
2.对它的素材、样式、代码等进行修改、替换,以达到我们的期望
3.做好与其它页面之间的链接。
(5)网站内容版块过多,由于时间问题导致能实现的功能模块不健全
因为时间和精力问题,我们不能把我们网站的每一个功能版块都实现,接受老师的建议后,我们毅然放弃了原先设定的两个模块,把重心放在了“教师推荐”模块上,但是其中的搜索和筛选功能还没有实现,我们最后在网上找一些相关的开源代码进行研究学习,再结合我们的网站编写代码以实现搜索和帅选功能。
由于没有后台管理,所以动态查询实现困难,目前我们只能在网上寻找开源的后台管理系统代码进行实现简单的操作,如注册登录等。
但是由于是别人的代码,我们也不知道怎么改才合适,就将就着用着。
4总结
小组总结:
本次的课程设计我们小组经过两次讨论,最终确定主题为迎新网。
小组成员们结合自己的经验谈了自己的想法,提出我们在刚刚入学时因为不熟悉学校情况而四处碰壁。
新生们急需一个针对新生的实用信息库和交流平台却苦于无门。
根据此迫切需求,我们初步确定了迎新网这个主题。
为了确认其必要性和可行性,我们的小组成员进行了进一步了详细的讨论分析。
我们在分析其存在的必要性时跟其他相关网站进行了对比分析。
首先,我们对XX贴吧进行了对比分析。
XX贴吧是一个典型的论坛,论坛的特点在于信息量丰富和回复有针对性而及时,但弱点在于可信度不高和缺乏系统性。
针对XX贴吧的利弊,我们提出了本网站的优势。
本网站吸收了XX贴吧的优点,我们在网站上设立一个版块叫做交流天地,这是一个简单的论坛。
同时我们避免了XX贴吧的缺点,我们在其他版块对新生的在入学及成长过程中所可能遇到的问题和注意事项进行了整体而系统的介绍。
接着,我们还对学校的官方网站进行了对比分析。
学校的官方网站全面介绍了学校的各个机构、规章、历史、组织、行政、重大新闻等内容。
经过仔细分析,我们发现学校的官方网站的优点在于:
信息全、准确性高、官方、无感情倾向、客观。
缺点在于:
太过于官方,也太过于宽泛;
站在学校的角度,没有贴近学生的日常生活,跟学生有距离感;
主要以文字介绍为主,长篇大论让人难以提起兴趣去认真阅读;
版面设计太死板,不够灵活;
首页文字太多,给人烦乱的感觉,不够简洁,不太符合人的阅读习惯。
针对学校官方网站的优缺点,我们也提出了本网站的优势。
我们吸取了学校官方网站的优势,我们整理了学校官方网站上的有关资料,放在理工概况模块,对学校的各方面信息进行了整体介绍,保持了其准确性和客观性。
为了避免文字过多我们进行了缩略和删减分区,使得信息更加具有易读性。
我们避免了学校官网的各种缺点。
我们的网站风格较为活泼,内容具有针对性,我们只针对新生在开学以及成长过程中所遇到的典型问题,避免了选题大而无当。
整个网站都从学生的视角出发,贴近学生的日常生活,给学生以亲切感,符合学生的思维习惯。
我们的迎新网的主要是由简短的文字和极富有美感的图片组成,简洁而活泼,详略得当,重点突出,能够吸引学生的阅读兴趣。
我们的版面设计走的是简洁而明快的风格,比如主页主要有导航栏以及图片和少量的文字,入学须知则十分灵活,用12个矩形小贴士来标注每个时间段的注意事项,学生可以点击时间轴灵活选取。
这样的处理让本网站十分符合人的阅读习惯,让浏览者保持愉悦的心情。
在进行可行性分析时我们主要分析了小组成员的技术水平。
我们小组的两位女生:
易田和王锐,两人都了解PS的基本相关技术,在美工上面是没有太多问题。
杨吉祥和顾鹏程则在代码技术上有所研究,经过大概分析,在主要代码上没有太多问题,但在少数技术如搜索功能的实现上存在问题,但这个可以通过学习克服。
总体来说代码可以实现。
陈灿坚同学在PS和代码两个方面都有一定水平。
高理同学则擅长策划和演讲。
综合小组成员的能力,我们认为我们的网站是可以实现的。
因此在迎新网在可行性方面也过关了。
确定了题目之后我们确立了网站的基本内容模块。
经过激烈的讨论,我们最终得出了如下结论。
我们网站是主要内容模块有入学须知、理工概况、理工攻略、菜鸟晋升计划、教师推荐、交流天地和二手市场七大版块,其中以菜鸟晋升、交流天地、教师推荐和二手市场为主要特色。
每个版块的详细内容以及风格如下:
入学须知:
我们小组对入学须知的设定是解决新生最迫切的需求。
入学须知模块是导航栏上的第一个内容模块。
点击进入入学须知模块,呈现的是新生入学后的经历的流程以及简短的提示。
我们按照时间顺序排列,从新生入学的第一件事开始逐步延展。
我们用12个矩形小贴士的形式呈现每个小建议。
12个版块上主题分别是:
新生到站-博学广场-宿舍-报到注意-军训-军训科目-军训贴士-预防中暑-英语分班-英语过级-转专业-双学位。
点开每个小页面都可以动态呈现出一个较大的框,里面是每个版块的详细介绍。
理工概况
这个模块我们需要借鉴武汉理工大学官方网站的长处,我们决定将武汉理工的介绍进行缩略和加工,使内容符合本网站的风格。
使得该页面集详尽与活泼与一身。
教师推荐
每个评价都会进行审核。
下面版块为课程的分类,即选修课的五大分类。
一个小型的论坛,用户可以在这里面进行针对性提问和发言。
这里可以实现新生和老生,新生和新生以及老生和老生之间的无障碍交流。
二手市场:
这是一个闲置物品交换的平台。
我们考虑到每当毕业生的毕业时,都会有一大批的闲置物品,有很少部分毕业生会将其摆摊出卖,而学校允许摆摊的时间有限且毕业生也时间有限。
所以我们打算做一个中介平台,毕业生随时可以发布闲置物品出卖信息,而这些东西又正好是初来乍到的新生所需要的。
因此,我们的二手市场可以发布和获取闲置物品信息。
我们在二手市场设计了搜索框和粗略的分类,便于查找。
除此之外,本迎新网的登录注册框也有简约风格。
登录注册框均已自然凤舞图片为背景,除此之外是登录注册框和按钮等。
基本内容模块确定了之后,我们进行明确的分工。
根据小组成员的擅长领域,我们进行分工如下:
易田和王锐在PS方面技术过关,且有较好的审美观,因此作为小组的美工人员和总的风格监督。
顾鹏程和陈灿坚在代码方面有一定的造诣,但没有相关实践经验,因此作为静态页面代码编写员。
而杨吉祥同学是我们的组长,有过制作网页相关经验且代码方面技术还不错,因此杨吉祥同学担任了我们小组的动态页面编写员。
此外,作为组长,杨吉祥同学负责协调分工和指挥。
高理同学擅长策划和资料整理以及演讲,因此,高理同学主要负责出点子,策划,整理改编资料,以及准备每次报告的PPT。
进行了明确的分工之后,我们还对整个工作流程的时间进行的预安排:
第一步:
全体成员收集相关资料。
(1天)
第二步:
美工组易田王锐开始构建网页框架。
同时高理开始资料的整理和改编,将整理好的内容发给美工组。
(3天)
第三步:
静态页面的编写:
顾鹏程和陈灿坚根据美工组的框架编写静态页面代码。
(时间待定)
第四步:
动态页面的编写:
杨吉祥编写动态页面的代码。
在进程中,考虑到时间紧迫性,我们还对最初的设想进行了调整。
根据最初的设想,我们网站是主要内容模块有入学须知、理工概况、理工攻略、菜鸟晋升计划。
教师推荐、交流天地和二手市场七大版块,其中以菜鸟晋升、交流天地、教师推荐和二手市场为主要特色。
但在后期,为了突出特色,我们小组一致决定将重心转移到三大特色版块,而放弃了理工攻略和菜鸟晋升计划的建设。
在网站建设过程中我们还遇到了不少问题和瓶颈。
在美工过程中,我们面临的问题主要是配色。
最初的会议中我们力求简洁清新的色彩搭配,确定了红白搭配的基调,配合迎新的喜庆和页面的简洁。
但在美工过程中,简单的红白搭配显得很单调,甚至是低端。
后来,我们参考了其他网站的配色,保留了原有的红白配,并在白色基础上加了各种光效,最后才得以呈现网页上显示的那样。
在资料的收集整理过程中,我们遇到的问题主要是资料不符合网站风格而且过于冗杂。
经过信心的整理和改动后终于有所改观。
在页面编写过程中遇到不少技术问题,比如div块在编写的时候由于部分参数的错误就使其完全改变了预想的位置,而且有部分的代码在不同浏览器上显示的效果不相同,只能用其他的方式来重写。
不过在这个不断重复错误的过程中,我们学会了很多东西。
此外还存在协调的问题。
美工组与编程组之间存在不协调的问题。
一方面美工组的给出的网页版式图不精确,无法通过切图的方式确定各项内容的大小。
另一方面两组在审美观上存在的较大的不同,无法统一意见,致使部分页面的风格不一样。
我们通过不断协调,由编程人员统一了风格。
我们在课设过程中的关键几天中,全体小组成员在东院实验室一起待了好几天。
那段日子非常难熬,技术上存在不少问题,方向上也有所模糊。
大家都感觉到进退维谷,但是我们都没有轻言放弃,最终在坚持了好几天之后有了突破性的成果。
那几天小组各个成员都在埋头苦干,都顾不上去食堂吃饭,而那个阶段任务相对轻松的小组成员就为全组人员带饭。
全组人员都围在一起吃盒饭,那场景温馨而动人,我们痛并快乐着。
总之,在这个课设过程中,我们共同讨论,相互启发,在讨论过程中共同进步。
最后我们在不断协调中统一了意见。
课程设计过程中出现了不少问题,但我们齐心协力共同克服了困难。
在不断磨合过程中小组成员之间的变得越来越默契,我们在互相之间默契融洽的配合中换来了我们眼中最终完美的结果。
当网站最终完成的时候,我们都难以压抑自己心中的成就感和喜悦。
在共同艰苦奋斗的过程中,我们整个团队之间感情渐渐加深,越来像是一个家!
这次的课设让我们不仅收获了知识,还更多的是友谊和拼搏精神!
个人总结:
个人总结——易田
两个星期的课程设计一眨眼就结束了,原本以为一个星期就可以结束,结果做起来才发现,区区的两个星期时间,根本就不够,到最后也就只能实现一部分网站功能。
从开始做网站时的吊儿郎当的心态,到中间过程的全力以赴,再到最后时间段的着急和惋惜,感受颇多。
在本课程设计中,开始的分工是我和王锐负责美工部分,组长杨吉祥和顾鹏程、陈灿坚负责代码实现,高理负责数据库和后勤,但真正的做的过程中,是大家一起,相互协商做。
在分工完成后,小组在一起讨论了我们的网站主题,主题的确定过程并不顺利。
刚开始本来是说做武汉攻略为主题的网站,但是在第一次展示后,在老师的指点下,才发现我们的主题过于庞大,而且需要收集的资料非常多,短短的两个星期时间,对于经验和技术都不成熟的我们来说,根本不可能实现。
而且经过初步的了解才发现此类的网站已经非常多了,而且比我们的想象中还要全面完整,我们的网站不可能比别人做的好,没有优势,也没有必要。
所以第一个选题直接PASS掉了。
后来又开会讨论,不断的建议的完善,最终确定了以武汉理工大学新生为对象的迎新网站,为大一新生服务,帮助他们快速的成长,了解武汉理工的方方面面,明确自己在大学中应该做的事情,提供经验交流的平台,成长为一名真正的合格的大学生。
我的工作部分看起来比较简单,只需要将网站的页面用PS
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 迎新 网站 设计 制作 说明书 全体 记得 加上 个人 总结