网络出版中相似文献比对查看的方法探讨

2014-11-14 08:25纪宏伟
江苏科技信息 2014年16期
关键词:浏览器网页代码

纪宏伟

(江苏省如皋高等师范学校,江苏如皋 226500)

0 引言

网络出版是适应时代需求的知识传播和信息获取的重要渠道[1]。在文献检索或下载文献时,经常发现有些文献似曾相识。假设要查看2篇相似文献,怎么做看起来才更方便、更舒服?笔者认为绝多数人的做法是把这2篇文献打印出来,然后细细查看比对。如果不打印,直接在电脑上观看呢?显然这是一个很有意义的问题,因为现如今提倡节约环保,提倡“无纸化”,且人们在工作中已习惯了使用电脑应用软件来打开和阅读各种各样的电子文档。但是,由于现在的目的是对文献进行比对性的查看,因此通常的那种先打开2篇文献,然后来回切换屏幕进行对照的方法就很不适合了,这不仅非常容易引起眼睛疲劳,而且效率较差,很浪费时间。所以一个很自然的想法是:能否把2篇文献放在同一屏幕下,呈左右布局,其页面结构如图1所示,这样对比查阅起来就轻松多了。

图1 页面结构示意图

如果读者懂一点网页的制作技术(由于有Dreamweave等可视化的专业软件,现在制作网页的技术门槛已经非常低了),那么实现以上的想法是不太困难的事。

1 准备工作

从网上下载的文献一般都是CAJ或PDF格式[2],先将其转成图片格式,这一步是很有必要的,因为目前各主流浏览器还无法支持直接打开CAJ文档的功能,对于PDF文档来说,也并非所有的浏览器都默认能够识别文件的扩展名,从而自动激活该扩展名所关联的程序来打开PDF文档。因此如果设置成图片格式,那么就不存在因为浏览器的原因而不能打开或显示的问题。

那么,如何转化成图片格式呢?虽然网上有一些辅助性的小工具,如pdf xchange,PDF To Image Converter之类的软件,但是用这些工具转化的效果总体不够理想,对于某些PDF文档,转化的结果甚至是满篇乱码,真可谓“满目皆非”[3]。笔者经过实践摸索,认为把文献原文内容原汁原味“截图”下来,不失为一个非常理想的做法。由于文献页码一般不止1页、因此在电脑屏幕上显示的页面长度一般较长,所以笔者推荐用SnagIt来截屏,它里面有个“自动滚屏窗口”的功能非常实用,可以自动滚屏截取整个页面,从而把文献的所有内容智能化的截成单张图片,非常方便、高效。

2 具体做法

2.1 第1种方式

建立如图2所示的目录结构。

图2 目录结构

其中images文件夹用来存放图片(把用来对比的2篇文献事先制作好图片格式,放在该目录下),不妨将其分别命名为left和right。index.html是主页文件,将其切换到代码模式,在<head>与</head>之间添加如下样式表语句:

本段代码的作用是判断当前屏幕高度并使左右图片自适应屏幕显示,编写时借鉴了 http://www.nicesharing.com/网站设计思路(见图3)。该网站的特色是可以将2个网页合并起来,但是就本文所述任务来说,制作过程比较繁琐(如先要分别制作2个不同网址就很麻烦),且其合成后网页的代码非常冗余,笔者个人网站专题项目[4],就是用“Combine 2 Site into 1”合并网址的思路做成的,但是做起来不是很方便省事。显然上面中的代码大大优化了[4]中的原有代码,制作起来变得非常高效且简单,这不能不说是一大亮点所在。

图3 合并网页功能

2.2 第2种方式

第1种方式虽然代码简洁,上手容易,但是在页面显示效果上,只会出现上下滚动条,没有左右滚动条,这有一定局限性,因为电脑屏幕不是很宽的话,图片右边一些的区域可能被遮挡,致使无法浏览。相比较第1种方式,下面的代码不仅更加精简,而且拓展了框架内的空间,从而方便通过竖向和横向滚动条来查看隐藏的内容。第1步仍是在<head>与</head>之间添加如下样式表语句:

本代码中<iframe>标签定义了一个矩形的区域,在这个区域中,浏览器会显示一个单独的文档,包括滚动条和边框,src属性值是显示在内联框架中的文档的URL,可以是图片,也可以是网页,如 src=′images/01/index.html′。Scrolling 属性可以设定滚动条是否显示,通过它来实现页面的滚动,auto表示自动出现滚动条。通过架构内联框架,就达到了http://www.nicesharing.com/网站类似的效果,从而实现了在同一网页上查看比对2篇相似文献的目的[5]。经过实践,发现简便易行,对比阅读效果不错,具有较好的普适性和应用价值。

[1]李仙郎.科技文献网络出版状况探讨[J].江苏科技信息,2013(10):27.

[2]中国知网.CAJViewer简介[EB/OL].http://www.cnki.net/software/xzydq.htm.

[3]纪宏伟.对PDF文档的认识与应用探讨[J].计算机时代,2011(6):49-50.

[4]纪宏伟.相似文献比较[EB/OL].http://www.qiusuowu.com/keyan/compare/.

[5]纪宏伟.把相似文献放在同一网页上对比查看实例[EB/OL].http://www.qiusuowu.com/keyan/compare/nicesharing.com/all.

猜你喜欢
浏览器网页代码
反浏览器指纹追踪
创世代码
创世代码
创世代码
创世代码
基于CSS的网页导航栏的设计
基于URL和网页类型的网页信息采集研究
环球浏览器
网页制作在英语教学中的应用
10个必知的网页设计术语