1、 兰州财经大学陇桥学院 信息工程系课程设计报告课 程 名 称:动态网页设计与实现 设 计 题 目:故乡情 系 别:信息工程系 专 业 (方 向):电子商务 年 级、 班:级(1)班 学 生 姓 名:刘晨晨 学 生 学 号:0680118 指 导 教 师:张鑫 12月30青春Happying一、网站设计背景青春很短暂却很美好。咱们青春里包括了太多美好东西。有亲情,那是咱们青春开始地方。有情谊,那是咱们青春里最宝贵东西。有爱情,有咱们青春有咱们最贵重东西。网页从咱们青春开始设计,让浏览者可以清晰结识咱们青春。二、 网站分析与设计(一)网站功能及规定1. 借助网站媒体支持能力, 为咱们青春各个人物、
2、事情做了最直观表达,达到宣传效果。2. 本网站定位于展示型静态网站,重点是让人们可以更主观理解咱们青春都包括什么,除却主页,其她五个页面都分别展示了亲情,情谊,爱情,贵重回忆以及咱们青春不散场等方面。以便浏览者浏览,期间有大量图片,尚有触动人心故事,让浏览者浏览过后可以对网站留下深刻影响。(二)网站模块构造设计 通过对青春各个方面分析,为了让浏览者更简洁看到效果,我对每一种网页导航做了简化解决,每一种网页导航都相称简洁。在设计方面 ,主页设计相称简朴,由浅入深,可以较好吸引浏览者浏览。采用图片文字相结合办法,使其网页更具吸引性。主调偏暖,使人们在理解青春时候,可以敢到高兴,这正是咱们网页所要达
3、到目。其中,整个网站页面涉及如图1所示模块:青春Happying首页家人情谊重要爱情青春至爱青春不散场图1 模块划分三、 网站设计与实现(一)素材准备1、 做网站,准备素材是最重要一环,不但要收集许多内容各异文字图片,还要设计各种网站排版格式与美工。2、 网站布局是我从网上下载,某些框架都是现成,但是其中涉及图片文字是自己找并且在PS上自己修改,关于文字某些,诸多内容是自己写,关于英文某些,有是从网上翻译过来,保证了其对的性。(二)网页设计更简洁看到青春里对咱们重要人和事:浏览者普通对不同网站风格规定是不同。咱们网站主题是青春Happying,因此我采用暖色调底色,图片也都是积极向上。使咱们网
4、站做到“高兴”。(三)制作中所需要技术1. Photoshop2. Dreamweaver3. 文本4.图片展示5.超链接链接办法四、网站测试通过web浏览器测试网站网页与否显示。(本网站适合在火狐、360浏览器浏览,不适合在IE浏览器进行浏览)将做好六个页面中代码分别放入Dreamweaver中,点击F12按钮,选取火狐或360浏览器。如图4所示:图2 测试按钮(一) 首页代码: 青春Happying/home 青春路上 青春Happying 宁愿跑起来被绊倒无多次,也不乐意规规矩矩走一辈子。就算跌倒也要豪迈笑。青春是一曲流年,咱们似乎懵懂中学会了爱惜。 Play Button Get St
5、arted 我会在你身旁把你搀扶。就像当时你带着我,走出人生第一步 诚好情谊,不会因时间阻隔而冲淡。昔日承诺,也不会因漫长岁月而变化。 书不成字,纸短情长。 图3 首页截图 图4 首页截图(二)体会家人某些代码: Family We are family,so we will love each other,forever Famiiy Love Stories of Love Stories of Love Litter 当你还很小时候,父母花了很长时间教你用勺子、筷子吃东西,教你穿衣服、系鞋带、系扣子,教你洗脸,教你梳头发,教你做人道理 Take a look Older 当她们有天变老时
6、,当她们想不起来或接不上话时,当她们做事不利索时,请不要责怪她们。由于你在慢慢长大,而她们在慢慢变老。 Take a look Love 如果有一天,当她们站也站不稳走也走不动时候,请紧紧握住她们手,陪她们慢慢地走。就像当年她们牵着咱们同样. Take a look Leave 当你羽翼丰满,父母放手让你独自飞翔时,你体会到了什么叫怀念。父母唠叨变成了你最怀念话语。当所有都关怀你飞累不累时,也许只有她们守在电话前紧张着你累不累。 Take a look Long or Short 父母是咱们青春开始,她们教会咱们做人道理,在咱们荒唐青春里,有过她们笑,泪。在咱们不懂得爱惜、肆意挥霍青春时候,可
7、曾想过:咱们还能陪她们多久,或者,她们还能陪咱们多久。长or短? Take a look Start 极其平凡却又深厚感情,留在她们和咱们心里,陪伴咱们走过毕生。青春才刚开始,温暖阳光下咱们,无所畏惧昂首阔步。 Take a look 图5 家人截图(三)、温暖情谊某些代码 About friendship Finish or begin $( span.menu ).click(function() $( ul.res ).slideToggle( 300,function() / Animation complete. ); ); Collect from 网站模板Beautiful Es
8、say世界很忙,而你刚好乐意为我有空其实有时候,你可以清晰地懂得,有再会说出去了,就真是再会了。大学毕业散伙饭,这中间小某些人,你也许是第一次见到,也是最后一次。我有她们联系方式,咱们还会再会面,咱们这样对自己说。可翻看微信通讯录,点过赞评论过,有着不少互动那些,其实,好久都没有再会过了。“有时间出来聚聚“,评论里咱们都喜欢那么说,也许有那么一瞬间,咱们都当真了。今天又重要约会,算了,还是把班加完吧.原觉得全世界都是周一到周五上班上学,周六日休息,咱们应当有很大段重叠休息时光才对。然而不是这样。读书时候,世界简朴,我和同窗,我和父母。不外乎这两种关系,毕业之后感觉是:还能留在你身边人,已属不易
9、。我愿你约你,你乐意出来,我有时间,你也刚好有时间,缺失了其中任何一环,都进行不下去。其实咱们都心里明白。每一次回绝,有真忙,也有不乐意为了你有空闲罢了。你啊,请不要做一头扎进事情里猛兽,冷酷而残忍令人胆怯,在我猛低头间错过美好事物里,大概已经存满了可以用足毕生勇气。世界很忙,谢谢你,刚好乐意为我有空。YouthRelationshio in this life we all speak in fridenshipfriendshipTogether 咱们曾经说过,要陪着彼此始终到永远。牵彼此手,是咱们青春里最美瞬间。 Cry 青春里,咱们都曾经为某个人哭过。在咱们最伤心时候,是朋友陪着咱们。做咱们最坚强后盾。