建HTML文件的文档对象模型。
[0044] HTML文件本质上只是文本文件，只加载HTML文件不会自动形成网页，还需要构建 HTML文件的文档对象模型（Document Object Model，DOM)。DOM是一种与浏览器、平台、语 言无关的接口，使得用户可以访问页面其他的标准组件。可以将HTML文件的DOM理解为网 页的API，它将网页中的各个元素都看作一个个对象，从而使网页中的元素也可以被计算机 语言获取或者编辑，例如Javascript就可以利用DOM动态地修改网页。
[0045] S20332,通过文档对象模型，调用图案字体对应的字体资源文件。
[0046] 调用图案字体对应的字体资源文件在于使得浏览器在窗口中渲染自定义字体字 符集中字体的样式和位置，调用图案字体对应的字体资源文件如下示例所示：
[0047]
[0048] 需要说明的是，上述实施例中，页面可以是用户教育页面。
[0049] 从上述本发明实施例提供的制作页面的方法可知，线框和/或个性化手写字体文 字被制作成图案字体，再通过加载层叠样式表，将所述图案字体定位至使用HTML文件制作 的页面。由于图案字体在页面中为矢量图形，而相对于位图的容量，矢量图形的容量较小， 因此，与现有技术直接将位图形式的png图片加载至页面相比，本发明提供的方法大大减 小了页面加载时的加载时间和用户流量，另一方面，由于矢量图形放大和缩小都不会失真， 因此，也减小了图案字体嵌入页面时的适配成本。
[0050] 下面对用于执行上述制作页面的方法的本发明实施例的制作页面的装置进行说 明，其基本逻辑结构参考图3。为了便于说明，仅仅示出了与本发明实施例相关的部分。附 图3示例的制作页面的装置可以浏览器或浏览器中的某个功能模块。附图3示例的制作页 面的装置主要包括字体制作模块301、第一加载模块302和定位模块303,各模块详细说明 如下：
[0051] 字体制作模块301，用于将用于制作页面的用户界面设计原稿中图片格式的线框 和/或个性化手写字体文字制作成一套图案字体。
[0052] 用户界面设计原稿中的线框和/或个性化手写字体文字为图片，其格式是png。若 直接将这些图片嵌入页面，则由于png图片容量较大，不仅加载页面时耗时过长，而且耗费 用户较多的流量。为了解决上述问题，在本发明实施例中，字体制作模块301将用于制作页 面的用户界面设计原稿中图片格式的线框和/或个性化手写字体文字制作成一套图案字 体。由于图案字体在页面中为矢量图形，而矢量图形的容量小、缩放不失真等特点，使得嵌 入了图案字体的页面在加载时时间大为减小。
[0053] 第一加载模块302,用于加载用于制作页面的超文本标记语言HTML文件。
[0054] 超文本标记语言（Hyper Text Markup Language, HTML)是一种专门用于创建Web 超文本文档的编程语言，它能告诉Web浏览程序如何显示Web文档（即网页）的信息，如何 链接各种信息。使用HTML可以在其生成的文档中含有其它文档，或者含有图像、声音、视频 等，从而形成超文本。其实，超文本文档本身并不真正含有其他的文档，它仅仅含有指向这 些文档的指针，这些指针就是上面所说的超链接。一个标准的HTML文件由HTML元素、元素 的属性和相关属性值3个基本部分组成。在本发明实施例中，用于制作页面的HTML文件包 含用于制作页面的众多HTML兀素、兀素的属性和相关属性值。
[0055] 定位模块303,用于通过加载层叠样式表CSS，将所述图案字体定位至使用所述 HTML文件制作的页面。
[0056] 层叠样式表（Cascading Style Sheets, CSS) -种用来为结构化文档(例如，HTML 文档或XML应用）添加样式(字体、间距和颜色等）的计算机语言。CSS由多组"规贝『组成， 每个规则由"选择器（seIector ) "、"属性（property ) "和"值（value ) "组成，其中，选择器 (selector)通常是需要改变样式的HTML元素，属性（property)的目的在控制选择器的样 式，值（value)是指属性接受的设置值，多个关键字时大都以空格隔开。
[0057] 需要说明的是，以上附图3示例的制作页面的装置的实施方式中，各功能模块的 划分仅是举例说明，实际应用中可以根据需要，例如相应硬件的配置要求或者软件的实现 的便利考虑，而将上述功能分配由不同的功能模块完成，即将所述制作页面的装置的内部 结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。而且，实际应用中，本 实施例中的相应的功能模块可以是由相应的硬件实现，也可以由相应的硬件执行相应的软 件完成，例如，前述的字体制作模块，可以是具有执行前述将用于制作页面的用户界面设计 原稿中图片格式的线框和/或个性化手写字体文字制作成一套图案字体的硬件，例如字体 制作器，也可以是能够执行相应计算机程序从而完成前述功能的一般处理器或者其他硬件 设备；再如前述的定位模块，可以是通过加载层叠样式表CSS，将图案字体定位至使用HTML 文件制作的页面功能的硬件，例如定位器，也可以是能够执行相应计算机程序从而完成前 述功能的一般处理器或者其他硬件设备(本说明书提供的各个实施例都可应用上述描述原 则)。
[0058] 附图3示例的字体制作模块301可以包括切割单元401、保存单元402和指定单元 403,如附图4所示本发明另一实施例提供的制作页面的装置，其中：
[0059] 切割单元401，用于将图片格式的线框和/或个性化手写字体文字切割成多个单 独的可移植网络图形格式png图片。
[0060] 切割单元401将图片格式的线框和/或个性化手写字体文字切割成多个单独的可 移植网络图形格式png图片时，可以采用常用的图形/图片处理软件，例如PhotoShop进行 切割。需要说明的是，图片格式的线框和/或个性化手写字体文字被切割时，无需按照单段 线段或者单个文字切割，可以是以一个线框、多个线框或几个文字为单位进行切割，即，切 割单元401可以将一个线框切割成单独的png图片、将多个线框切割成单独的png图片或 将几个文字切割成单独的png图片。
[0061] 保存单元402,用于保存png图片。
[0062] 保存单元402保存由线框和/或个性化手写字体文字切割成的多个单独的png图 片，其目的是在后续步骤中，由字体软件指定为自定义字符时使用。
[0063] 指定单元403,用于将每个png图片指定为自定义字体字符集中的一个字符。 [0064]自定义字体字符集构成字体资源文件的主要内容。
[0065] 附图3示例的定位模块303可以包括第二加载单元501、第一调用单元502和嵌入 单元503,如附图5所示本发明另一实施例提供的制作页面的装置，其中：
[0066] 第二加载单元501，用于加载层叠样式表对应的CSS文件。
[0067] 实际上，CSS-般不会独立使用，而是和HTML文件一起制作网页。如前所述，CSS 的作用是定义网页的外观，例如字体、颜色等，要制作外观比较好的网页，需要第二加载单 元501加载层叠样式表对应的CSS文件。
[0068] 第一调用单元502,用于根据CSS文件的外部资源请求，调用图案字体对应的字体 资源文件。
[0069] 如前所述，字体资源文件的主要内容是自定义字体字符集。第一调用单元502调 用图案字体对应的字体资源文件的示例如下代码所示(使用CSS描述）：
[0070]
[0071] 嵌入单元503,用于通过构建HTML文件的文档对象模型，将图案字体嵌入至使用 HTML文件制作的页面。
[0072] 附图5示例的嵌入单元503可以包括构建单元601和第二调用单元602,如附图6 所示本发明另一实施例提供的制作页面的装置，其中：
[0073] 构建单元601，用于构建HTML文件的文档对象模型。
[0074] 第二调用单元602,用于通过文档对象模型，调用图案字体对应的字体资源文件。
[0075] 上述制作页面的装置的实施例中，页面可以是用户教育页面。
[0076] 本发明实施例还给出一种智能终端，该智能终端可以用于实施上述实施例中提供 的制作页面的方法。具体来讲：智能终端可以包括有一个或一个以上计算机可读存储介质 的存储器、一个或者一个以上处理核心的处理器等部件。本领域技术人员可以理解，上述智 能终端结构并不构成对智能终端的限定，可以包括更多或更少的部件，或者组合某些部件， 或者不同的部件布置。其中：
[0077] 存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序 以及模块，从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数 据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序（比如声音播放功 能、图像播放功能等)等；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器 可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、 闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供 处理器对存储器的访问。