帮助与支持解决方案静态页制作.docVIP

帮助与支持解决方案静态页制作说明 文件目录结构 在help文件夹下有名为static文件夹，主要用于存放各分类下的静态页。以下是目录结构、对应分类名称及分类编号的说明。 help |-----static | ----- new(分类名称：新手入门，分类编号：010) |-----common（分类名称：常见问题，分类编号： 020） |----- mytable（分类名称：个人事务，分类编号：020003） |----- workflow（分类名称：工作流，分类编号：020006） |----- erp（分类名称：行政办公，分类编号：020009） |----- hr（分类名称：人力资源，分类编号：020012） |----- ispirit（分类名称：OA精灵，分类编号：020015） |----- component（分类名称：组件，分类编号：020018） |----- all（分类名称：综合，分类编号：020021） 该文件目录结构实际效果如下图所示： 静态页制作 help/static目录下的模板页index.html界面包含页首，内容，页尾三个子页面。其中，页首和页尾是固定的。header.html和footer.html分别代表页首和页尾。在demo.html中已包含这两个页面。内容显示的即是我们需要制作的静态页部分，example.html页面为内容页模板。如下图所示： 接下来介绍静态页制作流程。 步骤一：首先确定解决方案所在分类，及编号，静态文件应该放置的目录路径。 以“如何给外部邮箱发送电子邮件呢？”问题为例，在已录入数据库问题表，该问题编号为14，分类编号为020006，如下图所示： 由文件目录结构中介绍的分类编号，得知该问题属于常见问题分类下，个人事务模块下的问题。复制help/static目录下的index.html和example.html文件到help/static/common/mytable路径下，并将index.html文件名改为td_14.html。example.html文件名改为14.html如下图所示： 步骤二：右键用记事本打开文件14.html，如下图所示。 参照解决方案word文档的具体内容，将问题标题替换为“如何给外部邮箱发送电子邮件呢？”其余内容自行替换。原word文档内容如下所示： 复制word文档内容，替换对应位置的html内容后，如下图所示。修改完毕后，保存文件即可。 插入图片：若需要用到插入图片，首先应该在本分类目录下创建一个images的目录。若已存在则无需创建，只需要在images目录下（若无images文件夹，需自行创建），创建名为q_id（问题编号）的文件夹，用于保存该解决方案的图片。本例中，效果如下图所示。 在解决方案的word文档中，将所需要的图片，点击右键，另存为图片，保存在14目录下，编号为14-开头，顺序编号。 需要在网页中引用该文件，则使用以下html标签引用即可。 div align=centerimg src=images/14/14-1.png//divbr/ 步骤三：按照以上步骤制作静态页完毕后，打开td_14.html文件，将q_id.html修改为14.html最后保存即可。如下图所示： 步骤四：实际静态页效果如下图所示。