网站前端设计毕业论文.doc

发布时间：2022-06-14 发布人：admin 分类：说明书资料大小：0.37M 资料格式：doc 举报版权申诉

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第1页.png

第1页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第2页.png

第2页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第3页.png

第3页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第4页.png

第4页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第5页.png

第5页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第6页.png

第6页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第7页.png

第7页 / 共31页

2d0e65c2-1390-450f-970b-5fa320014a16.doc.pdf-第8页.png

第8页 / 共31页

摘要

1.1 选题背景及意义

1.2 研究内容和拟解决的问题

1.3 本章小结

第2章前端开发工具及相关技术

1.4 前端开发环境

1.5 前端开发工具

1.6 前端开发相关技术

1.6.1 Java script 简介

1.6.2 Java script 基本特点

1.6.3 CSS简介

1.6.4 JQuery

1.6.5 HTML

1.7 本章小结

第2章前端布局分析与设计

1.8 前端总体开发流程及设计

1.8.1 分层开发

1.8.2 代码编写

1.8.3 内部测试与后续优化

1.8.4 CSS元素

1.9 网站结构布局及设计

1.9.1 网站首页结构

1.9.2 主题鲜明，富有特色

1.9.3 版式编排布局合理性

1.10 网站前台页面设计

1.10.1 首页

1.10.2 系内概况

1.10.3 系内新闻

1.11 本章小结

第2章主要功能的实现

2.1 界面设计

2.2 具体设计文档

2.3 前台新闻文摘显示

2.3.1 网站装饰风格

2.3.2 网站的链接结构

2.4 可视化设计

2.5 具体实现技术

2.5.1 CSS在"数字媒体技术系网站"中的应用实例

2.5.2 应用JavaScript设计网页

2.6 本章小结

3.1.1技术可行性

3.1.2经济可行性

第4章需求分析

4.1 设计目标

4.2 开发意图

第3章总结

3.1 总结

参考文献

本科毕业设计（论文）题学目: 超市后台网站前端设计与开发院：京江学院专业班级： J 计算机 1101 姓名：毛翠学号：4111110007 指导教师：聂文惠系主任：学院院长：二 O 一三年月日

毕业设计 (论文)诚信声明我谨在此保证：本人所写的毕业设计(论文)，凡引用他人的研究成果均已在参考文献或注释中列出。设计(论文)主体均由本人独立完成，没有抄袭、剽窃他人已经发表或未发表的研究成果行为。如出现以上违反知识产权的情况，本人愿意承担相应的责任。声明人(签名)：毛翠 2015 年 5 月 5 日

摘要 21 世纪是信息高速发达的时代，网络作为当今最流行最方便快捷的媒介也越来越被人们接受，并且融入我们的生活。随着经济的不断发展，社会信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以任何一个企业、部门创建自己的易于维护管理的网站已经势在必行。本论文主要围绕超市后台为开发主题，最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML 将元素进行定义，CSS 对展示的元素进行定位，再通过 JavaScript 实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。分析并解决实现中的若干技术问题；介绍了个性化页面的背景及和 html、css、 JavaScript、jQuery 语言的语法及运用还有 bootstrap 框架的一个简单的使用；阐述整个个性化页面生成系统的系统结构及工作原理；分析了系统实现中的特殊性，难点和重点；设计实现页面的布局、页面的样式、弹窗效果等。分析并解决实现中的若干技术问题；建立完整的超市后台的整个系统，进行测试并分析结果。虽然没有连接数据库，但是作为前端页面的开发已经大致完成了，完全可以交给后台人员进行下一步的开发运用。关键字：html；css；javascript；jQuery；网站美化；交互设计。

