计算机网站设计关键技术应用

刘新华

（广州市交通高级技工学校 广东省广州市 510540）

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所示。

图1：基于微服务架构的计算机网站

微服务架构是一项非常先进的计算服务技术，其可以与当前最为流行的云计算进行结合，在云中部署应用程序，从而可以方便使用智能手机等移动设备登录网站，微服务架构通过“轻量级设备与HTTP 型API 进行沟通”，可以实现网站的重构和逆向工程，从而可以在不影响网站整体架构的过程中，进一步提高服务性能，不影响计算机网站的接入和输出[2]。微服务架构可以将网站的功能分解到各个离散的服务中，从而降低系统功能的耦合性和提高系统灵活性，围绕计算机网站的业务领域组件创建应用，从而可以进行迭代升级和管理服务，加快了Web 应用网站向移动应用网站的转变。微服务能够给应用网站提供一个API Gateway 接口，为网站工程师提供一个服务入口，该入口对前台是透明的，能够聚合后台的多种服务，实现安全过滤和流量控制，还可以提高网站的性能。

3 计算机网站页面开发技术

目前，计算机网站设计的页面开发非常重要，引入的关键技术非常多，比如HTML5、XML、JavaScript、CSS3 和DIV 等，不仅可以提高网页动态交互设计能力，还可以实现网页跨平台和跨终端设备设计，满足当前多屏幕尺寸的终端应用需求。CSS3 技术可以为网页设计提供层叠样式表，为网页设计提供信息标记语言，准确的控制网页版面的布局、颜色、背景，提高了网页版面的丰富多彩性，也可以触发网页设计者的灵感，确保用户的体验更加简易，增强人们浏览互联网的兴趣。DIV 可以完成网页整体布局和框架结构设计，也可以运用网页标记和语言等关键元素，为网页设计提供一个系统化和结构化的背景，并且形成一个整体的网页定位技术，DIV 技术可以为网页设计提供约束配置和控制功能，有效的保护网页设计文档。基于DIV 在网页布局中的定义结构代码如下所述。

其中，wrapper 表示门户网的主体，以便能够与页脚进行区别，header 表示门户网页头，container 表示门户网的内容；sidebar 表示侧边导航工具栏；maincontent 表示门户网的主要功能区，可以划分为左边栏、右边栏、上边栏和下边栏，使用DIV 可以针对主功能区进行更加细化的、嵌套的分割，从而可以美化门户网页面布局；footer 表示门户网的页脚，可以利用DIV 设置页脚的开始位置和结束位置。

网页布局设计完毕之后，就可以利用CSS3 进行详细划分，比如header 的设计包代码如下。

网站开发采用DIV 和CSS 技术可以为学校网站提供一个更加合理的网页空间布局，DIV 可以封装网页布局子模块的内容，这些内容包括视频、图片、文字和表格，CSS 是一个层叠式的样表，可以精确的控制网页的布局、背景和其他可视化效果。网站开发采用DIV 和CSS 技术，可以将网页中的代码、数字和文字高效传输，并且可以过滤无效的和不合规范的数据信息，进一步提高网站的响应速度。

HTML5 则是最新的计算机网站交互技术之一，可以满足多屏幕尺寸的自适应功能，比如网页中的图像显示自适应大小代码如下所述：“img{width:100%； -ms-interpolation-mode: bicubic；}”[3]。HTML5 还引入了本地数据库，有效地支持DOM Storage 和Web SQL Database 两种先进的存储机制，可以完成本地存储或高速缓存操作，还可以利用SQL 语法完成数据查询和插入操作，这样就可以提高交互式搜索的速度，提供一个缓存和索引功能，离线Web程序也可以使用，实现代码如下：“if(window.applicationCache) {//支持离线应用}”[4]。HTML5 可以利用

4 计算机网站数据处理技术

计算机网站最为关键的功能是实现数据加工和存储，目前常用的数据库软件包括SQL 数据库、Oracle 数据库、MySQL 数据库，这些数据库概念强大，但是由于许多计算机网站还要适应移动设备，因此又引入了一种轻量级的数据库技术，也即是SQLite 数据库技术，该技术是一种轻量级、并发性的数据库加工软件，其可以为数据库插入、修改、删除和查询信息提供一个应用程序接口，实现多种数据库的统一访问功能[5]。SQLite 数据库还包括四个关键接口函数，分别是用于注册驱动的对象DriverManager、与数据库创建的连接对象Connection、数据库操作对象Statement 和数据库操作结果集对象ResultSet。SQLite 数据库能够为开发人员提供一个标准的应用程序接口，可以将所有的数据库操作语句嵌入到Java 程序中，可以为更高级的工具提供跨平台操作技术，不需要受到应用软件配置数据库不同带来的影响。

SQLite 数据库能够为计算机网站提供一个移动式分布计算服务，与Java 程序相互结合，更好地开发和实现移动设备软件，SQLite 数据库利用Java 远程过程调用机制，是面向对象的一个组成部分，可以将完整的对象作为返回值或参数传递给系统，不仅仅预定义数据类型，也及时可以将哈希表这样的复杂类型作为参数传递。SQLite 数据库采用了自然的、直接的和功能全面的方法实现分布式计算服务，帮助程序员利用持续递增的方式添加系统功能。SQLite 数据库还具有可移动性，将属性从客户机移动到服务器，也可以从服务器移动到客户机，降低客户机或服务器的工作量，促使系统具备更大的灵活性。

5 结束语

计算机网站设计与开发是一项系统的、复杂的工作，其不仅要引入先进的技术保障网站顺利开发，还要保障计算机网站的并发性、可靠性、可移动性、自适应性，因此人们引入了很多的先进技术，比如基于DIV 实现网站页面的整体布局和分割，基于CSS3 技术实现每一个布局的设计，并且引入HTML5 技术实现网站的自适应和多媒体显示，不仅可以有效规划网站的整体，还可以实现网站内容与形式的分离，精简网页设计的代码，促使网页空间结构更加简单和清晰，提高网站搜索引擎的索引效率，并且可以为未来网站升级提供契机，降低网页开发的工作量，提高网站维护的效率。