新聞動態(tài)新媒體環(huán)境下科技論文HTML頁面布局及元素編排

發(fā)布：2019-03-09 13:54:14 瀏覽：5415

新媒體與傳統(tǒng)媒體的融合已成為傳媒業(yè)和出版界的熱點,為應(yīng)對新媒體的沖擊,傳統(tǒng)媒體已在理論和實踐中不斷研究傳統(tǒng)媒體與新媒體的融合。媒體融合不僅僅是傳播手段、傳播方式的多樣化,更應(yīng)是傳播理念、思維方式的改變,其需要科技期刊辦刊者采用互聯(lián)網(wǎng)思維去辦刊,在網(wǎng)絡(luò)環(huán)境下建立新媒體的科技期刊運營模式、傳播模式、服務(wù)模式。目前,新媒體環(huán)境下科技期刊對新媒體的研究與使用主要有三個角度:一是如何利用新媒體提高編校業(yè)務(wù);二是新媒體對科技期刊受眾行為的影響;三是科技期刊在新媒體環(huán)境中的發(fā)展。目前,科技期刊使用新媒體,以網(wǎng)站建設(shè)、數(shù)字期刊、集群化平臺應(yīng)用為主,以及開設(shè)微博賬號等社交媒體的傳播。隨著平板電腦和手機普及,碎片化閱讀習(xí)慣的產(chǎn)生,人們開始在PC端和平板電腦、智能手機移動終端閱讀科技期刊,PC端閱讀已成為科技期刊閱讀的主流模式,其通過互聯(lián)網(wǎng)可以快速搜索查詢文獻(xiàn)和編輯文檔等;移動閱讀終端對科技期刊更適用于查詢、略讀,以及分享交流[1,2,3]。科技期刊網(wǎng)站提供的PDF全文未能適應(yīng)新媒體發(fā)展潮流下便捷化、碎片化的閱讀需求,其對獲取信息、引用文獻(xiàn)等方面,對學(xué)習(xí)和科研過程中使用十分不方便。HTML格式的全文閱讀模式越來越受到重視,其能提供碎片化閱讀,同時可以順應(yīng)新媒體下移動閱讀趨勢。

隨著信息技術(shù)的高速發(fā)展,對科技期刊全文進(jìn)行數(shù)字化,應(yīng)考慮跨平臺、多數(shù)據(jù)傳輸,適應(yīng)手機、平板電腦多種終端展示,更易傳播分享?？萍颊撐腍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格式的全文在手機或者其它移動設(shè)備打開全文,可自動適應(yīng)文字大小,順應(yīng)移動閱讀趨勢[4,5,6]。HTML格式的全文更注重分享導(dǎo)出功能,讓其在微信等社交平臺上傳播成為習(xí)慣。HTML格式的全文為每期專家推薦、作者介紹、同類文章鏈接、廣告等模塊添加提供了可能。筆者通過分析HTML編排科技論文的優(yōu)勢,針對科技期刊論文的特點,給出科技論文HTML的布局框架,以及文字、圖、表和公式的編排及代碼,以期為科技論文的HTML編排提供參考。

1HTML的編輯工具與元數(shù)據(jù)

科技期刊采用HTML排版,實質(zhì)上就是將每篇文章以網(wǎng)頁的形式進(jìn)行展現(xiàn),網(wǎng)頁構(gòu)成的基本元素主要包括文本、圖像、超鏈接和表格等。

1.1HTML編輯工具

常用HTML的編輯工具有FrontPage和Dreamweaver。FrontPage支持所見即所得的編輯方式;Dreamweaver是一個用于可視化設(shè)計與管理網(wǎng)頁和網(wǎng)站的工具,支持最新的WEB技術(shù),其與MAC-ROMEDIA公司的Flash和Fireworks配合使用,功能更為強大,是目前首選的科技論文網(wǎng)頁制作的工具。

1.2圖形和圖像

科技論文編排加工HTML時,除了文字以外,圖、表和公式均得轉(zhuǎn)換成圖形和圖像形式。網(wǎng)頁中圖片的格式可以是GIF、BMP、JPG、PSD、TIF、PNG等,其中GIF和JPEG兩種格式最為常見。彩色照片和產(chǎn)品圖片常用JPG格式存儲,其他的選用GIF格式存儲。Photoshop和Fireworks軟件是網(wǎng)頁圖片預(yù)處理常用的工具。網(wǎng)頁圖片受到傳輸帶寬的限制,應(yīng)盡量小,其分辨率一般設(shè)置為72dpi。減小圖片精度可以同等比例減小圖片的縱向和橫向的像素數(shù)量,同時可以大幅度縮減儲存圖片文件的大小。如果科技論文需要瀏覽的高清大圖片,要使用文字或小圖片鏈接方式瀏覽,通過小圖片鏈接瀏覽的大圖片要放到另外一個文件夾保存,這樣可以提高HTML圖片的加載速度。

2論文HTML頁面布局

一般顯示器的分辨率在800×600的情況下,頁面的顯示尺寸為:780×428個像素;分辨率在640×480的情況下,頁面的顯示尺寸為:620×311個像素;分辨率在1024×768的情況下,頁面的顯示尺寸為:1007×600,分辨率越高頁面尺寸越大。圖片和文本是網(wǎng)頁的兩大構(gòu)成元素,缺一不可。隨著動態(tài)網(wǎng)頁的興起,在網(wǎng)頁布局上也將變得更重要,如何處理圖片和文本的位置是HT-ML整個頁面布局的關(guān)鍵,而HTML的布局思維也將體現(xiàn)在這里。文中科技論文HTML頁面布局使用DIV+CSS進(jìn)行網(wǎng)頁布局,其設(shè)計思想是:首先,通過DIV分塊,定義語義結(jié)構(gòu),然后通過CSS對塊進(jìn)行定位、添加樣式,最后定義好的各個塊內(nèi)添加相應(yīng)的內(nèi)容,如文字、圖片、鏈接、列表等。

在新媒體和網(wǎng)絡(luò)出版環(huán)境下,HTML作為一種新型的科技期刊出版格式,能夠滿足人們碎片化和輕量化閱讀?？萍计诳捎肏TML編排可以實現(xiàn)全文數(shù)據(jù)結(jié)構(gòu),可以為多元出版打下基礎(chǔ)。