CN106033348A - 一种制作网页的方法、装置及电子设备 - Google Patents

Abstract

本申请公开了一种制作网页的方法、装置及电子设备。其中所述制作网页的方法包括：读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。采用本申请提供的方法，能够自动生成与源文件对应的网页文件，使得无需专业网页制作者即可快速制作网页，从而达到减少网页制作者工作量的效果。

Description

一种制作网页的方法、装置及电子设备

技术领域

本申请涉及互联网应用技术领域，具体涉及一种制作网页的方法和装置。本申请还具体涉及一种电子设备。

背景技术

随着互联网的飞速发展，移动办公和分布式办公越来越普及，这需要我们将各种文件以网页的形式展示给使用者。目前制作网页最直接的方式是通过专门的网页制作软件，在软件平台中完成制作一个网页的所有工作，例如：Microsoft FrontPage、DreamWeaver、Microsoft Visual Studio等软件。当网页制作完成后，若后续需要修改网页中的内容，则需要回到软件平台中进行内容替换等编辑工作，生成更新后的网页。

网页代码是在网页制作过程中需要用到的一些特殊的“语言”，网页制作者通过对这些“语言”进行组织编排制作出网页。制作网页时常用的代码有HTML，JavaScript，ASP，PHP，CGI等，其中超文本标记语言(标准通用标记语言下的一个应用，简称：HTML)是最基础的网页代码。可见，现有的网页制作方法，需要网页制作者掌握网页编写和专业制作软件使用的相关技能。

在实际工作中，往往存在大量需要在互联网中发布的文件，例如：各种通知、培训材料等。在这种情况下，网页制作者只能到软件平台中逐个手动制作或修改网页文件。采用这种制作方式，不仅需要网页制作者掌握网页编写和专业软件的相关技能，而且网页制作者的人工工作量是极大的，从而严重影响网页的制作效率。

因此，现有技术存在无法脱离网页制作软件平台制作网页的问题。

发明内容

本申请提供一种制作网页的方法、装置及电子设备，以解决现有技术存在无法脱离网页制作软件平台制作网页的问题。

本申请提供一种制作网页的方法，包括：

读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；

根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

可选的，所述读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，采用如下方式：

通过电子表格软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

可选的，所述电子表格软件包括Excel应用程序。

可选的，所述读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，采用如下方式：

通过开发软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

可选的，所述开发软件包括Visual Basic软件。

可选的，所述根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件，包括：

遍历所述源文件中各行数据，获取所述数据的格式；

根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素；

将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

可选的，所述格式包括字体、颜色或文本的结构层次；所述文本的结构层次包括标题、标题1、副标题、正文、强调或要点。

可选的，所述源文件包括Word文件。

可选的，所述网页文件包括HTML文件、Servlet文件或JSP文件。

可选的，所述网页文件使用层叠样式表。

可选的，所述网页文件使用层叠样式表，采用如下方式：

将所述网页文件链接到外部层叠样式表。

可选的，所述网页文件使用层叠样式表，采用如下方式：

在所述网页文件中创建嵌入的层叠样式表。

可选的，所述网页文件使用层叠样式表，采用如下方式：

应用内嵌层叠样式到所述网页文件中的各个网页元素。

可选的，所述网页元素包括自定义的网页元素。

本申请还提供一种制作网页的装置，包括：

读取单元，用于读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；

生成单元，用于根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

可选的，所述生成单元包括：

遍历子单元，用于遍历所述源文件中各行数据，获取所述数据的格式；

获取子单元，用于根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素；

插入子单元，用于将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

此外，本申请还提供一种电子设备，所述电子设备包括：

显示器；

处理器；以及

存储器，所述存储器被配置成存储包括网页内容的源文件，所述源文件被所述处理器执行时，在所述存储器存储与所述源文件对应的网页文件，所述网页文件采用如下方式生成：

根据预存的格式与网页元素的对应关系，将所述源文件中各行数据的格式对应的网页元素插入到相应行数据的内容中，生成与所述源文件对应的网页文件。

与现有技术相比，本申请具有以下优点：

本申请提供的制作网页的方法、装置及电子设备，通过读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，并根据预存的格式与网页元素的对应关系，将各行数据的格式对应的网页元素插入到相应行数据的内容中，能够自动生成与源文件对应的网页文件，使得无需专业网页制作者即可快速制作网页，从而达到减少网页制作者工作量的效果。

附图说明

图1是本申请的制作网页的方法实施例的流程图；

图2是本申请的制作网页的方法实施例步骤S103的具体流程图；

图3是本申请的制作网页的装置实施例的示意图；

图4是本申请的制作网页的装置实施例生成单元103的具体示意图；

