跳轉至內容

開發族譜網頁/網站建立之外

來自華夏公益教科書,開放世界開放書籍

我們從這裡去哪裡?我們擁有基本工具,現在我們如何使用它們……最佳使用,最有效的設計?這些都是優秀的問題,我們在這裡要嘗試做的是擴充套件你目前擁有的基本技能集,並提供一些具體的示例,這些示例將補充你在開發你的族譜網站時的這些技能。

檢查其他程式碼

[編輯 | 編輯原始碼]

檢視其他人用來生成頁面的程式碼,特別是如果你喜歡你看到的內容。

但是(這是一個大的),當遇到看起來令人生畏的程式碼(一定會發生)或者複雜的程式碼時,不要讓它讓你分心。你最開始的想法可能是,“我做不了那麼多。”

你可能無法做到所有事情。這是樂趣的一部分,學會一步一步地做。

首先,記住 HTML 在本質上很簡單……你不需要成為一名程式設計師才能成為一名成功的作者。很多網頁程式碼看起來如此複雜的主要原因是它很可能是使用視覺設計工具(WYSIWYG - 所見即所得)建立的……它有生成難以閱讀的東西的天賦;與手工生成相比(我們在這裡想要實現的目標)。

還要記住,那些看似龐大複雜的網站和網頁很可能是隨著時間的推移建立的;每個網站都會被修改和批准,一次構建一部分。

檢視原始碼

[編輯 | 編輯原始碼]

檢視其他人建立的 HTML 程式碼比你想象的更容易,但記住之前的警告,其中一些程式碼看起來可能非常複雜。

當你開啟網頁時,使用<右鍵單擊>並選擇檢視原始碼(如果檢視原始碼沒有出現在列表中,請確保滑鼠沒有懸停在影像上)。

這種方法允許你檢視任何網頁上的原始碼……有些網站會阻止<右鍵單擊>選項,但大多數網站允許……

大小與細節

[編輯 | 編輯原始碼]

儲存和檢索

[編輯 | 編輯原始碼]

確保它可以被找到

[編輯 | 編輯原始碼]
對於大多數族譜學家來說,最令人沮喪的事情是定位資訊。數千次搜尋會讓人非常沮喪。我們這裡要介紹的是如何確保你花了所有時間開發的資訊在有人查詢時可以找到。

META 標記

[編輯 | 編輯原始碼]

簽名塊

[編輯 | 編輯原始碼]

Javascript 編碼

[編輯 | 編輯原始碼]

全域性設計

[編輯 | 編輯原始碼]

儲存資訊

[編輯 | 編輯原始碼]

結合文字資訊和影像

[編輯 | 編輯原始碼]

樣式表

[編輯 | 編輯原始碼]

全域性設計

[編輯 | 編輯原始碼]
華夏公益教科書