ABSTRACT The twenty-first Century is the rapid development of information age, network as the world's most popular and most convenient media are increasingly accepted by people. Along with the information development, website functions beyond the traditional information acquisition, communication which can better reflect the organization style， properties.So any enterprise, departments create their ease of maintenance andmanageme nt of the site is necessary。 This thesis mainly focuses on digital media technology major portal for the development of the theme, the three most basic and necessary skills. Development of the front, in the layout of the page, HTML will define the elements, positioning CSS to display elements, and then through the JavaScript to achieve the corresponding effect and interaction. Although the surface looks like these are very simple, but it needs to grasp things never. In the development, the need for these concepts clear, understand, so in the development process will be handy. The main work done in this article is as follows: (1) Introduces the background and general principle of html、css、JavaScript、jQuery Grammar and use of language has a simple bootstrap framework; (2) Introduces the structure and working principle of the entire personalization page production system; analysis of the particularity, the difficulty and key system; (3) The design and implementation of user registration, user login, user management and other JSP page. (4) Analyze and solve some technical problems in implementation; (5) The establishment of a complete campus site, testing and analysis; Although there is no connection to the database,but as the development of front pages have been largely completed,staff can give the background for further application development。 Keywords：html；css；javascript；jQuery；Website Landscaping; Interaction Design

目录摘要 ABSTRACT 第 1 章绪论 .......................................................... III 1.1 选题背景及意义..........................................................................................................III 1.2 国内外高校网站建设状况............................................................错误！未定义书签。 1.3 研究内容和拟解决的问题............................................................................................III 1.4 本章小结....................................................................................................................IV 第 2 章前端开发工具及相关技术 ........................................ IV 2.1 前端开发环境.............................................................................................................IV 2.2 前端开发工具.............................................................................................................IV 2.3 前端开发相关技术....................................................................................................... V 2.3.1 Java script 简介.................................................................................................... V 2.3.2 Java script 基本特点............................................................................................. V 2.3.3 CSS 简介 ............................................................................................................VI 2.3.4 JQuery ............................................................................................................. VII 2.4 本章小结................................................................................................................. VIII 第 3 章可行性和需求分析 ............................................... X 3.1 可行性分析过程...........................................................................................................V 3.1.1 技术可行性.......................................................................................................... V 3.1.2 经济可行性.......................................................................................................... V 3.1.3 操作可行性......................................................................................................... VI 3.2 需求分析 ...........................................................X 3.1 设计目标................................................................................................................. X 3.2 开发意图 ................................................................................................................................... X 3.3 本章总结 .......................................................... X 第 4 章前端布局分析与设计 ............................................. X 4.1 前端总体开发流程及设计.............................................................................................X 4.1.1 分层开发 ..............................................................................................................X I

4.1.2 代码编写 ..............................................................................................................X 4.1.3 内部测试与后续优化........................................................................................... XI 4.2 交互设计与 UI............................................................................ 错误！未定义书签。 3.4 点，线，面的运用...................................................................... 错误！未定义书签。 3.4.1 点的运用 .............................................................................错误！未定义书签。 3.4.2 线的运用 .............................................................................错误！未定义书签。 3.5 网站结构布局及设计................................................................................................XIII 3.5.1 网站首页结构 ...................................................................................................XIII 3.5.2 主题鲜明，富有特色........................................................................................ XIII 3.5.3 版式编排布局合理性........................................................................................ XIV 3.6 网站前台页面设计.................................................................................................... XV 3.6.1 首页 ..................................................................................................................XV 3.6.2 系内概况 ..........................................................................................................XVI 3.6.3 系内新闻 ..........................................................................................................XVI 3.7 本章小结................................................................................................................. XVI 第 5 章主要功能的实现 .............................................. XVII 4.1 界面设计................................................................................................................XVII 4.2 具体设计文档.........................................................................................................XVII 4.3 前台新闻文摘显示..................................................................................................XVII 4.3.1 网站装饰风格 ................................................................................................XVIII 4.3.2 网站的链接结构.............................................................................................XVIII 4.4 可视化设计...........................................................................................................XVIII 4.5 具体实现技术....................................................................................................... XVIII 4.5.1 CSS 在"数字媒体技术系网站"中的应用实例 ................................................... XVIII 4.5.2 应用 JavaScript 设计网页 .................................................................................. XIX 4.6 本章小结................................................................................................................. XXI 第 6 章总结 ...................................................... XXIII 参考文献 .............................................................. 25 致谢 .................................................................. 32 II