图5是本申请的电子设备实施例的示意图。

具体实施方式

在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其它方式来实施，本领域技术人员可以在不违背本申请内涵的情况下做类似推广，因此本申请不受下面公开的具体实施的限制。

在本申请中，提供了一种制作网页的方法、装置及电子设备。在下面的实施例中逐一进行详细说明。

请参考图1，其为本申请的制作网页的方法实施例的流程图。所述方法包括如下步骤：

步骤S101：读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式。

本申请实施例所述的源文件包括数据的内容及其格式。通过计算机存储数据的文件格式有很多种，例如：记事本存储的文本文件、数据库中的数据表、Word应用程序编辑的Word文件、Excel应用程序编辑的Excel文件等。其中，文本文件中存储的数据和数据库中的数据均为纯数据，是无法设置数据格式的，而Word文件和Excel文件既能够包含数据本身(即：数据的内容)，也能够包含数据的格式。因此，本申请实施例所述的源文件是带有格式的文件，例如：Word文件、Excel文件等。

本申请实施例提供的制作网页的方法，是基于这样一种设计构思，即：根据源文件中各行数据的已有格式，以及格式与网页元素的对应关系，获取源文件中各行数据对应的网页元素，并根据源文件中各行数据的内容及其对应的网页元素，自动生成网页文件。因此，要实施本申请提供的方法，首先需要读取源文件，获取源文件中各行数据。在本实施例中，获取源文件中各行数据的内容及其格式，可以采用如下方式：方式一、通过电子表格软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式；方式二、通过开发软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

方式一、通过电子表格软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

在本实施例中，源文件是一个Word文件。Word是微软公司Microsoft office系列的一个文字处理应用程序。通过Word应用程序，能够为数据的内容设置各种格式，例如：字体、颜色或文本的结构层次等，文本的结构层次包括标题、标题1、副标题、正文、强调或要点等。

在计算机中，读取文件需要使用特定的软件。本实施例的源文件是一个Word文件。Word软件属于Office办公软件系列，因此通过Office办公软件系列的应用程序即可以读取Word文件，例如：Excel应用程序等。

Microsoft Excel是微软公司的办公软件Microsoft office的组件之一，是由Microsoft为Windows和Apple Macintosh操作系统的电脑而编写和运行的一款试算表软件。Excel是微软办公套装软件的一个重要的组成部分，它可以进行各种数据的处理、统计分析和辅助决策操作，广泛地应用于管理、统计财经、金融等众多领域。

在本实施例中，使用Excel应用程序读取Word文件，从而能够获取Word文件中各行数据的内容及其格式。通过Excel应用程序读取Word文件，能够将源文件包括的数据内容和格式分开显示在不同的单元格中，从而达到易于网页制作人员查看源文件中各行数据的具体详情的效果。

方式二、通过开发软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

除了上述通过Excel应用程序读取Word文件外，还可以通过开发软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式，例如：通过VisualBasic软件读取Word文件。

Visual Basic是一种由Microsoft公司开发的结构化的、模块化的、面向对象的、包含协助开发环境的事件驱动为机制的可视化程序设计语言。它源自于BASIC编程语言。VB拥有图形用户界面(GUI)和快速应用程序开发(RAD)系统，可以轻易的使用DAO、RDO、ADO连接数据库，或者轻松的创建ActiveX控件。程序员可以轻松的使用VB提供的组件快速建立一个应用程序。

通过Visual Basic软件读取Word文件的过程如下：1)读取指定的Word文件，将Word文件作为一个文件对象；2)读取Word对象的每一行或每一段数据，获取Word文件包括的各行数据的具体内容及其相应的格式。

通过步骤S101读取包括网页内容的源文件，获取源文件中各行数据的内容及其格式后，就可以进入步骤S103进行格式到网页元素的转换处理，从而完成网页的制作。

步骤S103：根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

本申请实施例所述的格式与网页元素的对应关系，是预先设定的对应关系。格式与网页元素的对应关系可以存储在程序语句中，还可以存储在文件中。存储格式与网页元素的对应关系的文件格式包括：数据库文件、Excel文件、CVS等文件。

本申请实施例所述的网页元素包括文字、图片、音频、动画、视频等网页元素。网页元素既可以为HTML语言中内置的网页元素，也可以为自定义的网页元素。请参考表1，其为本申请的制作网页的方法实施例中格式与网页元素的对应关系。

表1、格式与网页元素的对应关系

