网页设计报告95923.docVIP

兰州财经大学陇桥学院 信息工程系课程设计报告课 程 名 称：动态网页设计与实现 设 计 题 目：家乡情 系 别：信息工程系 专 业 (方 向)：电子商务 年 级、 班：2014级（1）班 学 生 姓 名：刘晨晨 学 生 学 号：20140680118 指 导 教 师：张鑫 2016年12月30青春Happying一、网站设计的背景青春很短暂却很美好。我们的青春里包含了太多美好的东西。有亲情，那是我们青春开始的地方。有友情，那是我们青春里最宝贵的东西。有爱情，有我们青春有我们最珍贵的东西。网页从我们的青春开始设计，让浏览者可以清晰的认识我们的青春。二、 网站分析与设计（一）网站功能及要求1. 借助网站的媒体支持能力， 为我们青春的各个人物、事情做了最直观的表达，达到宣传效果。2. 本网站定位于展示型静态网站，重点是让人们可以更主观的了解我们的青春都包含什么，除却主页，其他五个页面都分别展示了亲情，友情，爱情，珍贵回忆以及我们的青春不散场等方面。方便浏览者浏览，期间有大量的图片，还有触动人心的故事，让浏览者浏览过后可以对网站留下深刻的影响。（二）网站模块结构设计 通过对青春各个方面的分析，为了让浏览者更简洁的看到效果，我对每一个网页的导航做了简化处理，每一个网页的导航都相当简洁。在设计方面 ，主页的设计相当简单，由浅入深，可以很好的吸引浏览者浏览。采用图片文字相结合的方法，使其网页更具吸引性。主调偏暖，使人们在了解青春的时候，可以敢到快乐，这正是我们的网页所要达到的目的。其中，整个网站的页面包括如图1所示的模块：青春Happying首页家人友情的重要爱情青春至爱青春不散场图1 模块划分三、 网站的设计与实现（一）素材的准备1、 做网站，准备素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网站的排版格式与美工。2、 网站的布局是我从网上下载的，一些框架都是现成的，但是其中涉及的图片文字是自己找并且在PS上自己修改的，关于文字部分，很多的内容是自己写的，关于英文部分，有的是从网上翻译过来的，保证了其正确性。（二）网页设计更简洁的看到青春里对我们重要的人和事：浏览者通常对不同的网站的风格要求是不同的。我们的网站主题是青春Happying，所以我采用暖色调的底色，图片也都是积极向上的。使我们的网站做到“快乐”。（三）制作中所需要的技术1. Photoshop2. Dreamweaver3. 文本4.图片展示5.超链接链接方法四、网站测试通过web浏览器测试网站网页是否显示。（本网站适合在火狐、360浏览器浏览，不适合在IE浏览器进行浏览）将做好的六个页面中的代码分别放入Dreamweaver中，点击F12按钮，选择火狐或360浏览器。如图4所示：图2 测试按钮（一） 首页代码： 青春Happying/home 青春路上 青春Happying 宁愿跑起来被绊倒无数次，也不愿意规规矩矩走一辈子。就算跌倒也要豪迈的笑。青春是一曲流年，我们似乎懵懂中学会了珍惜。 Play Button Get Started 我会在你身旁把你搀扶。就像当初你带着我，走出人生第一步 真挚的友谊，不会因时间的阻隔而冲淡。昔日的承诺，也不会因漫长的岁月而改变。 书不成字，纸短情长。 图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 当他们有天变老时，当他们想不起来或接不上话时，当他们做事不利索时，请不要责怪他们。因为你在慢慢长大，而他们在慢慢变老。 Take a look Love 如果有一天，当他们站也站不稳走也走不动的时候，请紧紧握住他们的手，陪他们慢慢地走。就像当年他们牵着我们一样. Take a look Leave 当你羽翼丰满，父母放手让你独自翱翔时，你体会到了什么叫思念。父母的唠叨变成了你最思念的话语。当所有都关心你飞的累不累时，也许只有他们守在电话前担心着你累不累。 Take a look Long or Short 父母是我们青春的开始，他们教会我们做人的道理，在我们的荒唐青春里，有过他们的笑，泪。在我们不懂得珍惜、肆意挥霍青春的时候，可曾想过：我们还能陪他们多久，或者，他们还能陪我们多久。长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 Essay世界很忙，而你刚好愿意为我有空其实有时候，你能够清楚地知道，有的再见说出去了，就真的是再见了。大学毕业的散伙饭，这中间的小部分人，你可能是第一次见到，也是最后一次。我有他们的联系方式，我们还会再见面的，我们这么对自己说。可翻看微信通讯录，点过赞评论过，有着不少互动的那些，其实，很久都没有再见过了。“有时间出来聚聚“，评论里我们都喜欢那么说，也许有那么一瞬间，我们都当真了。今天又重要的聚会，算了，还是把班加完吧.原以为全世界都是周一到周五上班上学，周六日休息，我们应该有很大段重叠的休息时光才对。然而不是这样的。读书时候，世界简单，我和同学，我和父母。不外乎这两种关系，毕业之后的感觉是：还能留在你身边的人，已属不易。我愿你约你，你愿意出来，我有时间，你也刚好有时间，缺失了其中任何一环，都进行不下去。其实我们都心里明白。每一次的拒绝，有真忙，也有不愿意为了你有空闲罢了。你啊，请不要做一头扎进事情里的猛兽，冷酷而残忍令人害怕，在我猛低头间错过的美好事物里，大概已经存满了能够用足一生的勇气。世界很忙，谢谢你，刚好愿意为我有空。YouthRelationshio in this life we all speak in fridenshipfriendshipTogether 我们曾经说过，要陪着彼此一直到永远。牵彼此的手，是我们青春里最美的瞬间。 Cry 青春里，我们都曾经为某个人哭过。在我们最伤心的时候，是朋友陪着我们。做我们最坚强的后盾。 Smile那年我们肆无忌惮的大笑，是因为身旁有她们，难道不是吗？ Alone当我们不得不一个人远行时，透过窗户你又想到了青春里哪些让你神游天外的事？ 图6 友谊网页截图（四）、领悟爱情部分代码书不成字，纸短情长 Home finally$(span.menu).click(function()$( ul.navig).slideToggle(slow , function(););Aliquam eratGratitudeContinue Find The MostLove of the month Posted by Johnson on 10 feb, 2015 comments(2)范德彪西叔对什么是幸福如是说：“幸福就是我饿了，看别人手里拿个肉包子，那他就比我幸福；我冷了，看别人穿了一件厚棉袄，他就比我幸福；我想上茅房，就一个坑，你蹲那了，你就比我幸福。”也有网友说：“幸福就是猫吃鱼，狗吃肉，奥特曼打小怪兽！”关于幸福，每个人都有自己的感受，爱情也是一样。每个人的爱情都是一部电影，自己是这部电影的主角兼导演，自己诠释的这部电影到底是艺术片？悲情片？无声片？商业片？灾难片还是色情片？都取决于自己对待人生的态度！2006年全世界生活着6,529,426,000人，全世界有6700种语言说：“我爱你！”“我爱你”只有三个字，爱情只需要两个人！在这个霓虹闪烁的画画世界，还有多少情侣可以相爱一辈子？ Find The MostTasty Love爱情就是阴天有人惦记你是否拿伞，不惜路远也要给你送把伞。May 29, 2015 Find The Most Tasty LoveI know you like this song most and I know what you are thinking about ,too, I miss you .May 29, 2015 Find The Most Tasty Love想你，是一种美丽的忧伤的甜蜜的惆怅，心里面，却是一种用任何语言也无法表达的温馨。May 29, 2015 Find The Most Tasty LoveDo you understand the feeling of missing someone? It is just like t