摘要：本文研究了计算机网站设计的关键技术。计算机网站设计作为构建一个交互性良好的门户网关键手段，目前已经引入了许多的关键技术，比如微服务架构技术、DIV技术、HTML5技术、CSS技术、SQLite技术等，实现了计算机网站页面的自适应屏幕大小，利用微服务架构构建的门户网站可以实现浏览器登陆或移动设备终端登陆，基于SQLite数据库实现数据离线缓存和轻量级操作，不仅可以确保网站运行于PC电脑浏览器端，还可以运行在智能手机、平板电脑等移动设备端，进一步提高了互联网操作的友好性和可靠性，具有重要的作用和意义。
关键词：计算机网站；微服务架构；HTML5技术；SQLite数据库
1引言
目前，5G通信、大数据、互联网、云计算等技术的快速发展，人们已经进入到了先进的移动互联网时代，基于计算机技术设计的网站覆盖了各个行业，比如在线教育、智能旅游、医疗诊断、娱乐游戏、金融投资等，有效地提升了行业信息化、共享化和智能化水平。计算机网站作为人们与信息社会交流的一个重要桥梁，其引入的设计和开发技术也逐渐提升，但是，由于目前网站登录的设备越来越多，不仅包括PD电脑、笔记本电脑等，还包括智能手机、平板电脑、车载电子、安防门禁和工业控制显示设备，因此网站渲染已经面临着跨设备和多种尺寸屏幕的现状，从简单的人机交互网站开始向用户体验交互网站发展，因此网站输出到不同的设备上会产生一系列问题，比如网站显示不全面、网站无法打开、浏览器与网站无法适配，严重影响网页用户的体验，也会降低用户对网站的信赖度。因此，网络设计师和程序开发人员为了提高计算机网站的运行性能，经过多年的研究和改进，提出了一些先进的网站设计技术，比如HTML5+JavaScript、HTML5+CSS3等，网站开发也引入了先进的工具，比如Photoshop、Fireworks和Flash等，为了能够实现网站在多平台上输出，也引入了微服务架构和SQLite数据库，提高了网站信息处理的效率，一定程度上也提高了网站的开发水平。
2计算机网站设计架构技术
计算机网站设计架构经过多年的研究，也提出了很多的种类，从最初的C/S架构、B/S架构等发展到了微服务架构，因此大大的提高了网站的可移植性、并发性和响应速度。C/S架构模式的计算机网站必须安装客户端程序，因此对计算机设备的要求就比较高，不利于网站的推广和提高用户流量。B/S架构模式的计算机网站只需要在浏览器上输入服务器地址即可登录，可以提高PC设备登录的速度，但是由于云计算和移动通信技术的发展，目前人们通过智能手机和平板电脑等移动设备登录网站的频率越来越高，因此传统的C/S架构和B/S架构已经无法适应新时期的需求，网络工程师提出了微服务架构[1]。基于微服务架构的网站架构如图1所示。微服务架构是一项非常先进的计算服务技术，其可以与当前最为流行的云计算进行结合，在云中部署应用程序，从而可以方便使用智能手机等移动设备登录网站，微服务架构通过“轻量级设备与HTTP型API进行沟通”，可以实现网站的重构和逆向工程，从而计算机网站设计关键技术应用刘新华（广州市交通高级技工学校广东省广州市510540）可以在不影响网站整体架构的过程中，进一步提高服务性能，不影响计算机网站的接入和输出[2]。微服务架构可以将网站的功能分解到各个离散的服务中，从而降低系统功能的耦合性和提高系统灵活性，围绕计算机网站的业务领域组件创建应用，从而可以进行迭代升级和管理服务，加快了Web应用网站向移动应用网站的转变。微服务能够给应用网站提供一个APIGateway接口，为网站工程师提供一个服务入口，该入口对前台是透明的，能够聚合后台的多种服务，实现安全过滤和流量控制，还可以提高网站的性能。
3计算机网站页面开发技术
目前，计算机网站设计的页面开发非常重要，引入的关键技术非常多，比如HTML5、XML、JavaScript、CSS3和DIV等，不仅可以提高网页动态交互设计能力，还可以实现网页跨平台和跨终端设备设计，满足当前多屏幕尺寸的终端应用需求。CSS3技术可以为网页设计提供层叠样式表，为网页设计提供信息标记语言，准确的控制网页版面的布局、颜色、背景，提高了网页版面的丰富多彩性，也可以触发网页设计者的灵感，确保用户的体验更加简易，增强人们浏览互联网的兴趣。DIV可以完成网页整体布局和框架结构设计，也可以运用网页标记和语言等关键元素，为网页设计提供一个系统化和结构化的背景，并且形成一个整体的网页定位技术，DIV技术可以为网页设计提供约束配置和控制功能，有效的保护网页设计文档。基于DIV在网页布局中的定义结构代码如下所述。<body><divid="wrapper">显示网站的页头内容</div><divid="header">显示网站的标题内容</div><divid="container">显示网站的页面层容器内容</div><divid="sidebar">显示网站的工具栏内容</div><divid="maincontent">显示网站的主功能区内容</div><divid="footer">显示网站的页脚的内容</div></body>其中，wrapper表示门户网的主体，以便能够与页脚进行区别，header表示门户网页头，container表示门户网的内容；sidebar表示侧边导航工具栏；maincontent表示门户网的主要功能区，可以划分为左边栏、右边栏、上边栏和下边栏，使用DIV可以针对主功能区进行更加细化的、嵌套的分割，从而可以美化门户网页面布局；footer表示门户网的页脚，可以利用DIV设置页脚的开始位置和结束位置。网页布局设计完毕之后，就可以利用CSS3进行详细划分，比如header的设计包代码如下。#header{width:1000px;margin-top:10px;margin-bottom:20px;margin-left:auto;margin-right:auto;}网站开发采用DIV和CSS技术可以为学校网站提供一个更加合理的网页空间布局，DIV可以封装网页布局子模块的内容，这些内容包括视频、图片、文字和表格，CSS是一个层叠式的样表，可以精确的控制网页的布局、背景和其他可视化效果。网站开发采用DIV和CSS技术，可以将网页中的代码、数字和文字高效传输，并且可以过滤无效的和不合规范的数据信息，进一步提高网站的响应速度。HTML5则是最新的计算机网站交互技术之一，可以满足多屏幕尺寸的自适应功能，比如网页中的图像显示自适应大小代码如下所述：“img{width:100%;-ms-interpolation-mode:bicubic;}”[3]。HTML5还引入了本地数据库，有效地支持DOMStorage和WebSQLDatabase两种先进的存储机制，可以完成本地存储或高速缓存操作，还可以利用SQL语法完成数据查询和插入操作，这样就可以提高交互式搜索的速度，提供一个缓存和索引功能，离线Web程序也可以使用，实现代码如下：“if(window.applicationCache){//支持离线应用}”[4]。HTML5可以利用<audio>和<video>标记等新的功能，这个功能可以有效地支持多媒体音频或视频操作，只要在Web网页中引入这两个关键标签，就不需要第三方插件即可完成音频和视频播放的功能，可以有效地提高Web网页的加载速度，也可以扩展互联网多媒体的发展空间。
4计算机网站数据处理技术
计算机网站最为关键的功能是实现数据加工和存储，目前常用的数据库软件包括SQL数据库、Oracle数据库、MySQL数据库，这些数据库概念强大，但是由于许多计算机网站还要适应移动设备，因此又引入了一种轻量级的数据库技术，也即是SQLite数据库技术，该技术是一种轻量级、并发性的数据库加工软件，其可以为数据库插入、修改、删除和查询信息提供一个应用程序接口，实现多种数据库的统一访问功能[5]。SQLite数据库还包括四个关键接口函数，分别是用于注册驱动的对象DriverManager、与数据库创建的连接对象Connection、数据库操作对象Statement和数据库操作结果集对象ResultSet。SQLite数据库能够为开发人员提供一个标准的应用程序接口，可以将所有的数据库操作语句嵌入到Java程序中，可以为更高级的工具提供跨平台操作技术，不需要受到应用软件配置数据库不同带来的影响。SQLite数据库能够为计算机网站提供一个移动式分布计算服务，与Java程序相互结合，更好地开发和实现移动设备软件，SQLite数据库利用Java远程过程调用机制，是面向对象的一个组成部分，可以将完整的对象作为返回值或参数传递给系统，不仅仅预定义数据类型，也及时可以将哈希表这样的复杂类型作为参数传递。SQLite数据库采用了自然的、直接的和功能全面的方法实现分布式计算服务，帮助程序员利用持续递增的方式添加系统功能。SQLite数据库还具有可移动性，将属性从客户机移动到服务器，也可以从服务器移动到客户机，降低客户机或服务器的工作量，促使系统具备更大的灵活性。
5结束语
计算机网站设计与开发是一项系统的、复杂的工作，其不仅要引入先进的技术保障网站顺利开发，还要保障计算机网站的并发性、可靠性、可移动性、自适应性，因此人们引入了很多的先进技术，比如基于DIV实现网站页面的整体布局和分割，基于CSS3技术实现每一个布局的设计，并且引入HTML5技术实现网站的自适应和多媒体显示，不仅可以有效规划网站的整体，还可以实现网站内容与形式的分离，精简网页设计的代码，促使网页空间结构更加简单和清晰，提高网站搜索引擎的索引效率，并且可以为未来网站升级提供契机，降低网页开发的工作量，提高网站维护的效率。
作者:刘新华 单位:广州市交通高级技工学校