表1中示例的网页元素“文档主标题”、“空行”、“一级标题”等均为自定义的网页元素。在实际应用中，根据具体需求，可以选择HTML语言中内置的网页元素，和/或自定义的网页元素。在实际应用中，应该注意自定义的网页元素尽量不要以汉字表示，最好是把上面的汉字改成拼音，这样可以确保网页在不支持中文的系统中显示正常。

请参考图2，其为本申请的制作网页的方法实施例步骤S103的具体流程图。在本实施例中，所述根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件，包括：

步骤S1031：遍历所述源文件中各行数据，获取所述数据的格式。

步骤S1032：根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素。

首先，通过步骤S1031遍历源文件的各行数据，逐行获取数据的格式；然后，通过步骤S1032根据所述格式与网页元素的对应关系，获取每一行数据的格式所对应的网页元素，从而完成从格式到网页元素的映射。

步骤S1033：将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

通过步骤S1032获取到每一行数据的格式所对应的网页元素后，再将网页元素插入到该行数据的内容中，生成与源文件对应的网页文件。网页文件既可以为静态网页，例如：HTML文件，也可以为动态网页，例如：Servlet文件或JSP文件。

在本实施例中，所述网页文件是HTML文件，通过Excel应用程序或VisualBasic软件读取源文件后，应用表1提供的格式与网页元素的对应关系，若获取某一行数据的格式为“zbt”，则在该行数据的内容前加上网页元素的开始标签<文档主标题>，在该行数据的内容后加上网页元素的开始标签</文档主标题>。最后，将所有插入了网页元素的数据内容存储为HTML文件，生成与包括网页内容的源文件对应的网页文件。通常静态网页文件以.htm做为文件扩展名，例如index.htm。

为了能够做到网页表现与内容分离，本申请实施例提供的制作网页的方法，生成的与源文件对应的网页文件还可以使用层叠样式表。层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。通过使用层叠样式表，能够做到网页表现与内容分离。相对于传统HTML的表现而言，层叠样式表能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。层叠样式表能够根据不同使用者的理解能力，简化或者优化写法，针对各类人群，有较强的易读性。

如果要在网页元素中设置层叠样式，则需要在网页元素中设置"id"和"class"选择器。id选择器可以为标有特定id的网页元素指定特定的样式。网页元素以id属性来设置id选择器，层叠样式中id选择器以"#"来定义。例如：以下的样式规则应用于元素属性id＝"para1"：

#para1

{

text-align:center；

color:red；

}

在实际应用中，应该注意id属性不要以数字开头，数字开头的id在Mozilla/Firefox浏览器中不起作用。

在实际应用中，有三种方法可以在站点网页文件上使用层叠样式表，分别为：1)外部样式，将网页文件链接到外部层叠样式表；2)内页样式，在网页文件上创建嵌入的层叠样式表；3)行内样式，应用内嵌样式到网页文件上的各个网页元素。

上述每一种方法均有其优缺点：当要在站点上所有或部分网页上一致地应用相同样式时，可使用方法1的外部样式，将网页文件链接到外部层叠样式表。在一个或多个外部样式表中定义样式，并将它们链接到所有网页，便能确保所有网页外观的一致性。如果决定更改样式，只需在外部样式表中修改一次，而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以.css做为文件扩展名，例如Mystyles.css。然后在需要此样式的页面中将其链接进来，例如：

<linkhref＝"/css/Mystyles1.css"rel＝"stylesheet"type＝"text/css"/>

<linkhref＝"/css/Mystyles2.css"rel＝"stylesheet"type＝"text/css"/>

当只是要定义当前网页的样式，可使用方法2的内页样式，在网页文件上创建嵌入的层叠样式表。嵌入的样式表是一种层叠样式表，“嵌”在网页的<HEAD>标记符内。嵌入的样式表中的样式只能在同一网页上使用，例如：

<styletype＝"text/css">

<！--/*把声明的样式包含在一个网页注释中，这样可以解决较老的浏览器不识别style的问题*/

body{background:grey；}

-->

</style>

还可以使用方法3的行内样式，应用内嵌样式到网页文件上的各个网页元素。使用内嵌样式以应用层叠样式表属性到网页元素上，例如：

<p style＝"@importurl('Mystyles1.css')；">层叠样式表文档</p>

如果网页文件链接到外部样式表，为网页文件所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

在上述的实施例中，提供了一种制作网页的方法，与之相对应的，本申请还提供一种制作网页的装置。该装置是与上述制作网页的方法的实施例相对应。

请参看图3，其为本申请的制作网页的装置实施例的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。

本实施例的一种制作网页的装置，包括：

读取单元101，用于读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；

生成单元103，用于根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

图4是本申请的制作网页的装置实施例生成单元103的具体示意图。可选的，所述生成单元103包括：

