前端毕业论文范文.doc

前端毕业论文范文 本科毕业设计（论文） 题目: 学院：专业班级：姓名：指导教师：系主任： 数字媒体技术系网站前端设计与开发学号：学院院长： 二O一三年月日 毕业设计(论文)诚信声明 我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研 究成果均已在参考文献或注释中列出。设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承担相应的责任。 声明人(签名)： 年月日 摘要 21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来 越被人们接受，并且融入我们的生活。随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站已经势在必行。 本论文主要围绕数字媒体技术专业的门户网站为开发主题，最基本也是最必须 的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。 分析并解决实现中的若干技术问题；介绍了个性化页面的背景及jsp+javascript +mysql系统的一般原理；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现用户注册，用户登录，用户管理等jsp页面。分析并解决实现中的若干技术问题；建立完整的校园网站，进行测试并分析结果。 该网站有效地实现用户通过JSP页面访问来进行用户注册，登陆，并对网站内容进行有效的管理，提升了后期添加和删除信息的有效性，具有一定的应用价值 关键字：JSP；用户登录；javascript；网站美化；交互设计。 ABSTRACT Thetwenty-firstCenturyistherapiddevelopmentofinformationage,workas theworldsmostpopularandmostconvenientmediaareincreasinglyaeptedbypeople.Alongwiththeinformationdevelopment,websitefunctionsbeyondthetraditionalinformationacquisition,municationwhichcanbetterreflecttheorganizationstyle，properties.Souniversitiesestablishthedepartments,professionalappearance,easymaintenanceandmanagementofthesitehasbeenimperative. Thisthesismainlyfocusesondigitalmediatechnologymajorportalforthe developmentofthetheme,thethreemostbasicandnecessaryskills.Developmentofthefront,inthelayoutofthepage,HTMLwilldefinetheelements,positioningCSStodisplayelements,andthenthroughtheJavaScripttoachievethecorrespondingeffectandinteraction.Althoughthesurfacelooksliketheseareverysimple,butitneedstograspthingsnever.Inthedevelopment,theneedfortheseconceptsclear,understand,sointhedevelopmentprocesswillbehandy. Themainworkdoneinthisarticleisasfollows: (1)IntroducesthebackgroundandgeneralprincipleofJSP+Javascript+MySQL systempersonalizedpages; (2)Introducesthestructureandworkingprincipleoftheentirepersonalizationpage productionsystem;analysisoftheparticularity,thedifficultyandkeysystem; (3)Thedesignandimplementationofuserregistration,userlogin,usermanagement andotherJSPpage. (4)Analyzeandsolvesometechnicalproblemsinimplementation; (5)Theestablishmentofapletecampussite,testingandanalysis; ThesiteeffectivelyachievetheuserthroughtheJSPpageaesstouserregistration, login,andcarryoneffectivemanagementtothewebsitecontent,enhancetheeffectivenessofthelateadditionanddeletionofinformation,hasacertainapplicationvalue. Keywords：JSP;Userlogin;JavaScript;WebsiteLandscaping;InteractionDesign 目录 摘要 ABSTRACT 第1章绪论.1 1.1选题背景及意义.1 1.2国内外高校网站建设状况.3 1.3研究内容和拟解决的问题.5 1.4本章小结.6 第2章前端开发工具及相关技术.7 2.1前端开发环境.7 2.2前端开发工具.7 2.3前端开发相关技术.8 2.3.1Javascript简介.8 2.3.2Javascript基本特点.8 2.3.3CSS简介.9 2.3.4JQuery.9 2.4本章小结.11 第3章前端布局分析与设计.12 3.1前端总体开发流程及设计.12 3.1.1分层开发.12 3.1.2代码编写.12 3.1.3内部测试与后续优化.13 3.2前端UI设计.14 3.2.1模块分布.14 3.2.2颜色配置.15 摘要：网页界面作为网站信息传达的载体，网页给人最直观的感受就是它的页面框架与构造，网页设计中的构图也足以影响到整个网站给人的感受。就网页其构图而言，其视觉表现力具有影响受众审美情感的作用。本文重点讲述了“轻奢生活网”网页设计中构图技巧的运用。网站定位为时尚信息服务平台，专为热爱时尚、热爱生活的人提供前沿的设计理念与产品，内容分为设计、名品、乐活、家居四大类。运用Photoshop工具制作网站首页及栏目页及栏目子页面。结合构图技巧在网页设计界面中的运用情况，阐述几何图形运用、素材点缀、斜线修饰等构图技巧适应网页界面设计发展的新特点。 关键词：网页界面；构图设计；时尚平台；Photoshop 学院毕业论文(设计) 目录 引言.1 1市场调研.1 1.1时尚信息服务平台现状.1 1.2构图设计在网页设计中的现状.2 2文献检索.3 2.1构图在网页设计中的表现形式.3 2.2构图在网页设计中的规律.3 3设计实践.5 3.1创作初衷.5 3.2创作过程.5 3.4创作总结.20 4设计自评.21 4.1理念与市场.21 4.2创作与社会效益.22 致谢.22 参考文献.22 附录1设计作品图片.23 附录2设计作品光盘.29 引言 “轻奢生活”，不仅代表一种精品生活方式，更代表着大家正在享受的高质量生活细节，而且绝非是遥不可及的。在奢侈品消费观念方面，轻奢早已超越了“珠光宝气”的阶段，而趋于一种理性、健康的消费方式，购买奢侈品不是崇拜，而是能切实反映自我的心境、品位和信念。轻奢生活网”的定位不是“淘便宜”，瞄准的是那些因为欣赏商品的设计感而愿意多掏钱的中高端消费者。轻奢生活网的页面是时尚设计信息的载体，所以页面设计则是浏览者对信息的视觉生理、心理反应的关键。本文从视觉基础理论入手，以构图设计对视觉的影响的运用为主线，分析了网页的板式、文字、色彩、图像等元素的在网页界面中的表达方式。在网页设计上起到事半功倍的效果。从审美的角度阐释了构图设计对网页整体视觉效果的影响。 1市场调研 1.1时尚信息服务平台现状 同时各种折扣和导购信息网站也跟着出现，对各种产品信息进行汇聚和评比，给买家和卖家建立一个公共服务的平台。目前国外的新一代导购网站模式正在日益成熟，那就是社会购物，它是基于社交网络SocialNetworking的衍生品，这类网站从xx年以后出现，借助Web2.0的各项技术日益形成以借助Crowd的力量进行产品的汇聚、评比、推荐和分享，如何汇聚每个人的力量来进行购物成为了电子商务前段的新亮点。 国内外的设计师有很多出色的设计品，但他们并不擅于商业经营，导致设计品无法被更多的人发现。还有一部分消费者，他们热爱生活热爱时尚，有一定的购买能力，也愿意买高附加值的设计商品，但却不知道在哪里可以买到这些商品。 我也经过了大量的调查、查阅了很多书籍报刊资料。我参考了“美丽说”、“蘑菇街”、“返利网”等导购网站的营运模式和主要客户群，以及他们网站发展一些劣势阻力。蘑菇街的成功，告诉我们，任何事情都需要创新，只有创新才能够受 到大众的喜爱。当然，蘑菇街的成功不是偶然，这是迎合了目前大家越来越喜欢社交网站的趋势，认清消费者心理，当然这跟蘑菇街团队运营是密不可分的，没有好的运营团队也是不可能成功的。蘑菇街以分享社交为前提，吸引一大批女性的喜爱。这是社交与购物的一个非常好的结合。不仅增加了用户体验度，也给消费者提供了展示自己和分享自己喜爱物品的平台。从淘宝客，到返利网，再到现在的购物分享网站，我们很明显的可以看出，现在的用户似乎对用户体验度的要求是越来越高，因此我们在运营一个网站的时候，我们必须把用户体验度放在第一位，要相当重视，只有把用户体验度弄上去了，网站才能做得很好，用户才会更喜欢。所以研究构图设计对网页的影响是很有必要的。另外还有“花瓣网”、“淘宝网”中的家居展示页面、以及“瑞丽”、“YOKA”等时尚类网站。在了解市场动态的同时也发现针对时尚设计在生活方面的网站比较少，因此“轻奢生活”网这个生活类的设计师商品社会化导购网站是可行的。 1.2构图设计在网页设计中的现状 1.2.1网页设计的发展 作为新型平面设计的网页页面设计，数字化界面运用了和物化界面相同的视觉构成元素。新的大众媒介数字化的传播手段网络，为我们承载以前诸多媒体综合起来都难以承载的信息量，它以时效性、交互性、更新及时、不受时间、地域的限制、信息反馈及时、准确的特点，带领我们进入信息化的时代，也为我们带来了全新的视觉阅读体验。根据构图设计的不同表现，网页视觉表现为网络信息表现与信息的传递中的重要部分。 我国目前的设计走向问题，已成为设计师们研究的焦点，无论是平面设计、建筑设计或者网页设计都同样会遇到这样的问题。网页设计上出现了欧美、日、韩三大风格的并立，而我国的设计却处于一种模仿的状态，多表现为形式的跟风，少有实质性的研究。网页设计发展的近些年里，网页的视觉表现已经从当初文字编排的单一样式，发展到多种视觉元素的综合运用，而新媒介下的网页设计更是成为了视觉传达的新门类。由此，网页设计中构图设计就成为了一个非常值得研究的课题。 1.2.2构图方法在网页中的运用 构图是造型艺术术语，指作品中艺术形象的结构配置方法。它是造型艺术表 达作品思想内容并获得艺术感染力的重要手段。而我们网页制作方面，则可以把它理解为根据网站题材和建设网站的主题思想，把要表现的形象适当地组织起来，画面中的元素如何布局、如何搭配，构成一个协调的完整的页面。 研究构图的目的是研究在一个平面上处理好三维空间高、宽、深之间的关系，以突出主题，增强艺术的感染力。构图处理是否得当，是否新颖，是否简洁，对于网页设计的成败关系很大。成功的构图能使页面内容顺理成章，主次分明，主题突出，赏心悦目。反之，就会影响页面的效果，没有章法，缺乏层次。2文献检索 网页设计作为一种视觉语言，除了需要photoshop软件扎实的技术支持，还需讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要求处理好页面之间和页面内的秩序与内容的关系。在设计前我阅读了很多文献来帮助我更好的制作网页。 2.1构图在网页设计中的表现形式 当人们浏览网页时，第一眼看到的就是网页的构图。因此，构图是否美观、和谐直接影响到视觉效果。构图不仅要注意到形式，还要考虑到实用性，是否便于人们阅读和观看。 方形的分割是网页设计中常用的方法。矩形的分割给人的感觉是稳定、平和，适于一般性的商业网站。在矩形的构图中，一定要注意应用黄金分割线的比例、构图基本结构的形成规律。一定要有疏密的节奏，要意识到主次关系，上面往往比下面的更受人关注，左边的往往比右边的更受关注，这是人们的基本视觉规律。 螺旋曲线是最有韵律和生命力的线条，适用于艺术、音乐以及内容充满动感和活力的网站。 2.2构图在网页设计中的规律 1、网页界面设计中，运用构图设计的均齐与平衡规律。均齐式的构图往往比较庄重，而真正的页面上左右同形同量的配置是不多的。平衡的构图较均齐生动 滁州职业技术学院信息工程系 xx届软件专业毕业论文 姓名： 班级： 设计课题： 指导教师： - xx年11月13日 摘要 21世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着旅游类的网站不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以旅游类的网站对现在的发展已经势在必行。 本论文主要围绕旅游网站为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时，HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。 分析并解决实现中的若干技术问题；介绍了个性化页面的背景；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；虽然还没有设计用户注册，用户登录，用户管理，但是我会把自己的网站以一种简单明了的方式向大家展现出旅游的各个方面。分析并解决实现中的若干技术问题；建立完整的旅游网站，进行测试并分析结果。 本网站的建立的作用具有一目了然的特性，不仅能让本地区的人们了解更多的旅游资料，更可让世界各地的人了解一些地区的明文风景。 该网站中还存在一些不足之处，如网站的留言系统、用户注册、用户登录没建立等等。这些问题和功能有待于进一步学习和添加。 关键词：网站设计XHTML、CSS、javaScript和JQuery 目录 目录.3 第一章绪论.4 1.1引言.4 1.2旅游网站发展现状.4 1.3本课题目的与意义.6 第二章开发工具和开发技术简介.7 2.1Dreamweaver简介.7 2.2PhotoShop简介.8 2.3AdobeFlash简介.9 2.4HTML语言简介.9 2.5CSS简介.10 第三章需求分析.12 3.1网站系统分析.12 3.2功能性需求分类.12 3.3非功能性需求.13 第四章网站开发过程及实现.14 4.1创建站点.14 4.2首页设计.15 4.2.1首页顶部设计.16 4.2.2导航栏设计.18 4.2.3首页主要内容设计.20 4.2.4首页底部设计.25 4.3其余页面的制作.25 4.3.12级页面的制作：.25 4.3.23级页面设计.28 4.4测试.30 第五章结论.32 致谢.34 第一章绪论 1.1引言 新的世纪，互联网进入一个崭新的阶段，信息化的发展带动其它产业的发展，各行业都将与它进行更深入的融合和渗透。，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活、旅游等各个方面发挥着重要的作用。为了适应知识经济社会的需要，促进学习与交流。网上交流和协作的功能比较普遍；技术管理和资源管理受到重视。随着互联网的普及和发展，必将有越来越多的企业及个人在英特网上拥有自己的网站。网站建设成为企业形象宣传、产品展示推广、客户沟通的最新最快捷的桥梁；成为个人展示自我，与世界交流的重要平台。越来越多的人已开始从对互联网的认知阶段进入到认同和行动阶段。Inter上发布信息主要是通过网站来实现的，获取信息也是要在Inter“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设在Inter应用上的地位显而易见，它已成为政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视。为了更好的协作，更多的与外界交流新的信息，和他人共享信息，特构建旅游网站。 旅游网站也是近十年来在我国逐步兴起和发展的，到现在已经初步形成了类型齐全、涵盖旅游业各个方面的网上旅游产业体系，旅游产品的在线宣传和销售正影响着越来越多的旅游者、旅游服务提供商和旅游管理者。随着我国旅游业的迅猛发展，推进旅游信息化，广泛实现旅游电子政务、电子商务，建立高度发达的网上旅游系统，对于促进我国旅游业的跨越式发展有着重要的作用。 1.2旅游网站发展现状 1我国旅游网站发展概述 第一阶段（19972000年）：我国真正出现基于互联网的旅游网站以1997年中国旅游资讯网和华夏旅游网的成立为标志。此阶段旅游网站信息很少，网站只由一到数张设计简单、以景点介绍的简单文字为主的网页构成。 第二阶段（2000xx年）：2000年4月以网上预订为主的青旅在线诞生，电子商务模式首次引入旅游网站。此阶段旅游网站提供的预订服务一般只包括交通及住宿企业的电话等联系方式，游客的预订仍需绕开网站，直接与相关企业打交道。网站的资讯信息已日益丰富，并由层次分明、包含超级链接的网页组成。 第三阶段（xxxx年）：随着xx年2月金旅雅途网的成立，中国出现一批以网上交易平台服务为主要业务的旅游网站。此时旅游网站已有较强的互 动性，且开始提供一些在线服务。网上预订的业务也大大增强，只是从网上预订客房后仍需通过银行等途径汇去所需款项，预订的飞机票等也必须派人上门递送，属于“鼠标加水泥”的模式。 第四阶段（xx）：xx年4月中国第一个旅游目的地营销系统“南海目的地营销系统”在广东省南海市建成，南海旅游网成为中国