《中國地質圖集》網頁版

公眾號【地質掘墓人】曾經發布了《中國地質圖集》電子版，其中的圖片內容很完整，但網頁卻無法正常使用，故我基于原文件中的圖文，參考其網頁設計效果，重新制作了一版網頁程序。

1. 《中國地質圖集》介紹

《中國地質圖集》（以下簡稱《圖集》）是一部以地質圖為主，兼有各種附圖、附表、照片及相關文字說明的綜合性專業學科著作。在內容上，《圖集》囊括了全球、亞洲、中國、中國各大區域及各省、直轄市、自治區的地質圖，以利于讀者從全球或較大區域地質背景的基礎上，深入理解某一地區的地質構造及發展歷史，它們是組成圖集的主體部分。此外，《圖集》還編制了一系列全國性地學分支學科圖件。

《圖集》力求客觀準確地表達地質記錄，并盡可能在圖面上反映更多的地質信息；文字、地層表及附圖、附表和照片均是對《圖集》所表示的各類地質體的進一步說明。

2. 文件說明

2.1 begin.exe

這一文件為圖集中自帶的程序文件。

雙擊打開 begin.exe，在圖 1 所示的程序界面點擊 “進入” 即可看到編委會、主要編者、出版人員、序言等內容，如圖 2 所示。此時再單擊信息界面會在 IE 瀏覽器中打開同級文件 index.htm。

現在我已經完成了 index.htm 的重新編寫，但跳轉過程中可能會出現閃退的現象。如果出現閃退重新在程序中單擊跳轉即可。

除此之外，由于 IE 瀏覽器本身的原因，默認情況下會限制網頁腳本的運行，導致圖片切換等由 JavaScript 語言編寫的部分功能在網頁中無法實現，需要單擊網頁界面最下方的 “允許阻止的內容” 按鍵解除其限制。

圖 1：begin.exe 程序界面

圖 2：圖集信息

2.2 index.htm

該界面展示效果如圖 3 所示，其網頁設計靈感來源于圖 4 所示的圖集自帶的背景圖片。

這一文件為我重新編寫的網站首頁，可以通過 begin.exe 跳轉到該網頁，也可在瀏覽器中直接打開該網頁。

建議在 Edge、Google 等其他瀏覽器中直接打開此網站，因為這些瀏覽器一直在更新維護，可以直接正常運行 JavaScript 語言編寫的代碼，無需另行做解除限制等操作。

網頁中用于圖片切換以及表格風格的設置的相關代碼在開源 JavaScript 庫 jQuery 基礎上編寫。在網絡上有很多相關教程，可自行查找資料進行學習。網頁字體為免費開源字體——霞鶩文楷，網頁主體采用 Regular 字重，標題等部分為 Bold 字重，可在貓啃網中下載該字體。這些年來，我了解到了很多開源項目，也通過這些開源項目在學習與工作中得到了很多便利，在此向所有無私奉獻的開源工作者們致敬！

在網站中可實現跳轉網頁的超鏈接部分在鼠標指針懸停時會變為青色，單擊其中的世界地質圖等超鏈接即可打開對應的圖集網頁。

最下方的網站說明同樣附帶超鏈接，單擊網頁制作者部分的【琴書地理閣】可直接跳轉到博主所運營的公眾號的《聯系方式》界面，單擊頁面參考及圖文來源部分的【中國地質圖集】可直接跳轉到先前提到的公眾號【地質掘墓人】的那篇文章，單擊網頁字體部分的【霞鶩文楷】可跳轉到字體開發者發布的bilibili相關介紹視頻。