基于Web前端开发的公司网站设计研究

高佳忆 魏乃晓 徐文辉 贾燕

摘要：对于网络科技有限公司而言，建好、管理好企业网站，已经成为企业电子商务应用成功与否的关键。文章以企业网站创建为基础，通过设计流程分析、布局分析和导航分析，做出网站设计的基本框架。基于PS， HTML+JavaScript等技术完成公司网页的主页设计。

关键词：前端技术；HTML； CSS； JavaScript

随着移动互联网技术的快速发展，基于Web前端开发的网站技术也日趋完善[1]。然而，当前已有的企业网站主要有以下缺点：Web网站内容单薄，更新滞后；结构层次重点失衡，用户体验效果不佳[2]；部分网页制作粗糙，或过于花哨[3]。为了有效实现企业网站的庄重和设计感，在以下方面深入设计和研究：在排字方面，以简洁大众化的字体为主[4]；在图像切換效应方面，基于图像形式，通过完整的网站任务，如复杂的交互、网页动画、UI设计、后期维护，主页简单、快速和有效地完成网站提供或用户需要的服务、功能和目标[5]。

当前已有的网站建设大多基于Web前端开发，其中涉及的开发工具如WebStorm，Adobe Dreamweaver，涉及的应用包括了层叠样式表（Cascading Style Sheets，CSS）规则、JavaScript和Jquery库。基于以上工具和软件实现某企业网站的设计，成为基于Web前端开发的研究关键。

首先，通过使用CSS样式设置页面的格式，实现页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。……