更新: 2019.5.21 修復了幾十處 Gallery 中圖片無法顯示的問題 這個問題產生的原因是因為原始的數據中有很多重復的圖片,也就是圖片完全一樣,但是圖片名稱後面多了_2 或者_3 這樣的後綴。我在上一次添加 Gallery 的時候已經去除了重復圖片,並且在 Gallery 代碼中去掉了_2 或者_3 這樣的後綴 Cambridge Online 詞典。 網址在這裡:https://dictionary.cambridge.org/dictionary/english/great 數據為全新抓取,保留所有原網站上的重要信息。 具體內容: Cambridge Advanced Learner's Dictionary Fourth Edition Cambridge Academic Content Dictionary Cambridge Business English Dictionary 當前詞條的前後數個詞條的鏈接 原網站提供的所有的搜索才能得到的內容,比如當前詞條相關的 Phrasal Verbs 和 Idioms 等等 獨立抓取制作了包括英音和美音的發音文件 CALD 中的 Smart Thesaurus 是很有特色也是極其有用的一個學習工具,針對 Smart Thesaurus 制作了一個 Smart Thesaurus Viewer,並提供了查詢功能,方便你在所有的 Thesaurus 中快速查詢自己感興趣的主題。查詢分為普通查詢和模糊查詢,具體見下面圖中實例。 所有頁面都為 Responsive 的設計,頁面顯示方式根據你瀏覽的設備屏幕分辨率自動調整顯示樣式。不瞞大家說,為了學習這個東西到底怎麼設計,我最近幾周在 Youtube 上的觀看歷史全是 HTML 和 CSS 相關的視頻...。 頁面 CSS 除了 smart thesaurus 部分參考的原始頁面,因為要確定哪些是常用的哪些是不常用的,然後據此設定不同的字體大小。除此外的所有 CSS 全部是按我自己的審美重新編寫。 詞條 CSS 設計原則就是我自己的原則,最主要就是結構必須非常清晰,顏色鮮豔,重點突出。比如 Smart Thesaurus 比較重要,所以所有的 Smart Thesaurusu 部分都有彩色的上邊框,方便你在滾動頁面過程中快速注意到 Smart Thesaurus 部分。 原始頁面某些部分結構不清晰,據此我修改了原始頁面的大量細節,使得詞條結構更清晰,沒有任何垃圾信息。