H1 標題文字在這裡 Title Word Here
H2 標題文字在這裡 Title Word Here
H3 標題文字在這裡 Title Word Here
H4 標題文字在這裡 Title Word Here
H5 標題文字在這裡 Title Word Here
H16標題文字在這裡 Title Word Here
網頁設計（英語：Web design）涵蓋了製作和維護網站的許多不同的技能和學科。它包含了網頁圖形設計、介面設計、編寫標準化的代碼和專有軟體、使用者經驗設計，以及搜尋引擎最佳化。通常許多人以團隊協作的方式來工作，各自參與設計過程的各個方面；但有些設計師會參與到任何方面。[1] 網頁設計這個術語通常用來描述與網站前端（客戶端）設計相關的設計過程，包括編寫標記式語言。在更廣泛的Web開發領域，網頁設計與網路工程存在交集。網頁設計師應該對網路可用性有一定的認識。如果他們的工作涉及到編寫標記式語言，那麼他們也應該遵循網頁親和力的最新指引。
1988–2001年[編輯]
雖然網頁設計約在30年前才問世，但它與許多領域都有聯繫，例如平面設計。從技術角度上來看，網頁設計已經成為人們日常生活的重要組成部分，很難想像沒有動畫圖形、不同風格的排版、背景和音樂的網際網路會是什麼樣子。
網路和網頁設計的開端[編輯]
1989年，提姆·柏內茲-李在歐洲核子研究組織工作期間提議建立一個全球超文字專案，後來被稱為全球資訊網。在1991年至1993年期間，全球資訊網誕生了。可以使用簡單的行模式瀏覽器檢視純文字頁面[2]。 1993年，馬克·安德森和埃里克·比納建立了Mosaic瀏覽器。當時有眾多的瀏覽器，但它們大多數都是基於Unix並且側重於純文字，對圖形或聲音等圖形設計元素沒有整合的方法。而Mosaic瀏覽器突破了藩籬[3]。
全球資訊網協會成立於1994年10月，透過開發通用的協定促進網際網路發展並確保其互操作性，來使全球資訊網發揮它最大的潛力[4]。這阻礙了任何一家公司壟斷一種瀏覽器或網頁程式語言，對網際網路後來的發展產生了深遠的影響。W3C繼續制定標準，現在JavaScript和其他語言都可以看到這些標準。
1994年，安德森成立了通信公司（Communications Corp.），後來被稱為網景（Netscape Communications），並推出了Netscape 0.9瀏覽器。Netscape不採用傳統的標準，建立了自己的HTML標籤。例如，Netscape 1.1包含了更改背景顏色和網頁上的表格格式化文字的標籤。1996年至1999年期間，隨著微軟和網景爭奪瀏覽器的統治地位，瀏覽器戰爭開始了。在此期間，該領域有許多新技術產生，特別是階層式樣式表、JavaScript和動態HTML。整體來說，瀏覽器競爭確實帶來了許多積極的創意，並推動網頁設計快速發展[5]。
網頁設計的演變[編輯]
1996年，微軟發布了第一款具有競爭力的瀏覽器，該瀏覽器有自己的功能和標籤。它也是第一個支援樣式表的瀏覽器，這在當時被認為是一種晦澀難懂的創作技術。[5] table的HTML標記最初是用來顯示表格資料的。然而，設計人員很快意識到使用HTML table建立複雜的多欄布置的潛力，否則這些布置是不可能的。在這個時候，好的設計和美學似乎優先於好的標記結構，很少注意語意和網頁親和力。HTML網站的設計選項有限，對於早期版本的HTML更是如此。為了建立複雜的設計，許多網頁設計師不得不使用複雜的表格結構，甚至使用空白的spacer .GIF圖像來阻止空表格單元collapse。[6] CSS於1996年12月由W3C引入，以支援演示和布置。這使得HTML代碼具有語意性，而不是語意和表示性，並改進了網頁親和力，請參閱無表格網頁設計。
1996年，Flash（最初被稱為FutureSplash）問世。當時，Flash內容開發工具相對於現在來說相對簡單，它使用了基本的布置和繪圖工具、ActionScript的一個有限的前身和時間線，但它使網頁設計師能夠超越HTML、GIF動畫和JavaScript。然而，由於Flash需要外掛程式，許多Web開發人員因為擔心缺乏相容性會限制他們的市場佔有率而避免使用它。取而代之的是，設計師們轉而使用GIF動畫（如果他們沒有完全放棄使用動態圖形的話）和JavaScript來處理widget。但是Flash的優點使它在特定的目標市場中足夠流行，最後大多數瀏覽器都能使用它，並且強大到可以用來開發整個網站。[6]
第一次瀏覽器大戰的結束[編輯]
主條目：瀏覽器大戰
1998年，Netscape在開源授權下發布了Netscape Communicator代碼，使數千名開發人員能夠參與改進軟體。然而，他們決定從頭開始，這引導了開源瀏覽器的發展，並很快擴充到一個完整的應用程式平台。[5] 網頁標準計劃成立，並透過建立Acid1、Acid2和Acid3測試，促進了瀏覽器對HTML和CSS標準的遵循。2000年對微軟來說是重要的一年。Internet Explorer發布了Mac版本；這是第一個完全支援HTML 4.01和CSS 1的瀏覽器，提高了瀏覽器標準的門檻。它也是第一個完全支援PNG圖像格式的瀏覽器。[5] 在此期間，網景被出售給了AOL，這被視為網景在瀏覽器大戰中輸給了微軟的一個標誌。[5]
2001–2012年[編輯]
21世紀初以來，網路越來越融入人們的生活。因此網際網路技術也在不斷發展。人們使用和存取網站的方式也發生了重大變化，這也改變了網站的設計方式。
瀏覽器大戰結束以來，湧現了許多新的瀏覽器。其中許多都是開源的，這意味著它們往往具有更快的開發速度，並且更支援新標準。許多人認為新的選擇比微軟的Internet Explorer更好。
W3C已經發布了HTML（HTML5）和CSS（CSS3）的新標準，以及新的JavaScript API，每一個都是新的但又各自獨立的標準。雖然HTML5這個術語只是用來指代HTML的新版本和一些JavaScript API的新版本，但是用來指代整套新標準（HTML5、CSS3和JavaScript）的做法已經變得很常見了。
工具和技術[編輯]
網頁設計者根據他們參與工序的不同，選擇各種各樣不同的工具。雖然這些工具往往會隨著新標準、新軟體的出現而不斷更新，但它們背後的原則是不變的。網頁設計者使用向量圖形編輯器和點陣圖形編輯器來繪製「網頁格式圖」，也叫做「設計原型」。 建立網站的技術包含了一些W3C標準，比如HTML和CSS。HTML和CSS既可以手動編寫，也可以使用視覺化編輯器來編輯。譬如，在使用WordPress內容管理系統搭建網站、製作網頁時，可以運用頁面編輯器外掛程式來快速製作頁面，從而實現無編碼製作網頁；知名的WordPress網頁編輯器有Elementor、Beaver Builder等。 網頁設計者還可能使用其他工具來保證他們的網站符合親和力指引[7]，這些工具包括標記驗證器[8]以及其他用於測試可用性和親和力的工具。建立網站的技術包含了一些W3C標準，比如 HTML和 CSS。HTML和 CSS既可以手動編寫，也可以使用視覺化編輯器來編輯。譬如，在使用 WordPress 內容管理系統搭建網站、製作網頁時，可以運用頁面編輯器外掛程式來快速製作頁面，從而實現無編碼製作網頁；知名的 WordPress 網頁編輯器有Elementor、Beaver Builder等；可以運用 CSS 產生器外掛來協助視覺化的產出 CSS程式碼，知名的 CSS產生器外掛有 CSS Hero 與 YellowPencil 等。[9][10]
This is an example page. It’s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:
Hi there! I’m a bike messenger by day, aspiring actor by night, and this is my website. I live in Los Angeles, have a great dog named Jack, and I like piña coladas. (And gettin’ caught in the rain.)
…or something like this:
The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickeys to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.
As a new WordPress user, you should go to your dashboard to delete this page and create new pages for your content. Have fun!
12345
