匿名
作為一個全端程式組裝師(？)，來獻醜分享一下。
網頁設計應該算是電腦技術裡面簡單的了，而且環境要求不高，也不需考慮平台問題…有時候也許會，不過不多。
想學網頁設計，你只需要：
1. 瀏覽器
我原本想再打一個文字編輯器，不過 Chrome 已經內建，Firefox 應該也有。
如果你堅持要有編輯器，我推薦 Bracket 或 Atom。
兩個都很輕很小，也都是跨平台的。
再來網頁設計，通常指的是前端，與之相對的就是後端，最容易分辨的方式就是使用者看不看得到。
FB 的介面，屬於前端，因為你看得到介面；FB 的發文系統，屬於後端，因為你看不到他是怎麼儲存文章的。
常見的後端包括 ASP(學校愛用)、PHP、Node.js。
我是 Node.js 教派的，所以後續文章(如果有)若提到後端都會用 Node.js。
回到前端，準備好瀏覽器和或許需要的編輯器就可以開始編寫了。
前端由三大塊組合而成：HTML、CSS、Javascript。
HTML 之於 CSS 如臉之於化妝品，有些本來就很好看，但加了東西就會更好…
也有可能更糟。
而 Javascript 之於 HTML、CSS 應該就是肌肉之於臉，有了臉的確能看，但沒有肌肉就會感到生硬。
HTML 是標籤語言，由這種東西組成：
<tag>…</tag>
<tag> 表示一個 Tag 為 tag 的元素開始點，接著接的是內容，再由 </tag> 結束這個 Tag。
也有部分是不需要內容的，例如：
<br />
表示一個斷行，因此斷就是斷，沒有內容可言，可以看到後面用 /> 自我了斷。
但其實沒必要，<br> 也是可以的。
還有如 <!DOCTYPE HTML>
則宣告了他的規範，此例使用 HTML5。
接著一個網頁，通常有幾個基本元素：html、head、body。
html 表示 HTML 的內容區塊，head 通常給瀏覽器(即非人類)看，而 body 就是給人類開的。
到這邊，寫出來的大概長得像 ：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
檔案存成附檔名為 html，你的第一個網頁就完成了。
雖然什麼東西也沒有。
你可能有興趣的文章...
全部留言
sublime3(業界常用) Dreamweaver(偏後端使用)也都不錯用 Atom的附屬功能我超愛的 😘😘
匿名
B1 B3 Dreamweaver 後期好像有加強，想當初用 8 那個原始碼真的有夠恐怖。xD 然後我是 Vim 派的不服來戰！(欸 沒推 Dreamweaver 主要是因為商業軟體，而且不便宜，而 Sublime 我沒用過。
B4 我Dreamweaver是從學校拿來的 但2017的版本不是買斷制的(QQ) B7 Notepad時代應該還有一個叫font的編輯器 但我覺得功能越強大越好啦～
挖又是一個 信 node js 得永生!!!!!! 小的本來也用sublime text3 但是 我覺得 Brackets 的套件好用多了QQ 於是我就拋棄舊愛惹(欸
Sublime Text 3的開啟速度較 Atom 快，但因為 Linux 中 Sublime Text 無法打中文，要開始體驗 Atom 了
後端建議補個django和go 前者為許多公司徵才條件(雖然我tmd寫我不會python還是被錄取...) 後者為某些高薪公司使用語言 ex雷亞
我這人很簡單，到哪都要推薦前端最強編輯器 VSCode，比 Atom 輕快 n 倍，比 bracket 套件豐富，比起 sublime 又是開放原始碼，還是微軟支援，寫網頁一定要來試一下啊！
我 SUBLIME教啦 推 不然你可以脫離滑鼠的話 VIM也是可以ㄉ 我有常識做一個打算開源的前端教學投影片，看你要不要來參考或是指教
