李德根
黑龍江科技大學(xué) 黑龍江省 哈爾濱市 150022
新媒體環(huán)境下科技論文HTML頁面布局及元素編排
李德根
黑龍江科技大學(xué) 黑龍江省 哈爾濱市 150022
為提高科技論文在新媒體環(huán)境下的傳播和利用,通過分析科技論文HTML格式的優(yōu)勢,借鑒HTML技術(shù),根據(jù)科技論文的特點(diǎn),從科技論文HTML布局,以及科技論文元數(shù)據(jù)文字、圖、表和公式的角度進(jìn)行研究,給出其編排的技巧與代碼實(shí)現(xiàn)的實(shí)例,通過對(duì)科技論文HTML編排的研究,以期為科技論文在數(shù)字出版環(huán)境下的HTML出版提供借鑒。
數(shù)字出版 HTML 科技論文 元數(shù)據(jù)
新媒體與傳統(tǒng)媒體的融合已成為傳媒業(yè)和出版界的熱點(diǎn),為應(yīng)對(duì)新媒體的沖擊,傳統(tǒng)媒體已在理論和實(shí)踐中不斷研究傳統(tǒng)媒體與新媒體的融合。媒體融合不僅僅是傳播手段、傳播方式的多樣化,更應(yīng)是傳播理念、思維方式的改變,其需要科技期刊辦刊者采用互聯(lián)網(wǎng)思維去辦刊,在網(wǎng)絡(luò)環(huán)境下建立新媒體的科技期刊運(yùn)營模式、傳播模式、服務(wù)模式。目前,新媒體環(huán)境下科技期刊對(duì)新媒體的研究與使用主要有三個(gè)角度:一是如何利用新媒體提高編校業(yè)務(wù);二是新媒體對(duì)科技期刊受眾行為的影響;三是科技期刊在新媒體環(huán)境中的發(fā)展。目前,科技期刊使用新媒體,以網(wǎng)站建設(shè)、數(shù)字期刊、集群化平臺(tái)應(yīng)用為主,以及開設(shè)微博賬號(hào)等社交媒體的傳播。隨著平板電腦和手機(jī)普及,碎片化閱讀習(xí)慣的產(chǎn)生,人們開始在PC 端和平板電腦、智能手機(jī)移動(dòng)終端閱讀科技期刊,PC 端閱讀已成為科技期刊閱讀的主流模式,其通過互聯(lián)網(wǎng)可以快速搜索查詢文獻(xiàn)和編輯文檔等;移動(dòng)閱讀終端對(duì)科技期刊更適用于查詢、略讀,以及分享交流[1-3]??萍计诳W(wǎng)站提供的PDF全文未能適應(yīng)新媒體發(fā)展潮流下便捷化、碎片化的閱讀需求,其對(duì)獲取信息、引用文獻(xiàn)等方面,對(duì)學(xué)習(xí)和科研過程中使用十分不方便。HTML格式的全文閱讀模式越來越受到重視,其能提供碎片化閱讀,同時(shí)可以順應(yīng)新媒體下移動(dòng)閱讀趨勢。
隨著信息技術(shù)的高速發(fā)展,對(duì)科技期刊全文進(jìn)行數(shù)字化,應(yīng)考慮跨平臺(tái)、多數(shù)據(jù)傳輸,適應(yīng)手機(jī)、平板電腦多種終端展示,更易傳播分享??萍颊撐腍TML格式相比傳統(tǒng)PDF格式具有以下優(yōu)勢:HTML格式的全文便于搜索引擎檢索及收錄;HTML格式的全文便于碎片化、輕量化閱讀,通過全文結(jié)構(gòu)化的拆分,以網(wǎng)頁形式展示,可以提高讀者的閱讀速率;HTML格式的全文通過提供作者鏈接和大數(shù)據(jù)分析能夠更深入地了解作者信息;HTML格式的全文應(yīng)用鏈接技術(shù)可直接鏈接每條參考文獻(xiàn)全文;HTML格式的文章段落、圖表可直接使用,并提供原圖及原文件下載,可方便讀者保存及使用文中的圖表等內(nèi)容;HTML格式的全文在手機(jī)或者其它移動(dòng)設(shè)備打開全文,可自動(dòng)適應(yīng)文字大小,順應(yīng)移動(dòng)閱讀趨勢[4-6]。HTML格式的全文更注重分享導(dǎo)出功能,讓其在微信等社交平臺(tái)上傳播成為習(xí)慣。HTML格式的全文為每期專家推薦、作者介紹、同類文章鏈接、廣告等模塊添加提供了可能。筆者通過分析HTML編排科技論文的優(yōu)勢,針對(duì)科技期刊論文的特點(diǎn),給出科技論文HTML的布局框架,以及文字、圖、表和公式的編排及代碼,以期為科技論文的HTML編排提供參考。
科技期刊采用HTML排版,實(shí)質(zhì)上就是將每篇文章以網(wǎng)頁的形式進(jìn)行展現(xiàn),網(wǎng)頁構(gòu)成的基本元素主要包括文本、圖像、超鏈接和表格等。
常用HTML的編輯工具有FrontPage和Dreamweaver。FrontPage支持所見即所得的編輯方式;Dreamweaver是一個(gè)用于可視化設(shè)計(jì)與管理網(wǎng)頁和網(wǎng)站的工具,支持最新的WEB技術(shù),其與MACROMEDIA公司的Flash和Fireworks配合使用,功能更為強(qiáng)大,是目前首選的科技論文網(wǎng)頁制作的工具。
科技論文編排加工HTML時(shí),除了文字以外,圖、表和公式均得轉(zhuǎn)換成圖形和圖像形式。網(wǎng)頁中圖片的格式可以是 GIF、BMP、JPG、PSD、TIF、PNG等,其中GIF和JPEG兩種格式最為常見。彩色照片和產(chǎn)品圖片常用JPG格式存儲(chǔ),其他的選用GIF格式存儲(chǔ)。Photoshop和Fireworks軟件是網(wǎng)頁圖片預(yù)處理常用的工具。網(wǎng)頁圖片受到傳輸帶寬的限制,應(yīng)盡量小,其分辨率一般設(shè)置為72dpi。減小圖片精度可以同等比例減小圖片的縱向和橫向的像素?cái)?shù)量,同時(shí)可以大幅度縮減儲(chǔ)存圖片文件的大小。如果科技論文需要瀏覽的高清大圖片,要使用文字或小圖片鏈接方式瀏覽,通過小圖片鏈接瀏覽的大圖片要放到另外一個(gè)文件夾保存,這樣可以提高HTML圖片的加載速度。
一般顯示器的分辨率在800×600的情況下,頁面的顯示尺寸為:780×428個(gè)像素;分辨率在640×480的情況下,頁面的顯示尺寸為:620×311個(gè)像素;分辨率在1024×768的情況下,頁面的顯示尺寸為:1007×600,分辨率越高頁面尺寸越大。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素,缺一不可。隨著動(dòng)態(tài)網(wǎng)頁的興起,在網(wǎng)頁布局上也將變得更重要,如何處理圖片和文本的位置是HTML整個(gè)頁面布局的關(guān)鍵,而HTML的布局思維也將體現(xiàn)在這里。文中科技論文HTML頁面布局使用DIV+CSS進(jìn)行網(wǎng)頁布局,其設(shè)計(jì)思想是:首先,通過DIV分塊,定義語義結(jié)構(gòu),然后通過CSS對(duì)塊進(jìn)行定位、添加樣式,最后定義好的各個(gè)塊內(nèi)添加相應(yīng)的內(nèi)容,如文字、圖片、鏈接、列表等。以DreamWeaverCS6為開發(fā)平臺(tái),使用
圖1 科技論文的HTML布局
以南方醫(yī)科大學(xué)學(xué)報(bào)和航空學(xué)報(bào)網(wǎng)站上的HTML科技論文為例[7-8],如圖2所示,進(jìn)行論述科技論文HTML元數(shù)據(jù)的編排加工過程及其代碼實(shí)現(xiàn)。
圖2 科技論文HTML編排實(shí)例
相比文字,圖形和圖像所占磁盤空間較大,科技論文在制作HTML時(shí),有時(shí)需先對(duì)圖片進(jìn)行分割處理便于瀏覽者可以達(dá)到快速下載和瀏覽,在制作HTML時(shí),圖片和圖像可以采用表格或div層進(jìn)行實(shí)現(xiàn),利用div層實(shí)現(xiàn)HTML圖元編排,如圖3所示。其代碼如下:
光鏡下和Hoechst33258染色觀察不同濃度DHA作用48h后對(duì)HeLa細(xì)胞形態(tài)的影響 圖3 網(wǎng)頁中圖的編排 3.2 論文HTML的表格編排及代碼科技論文里有大量的表格,其在制作網(wǎng)頁時(shí),表格以GIF圖片格式放到HTML網(wǎng)頁中,將GIF圖鏈接到網(wǎng)頁的數(shù)據(jù)表格上,數(shù)據(jù)表格已單獨(dú)的一個(gè)網(wǎng)頁進(jìn)行顯示,其樣式如圖4所示。
不同濃度DHA刺激宮頸癌細(xì)胞48h后不同抑制率的濃度 | Inhibition rate of cervical cells after treatment with different concentration of DHAfor 48 h(μmol/L) 圖4 網(wǎng)頁中表的編排 3.3 論文HTML的公式編排及代碼HTML在編排科技論文的公式時(shí),公式需轉(zhuǎn)成JPEG圖像形式,如圖5所示。其代碼如下: ![]() 圖5 公式的JPEG圖像 HTML在編排文字、鏈接程序,以及各平臺(tái)的分享程序時(shí),同網(wǎng)頁的設(shè)計(jì)類似,在此不再贅述。 結(jié)束語在新媒體和網(wǎng)絡(luò)出版環(huán)境下,HTML作為一種新型的科技期刊出版格式,能夠滿足人們碎片化和輕量化閱讀??萍计诳捎肏TML編排可以實(shí)現(xiàn)全文數(shù)據(jù)結(jié)構(gòu),可以為多元出版打下基礎(chǔ)。針對(duì)科技期刊論文HTML頁面布局、圖、表和公式的特點(diǎn),結(jié)合南方醫(yī)科大學(xué)學(xué)報(bào)和航空學(xué)報(bào)科技論文HTML編排特點(diǎn),給出圖、表和公式的HTML編排和代碼,為科技論文HTML的編排。 [1]嚴(yán)飛.科技期刊全媒體出版的互聯(lián)網(wǎng)思維[J].編輯學(xué)報(bào),2015,27(1):13-15. [2]陳佳沁,馬瀟漪. 科技期刊的新媒體應(yīng)用與提升策略[J].中國科技期刊研究,2014,25(7):909-913. [3]鄭筱梅.移動(dòng)終端對(duì)科技期刊閱讀行為模式的影響及策略[J].科技與出版,2014,(2):73-75. [4]蘇磊,張玉,蔡斐.科技期刊全文閱讀模式PDF和HTML的對(duì)比與分析[J]. 編輯學(xué)報(bào)2015,12(S1):S17-S19. [5]黃永慧,陳程凱.HTMLS在移動(dòng)應(yīng)用開發(fā)上的應(yīng)用前景[J].計(jì)算機(jī)技術(shù)與發(fā)展,2013,23(7):207-210. [6]馬新強(qiáng),孫兆,袁哲,等.Web標(biāo)準(zhǔn)與HTML的核心技術(shù)研究[J].重慶文理學(xué)院學(xué)報(bào):自然科學(xué)版,2010,29(6):61-64 [7]白俊強(qiáng),張揚(yáng),徐晶磊,等. 新型單方程湍流模型構(gòu)造及其應(yīng)用[J]. 航空學(xué)報(bào),2014,35(7):1804-1814. [8]白俊強(qiáng),張揚(yáng),徐晶磊,華俊.新型單方程湍流模型構(gòu)造及其應(yīng)用[J]. 航空學(xué)報(bào),2014,35(7):1804-1814. 審稿人:魏朝輝 內(nèi)蒙古新聞出版廣電局監(jiān)管中心正高級(jí)工程師 責(zé)任編輯:王學(xué)敏 TP314 B 2096-0751(2017)09-0015-05 李德根 黑龍江科技大學(xué) 編輯 猜你喜歡
大灰狼畫報(bào)·益智版(2024年3期)2024-12-09 00:00:00 保健醫(yī)苑(2022年1期)2022-08-30 08:39:14 風(fēng)機(jī)技術(shù)(2021年3期)2021-08-05 07:41:38 風(fēng)機(jī)技術(shù)(2019年4期)2019-06-24 05:42:14 電子制作(2018年10期)2018-08-04 03:24:38 電子制作(2017年2期)2017-05-17 03:54:56 南風(fēng)窗(2017年9期)2017-05-04 21:04:27 電子測試(2015年18期)2016-01-14 01:22:58 計(jì)算機(jī)與網(wǎng)絡(luò)(2014年7期)2014-03-25 10:57:07 語文知識(shí)(2014年5期)2014-02-28 21:59:59 |