基于Bootstrap的网页开发.docx

基于Bootstrap的网页开发.docxJIANGSUUNIVERSITY本科毕业论文基于bootstrap的网页设计Bootstrap-basedwebdesign学院名称:计算机科学与通信工程学院专业班级:软件(嵌入式)1102班学生姓名: 缪江超 指导教师姓名: 马汉达 指导教师职称: 高级工程师 2015年6月基于bootstrap的网页设计计算机科学与通信工程学院软件工程(嵌入式)缪江超扌商要::当今社会,网络是人们生活中不可或缺的一部分,网页则是传递信息的重要媒介。随着时代的进步,网页设计也随着网络技术的发展而不断发展。计算机学院实验中心信息管理系统,是2004年开发的,因设计开发时间较早,其界面已不适应当前的技术发展,不能满足师生对于网站美观要求。Bootstrap是当下最受人们欢迎的前端框架,是基于HTML、CSS、JAVASCRIPT的,它简洁灵活的特性使得Web开发更加快捷,Bootstrap提供了优雅的HTML和CSS规范,它由动态CSS语言Less写成。本文针对实验中心网站得主要问题,介绍了网页设计的相关理论,使用Bootstrap框架,对实验中心网站进行了重新布局设计,使得网站界面更为美观,用户体验更好。关键字:前端开发 Bootstrap 布局架构实验室网站Bootstrap-municationEngineering,SoftwareEngineering(embedded)ProfessionalAbstract:worksareanindispensablepartofpeople'slives,,worktechnology,webdesigncontinuetodevelop・puterScienceExperimentCenterInformationManagementSystem,developedin2004,duetothedesignanddevelopmenttimeearlier,theinterfacehasnotadaptedtocurrenttechnologicaldevelopments,andcannotmeettheaestheticrequirementsforteachersorstudents・NowBootstrapisthemostpopularfrontframe,whichisbasedonHTML,CSS,JAVASCRIPT,,,themainproblemistheExperimentalCentersite,introducesthetheoryofwebdesign,useBootstrapframework,theexperimentalcentersitere-layoutdesign,makingthesitemoreattractiveinterface,:Front・enddevelopmentBootstrapLayoutArchitectureLaboratorysite第一章绪论 2第二章相关技术与理论 3HTML相关介绍 3CSS3相关介绍 43Bootstrap介绍 '性 64Webstorm技术介绍 '性 7第三章实验室网站布局设计 81设计立意 105网页排版原则 106网站设计要素 117网站详细设计 18第四章