浙江广播电视大学“开放教育试点”
工学科电子与信息类
计算机科学与技术专业（本科）
《马克思橱柜开发》
---毕业论文
学号
姓名
日期      2021年4月
指导老师
目录
一、选题背景 (3)
目前行的php开发工具有
二、前端开发及相关技术设计方案 (5)
2.1 前端开发工具 (6)
2.2HTML5前端开发相关技术 (6)
2.3设计内容 (6)
2.4前端布局分析 (6)
2.4.1 代码编写  6
2.4.2 内部测试及后续优化6
2.4.3 前端开发整体流程6
三、主要功能的实现 (8)
3.1具体设计文档 (12)
3.2界面设计 (13)
3.3网站装饰风格 (13)
3.4可视化设计 (13)
3.4具体实现技术 (13)
3.5小结 (13)
四、总结评价 (17)
一、选题背景
在信息高速发展的这个时代，网络作为现今最为方便快捷的媒介也越来越被人们接受，并且融入我们的生活。在2015年时，随着HTML5在国内的兴起，也在不断的推进着信息时代的发展，网站也逐渐脱离了传统的枯燥页面风格，如今的HTML5比起以前的HTML 来说，更容易维护和管理，而且还能实现跨平台开发，减少开发成本。
如今的互联网已经渗透到了我们生活的每一个层面，网站的内容越来丰富全面，各大浏览器商也在竞相的开发各种各样的新的功能，供开发者进行开发构建出更好的用户体验，以此来满足各种不同需求的浏览者。随机计算机的这些技术的飞速生长，手机的上网率高于传统PC，而手机端上，传统网站又
难以做到兼容所有的设备尺寸，越来越多的商家的传统门户已经不能满足用户的体验，各大商家大企业都开始重构新的HTML5响应式网站，以求将自己的产品信息和企业动态，更直接的展示给用户，并且通过丰富的交互去优化与用户沟通的过程。目前很多的企业已经建立起了自己的响应式。这些网站的建立使得企业可以突破传统的PC媒介，在移动网络上开辟属于自己的新天地。用户能手机上，随时随地就能看到企业的最新动态，可以更好的利用用户的碎片时间去关注企业，网络之所以为网，也正是因为他具有超时空性。人无论在哪都应该可以进行访问，体验空间层面上带来的开放性。
整个设置多个板块与分页面，分别放置相关内容，不同板块的信息相互独立。交互上更多是体验在CSS3的新属性带给用户的新体验用户在与进行交互的方式更加丰富与精彩了。
与传统相比，响应式网站不外乎也是企业介绍，新闻发布，产品介绍一类等。
为何还要花时间精力和人力去建立和维护网站呢？是正如上面所说：内容更加多姿多彩，板块，内容更加丰富，而且能够相应不同屏幕大小，在这个用手机多过PC的时代，能更好更快地将第一手信息送到用户手上。
这些都促成了各个企业组织新的信息化建设，构建专业，易于维护和管理的网站。
我们要构建专门的企业响应式，网站前端开发最基本的还是3个技能：html;css;Javascript，也用到其他部分工具，如PS图片处理工具，新的HTML5，css3；javascript的工具集jQuery。这些都是开发中最基本的技能。前端开发的过程中，页面的布局将会用HTML 元素进行定义和布局，css对布局元素进行元素的定位和画面效果的渲染，然后再通过javascript实现相对应的网站效果和优化用户交互体验
关键词：HTML5;CSS3；响应式;javascript；网站美化；交互设计
本章阐述了开发企业响应式的研究背景和意义。介绍了现在HTML5
响应式网站的发展状态对比目前国内的现状，说明建设HTML5响应式网站的重要性。
二、前端开发及相关技术设计方案
2.1 前端开发工具
(1)Visual Studio Code（以下简称vscode）是一个轻量且强大的跨平台开源代码编辑器（IDE），支持Windows，OSX和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
（2）Photoshop Adobe Photoshop，简称“PS”，他是由AdobeSystems开发和发行的图像处理软件。Photoshop主要处理像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。
（3）谷歌让我们可以检测到我们做的网站能否兼容各版本的浏览器，用于观察兼容性。
2.2 HTML5前端开发相关技术
(1)javascript基本特点
1基于对象的语言
2简单性

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。