遍历子单元1031，用于遍历所述源文件中各行数据，获取所述数据的格式；

获取子单元1032，用于根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素；

插入子单元1033，用于将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

本申请还提供一种电子设备，所述电子设备包括：

显示器201；

处理器202；以及

存储器203，所述存储器203被配置成存储包括网页内容的源文件，所述源文件被所述处理器202执行时，在所述存储器203存储与所述源文件对应的网页文件，所述网页文件采用如下方式生成：

根据预存的格式与网页元素的对应关系，将所述源文件中各行数据的格式对应的网页元素插入到相应行数据的内容中，生成与所述源文件对应的网页文件。

本申请提供的制作网页的方法、装置及电子设备，通过读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，并根据预存的格式与网页元素的对应关系，将各行数据的格式对应的网页元素插入到相应行数据的内容中，能够自动生成与源文件对应的网页文件，使得无需专业网页制作者即可快速制作网页，从而达到减少网页制作者工作量的效果。

本申请虽然以较佳实施例公开如上，但其并不是用来限定本申请，任何本领域技术人员在不脱离本申请的精神和范围内，都可以做出可能的变动和修改，因此本申请的保护范围应当以本申请权利要求所界定的范围为准。

在一个典型的配置中，计算设备包括一个或多个处理器(CPU)、输入/输出接口、网络接口和内存。

内存可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。

1、计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括非暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。

2、本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

Claims (17)

1.一种制作网页的方法，其特征在于，包括：

读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；

根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

2.根据权利要求1所述的制作网页的方法，其特征在于，所述读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，采用如下方式：

通过电子表格软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

3.根据权利要求2所述的制作网页的方法，其特征在于，所述电子表格软件包括Excel应用程序。

4.根据权利要求1所述的制作网页的方法，其特征在于，所述读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式，采用如下方式：

通过开发软件，读取所述源文件，获取所述源文件中各行数据的内容及其格式。

5.根据权利要求4所述的制作网页的方法，其特征在于，所述开发软件包括Visual Basic软件。

6.根据权利要求1所述的制作网页的方法，其特征在于，所述根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件，包括：

遍历所述源文件中各行数据，获取所述数据的格式；

根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素；

将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

7.根据权利要求1-6任一项所述的制作网页的方法，其特征在于，所述格式包括字体、颜色或文本的结构层次；所述文本的结构层次包括标题、标题1、副标题、正文、强调或要点。

8.根据权利要求1-6任一项所述的制作网页的方法，其特征在于，所述源文件包括Word文件。

9.根据权利要求1-6任一项所述的制作网页的方法，其特征在于，所述网页文件包括HTML文件、Servlet文件或JSP文件。

10.根据权利要求1-6任一项所述的制作网页的方法，其特征在于，所述网页文件使用层叠样式表。

11.根据权利要求10所述的制作网页的方法，其特征在于，所述网页文件使用层叠样式表，采用如下方式：

将所述网页文件链接到外部层叠样式表。

12.根据权利要求10所述的制作网页的方法，其特征在于，所述网页文件使用层叠样式表，采用如下方式：

在所述网页文件中创建嵌入的层叠样式表。

13.根据权利要求10所述的制作网页的方法，其特征在于，所述网页文件使用层叠样式表，采用如下方式：

应用内嵌层叠样式到所述网页文件中的各个网页元素。

14.根据权利要求1-6任一项所述的制作网页的方法，其特征在于，所述网页元素包括自定义的网页元素。

15.一种制作网页的装置，其特征在于，包括：

读取单元，用于读取包括网页内容的源文件，获取所述源文件中各行数据的内容及其格式；

生成单元，用于根据预存的格式与网页元素的对应关系，将各行数据的所述格式对应的网页元素插入到相应行数据的所述内容中，生成与所述源文件对应的网页文件。

16.根据权利要求15所述的制作网页的方法，其特征在于，所述生成单元包括：

遍历子单元，用于遍历所述源文件中各行数据，获取所述数据的格式；

获取子单元，用于根据所述格式与网页元素的对应关系，获取所述格式对应的网页元素；

插入子单元，用于将所述网页元素插入到所述数据的内容中，生成与所述源文件对应的网页文件。

17.一种电子设备，其特征在于，所述电子设备包括：

显示器；

处理器；以及

存储器，所述存储器被配置成存储包括网页内容的源文件，所述源文件被所述处理器执行时，在所述存储器存储与所述源文件对应的网页文件，所述网页文件采用如下方式生成：

根据预存的格式与网页元素的对应关系，将所述源文件中各行数据的格式对应的网页元素插入到相应行数据的内容中，生成与所述源文件对应的网页文件。