第 1 章绪论 1.1 选题背景及意义如今的互联网已经渗透到我们生活的每一个层面，网站的内容越来越丰富全面，以此来满足了各种不同需求的浏览者。网站的作用众所周知人们通过网站快速获取，发布和传递信息。目前很多超市建立起了自己的网站这些网站的建立使得超市可以突破传统的媒体的限制在网络上开辟的属于自己的新天地，使顾客足不出户可以在家随意的购买想要的东西。如今，还有一类网站是企业自己管理的。就是后台管理，例如仓库管理、超级后台管理。这些后台的网站的存在和使用使得商家能更好的管理自己的员工、商品以便于提高他们的工作效率获得更大的利益。超市物资丰富，产品繁多，对于超市物资的管理显得相当的困难。因此，必须开发一套适合超市后台管理的系统方便经营者轻松地管理经营超市。超市后天管理的开发的主要目的就是为了解决超市物资管理的低效性，低安全性。主要的意义和作用如下：实现超市物资管理电子化，实现产品信息的高效管理、便捷地经营管理超市。实现超市经营管理的高效性和安全性等，以便于超市管理人员能更好更方便地管理超市物资、超市工作人员以及超市的每一个会员。一方面，使得超市拉近了顾客之间的距离；另一方面，也让超市更方便的跟商品供应商联系处理问题。 1.2 研究内容和拟解决的问题一个后台管理的系统网站没有必要跟前台网站那样页面有多么的吸人眼球。因为这毕竟是内部管理人员操作的，只要内容简介，操作简单，效率高效才是最主要的。 (1) 排版合适的排版会使管理者一眼就能看到这个系统的具体的主要功能。更方便操作。所以排版务必做到简介明了。 (2) 单页布局的设计可避免不必要的网页，通过一个比较单一的页面布局，这是更有效的一个网站， (3) 交互性

做一个完整的网站有几样任务要完成比如复杂的交互功能，网页动画特效，网页 UI 设计，后期维护，可扩展性等。网站交互设计的用户的目的是增加网站的可用性和易用性，从而使管理者能够简单，快速和有效地完成网站赋予或用户自身需要的服务，功能和目标。交互设计包含的内容：界面设计，超市后台的界面设计不需要像商城网站一样丰富多彩，但是一定要有条理，简单明了。让使用者能更快速简单地学会如何地操作。导航设计，导航设计是提供给用户去某个地方的能力，是用户能看到的网站结构。信息设计，信息设计就是通过网站传达给用户某些信息，用户可通过这些信息了解自己正在进行的某些事和应该如何进行某些事。 1.3 本章小结本章阐述了超市后台系统的研究背景和意义。最后对于本文课题的研究内容和拟定解决的几个关键问题进行了探讨。第 2 章前端开发工具及相关技术 1.4 前端开发环境网站前端开发，即网页架构设计。主要是由与交互设计，视觉设计的配合，根据效果图来规划页面布局，合理部署页面代码层次，挖掘用户体验效果。用 Hbuilder， CSS，JS，jQuery 等布局网页内容，制作静态页面，这些页面要兼容各主流浏览器，并配合程序完成静态页面的实现。另外，整个网站开发的流程在后面有具体介绍。前端开发在整个过程中占据着不可替代的地位，其它几个环节主要给予相关的配合 [i]。 1.5 前端开发工具 (2) HBuilder HBuilder 是 DCloud（数字天堂）推出一款支持 HTML5 的 Web 开发 IDE。“快，是 HBuilder 的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套， HBuilder 能大幅提升 HTML、js、css 的开发效率。 IV

分享到：

赞收藏

资料库

网站前端设计毕业论文.doc

相关推荐

开发技术

热门标签

最新资料