使用 HTML、CSS 開發一個網站，网盘下载(1.74G)

01六角學院線上資源[2.01K]

001六角學院線上社團.html[2.01K]

02網頁編輯器、HTML基礎教學[217.85M]

002-Subelime-.txt[0.07K]

002Sublime-Text-3-.txt[0.06K]

002認識網頁編輯器SublimeText3，來寫第一個Helloword網頁吧！.mp4[42.30M]

002認識網頁編輯器SublimeText3，來寫第一個Helloword網頁吧！-zh.srt[0.14K]

003六角學院線上問答會資訊.html[3.18K]

004認識HTML標籤，設計具有語意化的網頁結構.mp4[48.49M]

005建立HTML環境，賦予網頁新生命.mp4[21.57M]

006HTML環境程式碼.html[1.19K]

007logo.png[4.61K]

007插入圖片，了解圖片路徑與HTML屬性.mp4[27.69M]

008加上連結，讓網頁開始具有互動性.mp4[22.12M]

009認識ul、li清單標籤.mp4[48.63M]

010.pdf[48.98K]

010作業：設計一個簡單網站吧.mp4[7.00M]

03CSS常用語法[133.69M]

011CSS標籤選擇器-插入CSS檔案，讓文字變大變顏色吧！.mp4[23.84M]

011HTML-CSS.zip[27.32K]

012Emmet.pdf[27.11K]

012Emmet-.txt[0.11K]

012-Subelime-.txt[0.07K]

012Sublime-Package-Control.txt[0.08K]

012套用第一個SublimePlugin，利用emmet提升寫HTML、CSS效率.mp4[37.96M]

012套用第一個SublimePlugin，利用emmet提升寫HTML、CSS效率-zh.srt[0.17K]

013CSS類別選擇器-如何透過Class來指定HTML樣式.mp4[14.66M]

014CSS擬態選擇器-設計a連結動作觸發樣式.mp4[15.35M]

015使用CSS設定優化文字排版.mp4[21.59M]

016在HTML標籤上加上線條(border).mp4[14.55M]

017作業：優化第一節作業吧！.mp4[5.70M]

04使用CSS變更HTML標籤特性[191.68M]

018CSSReset，讓所有瀏覽器都長得一致.mp4[28.66M]

018Myer-web-CSS-reset.txt[0.08K]

018style.css[1.08K]

019行內元素&區塊元素的差異.mp4[20.34M]

020DIV與SPAN的使用時機、CSS後代選擇器.mp4[40.57M]

021使用margin、padding來推擠距離.mp4[14.36M]

022BoxModel（盒模型）.mp4[15.95M]

023使用margin_auto讓版型置中.mp4[27.35M]

024作業：優化第二節作業吧.mp4[6.56M]

025補充教材：不想算盒模型的推擠？試試CSS3box-sizing吧！.mp4[23.97M]

026Codepen.txt[0.04K]

026CODEPEN：線上撰寫網頁服務.mp4[13.91M]

05網頁排版技巧PartI[152.76M]

027Float浮動定位技巧.mp4[20.41M]

028使用clear清除浮動.mp4[20.68M]

029兩欄式、三欄式版面定位技巧.mp4[24.67M]

030設計並排式選單.mp4[41.40M]

031LOGO與選單並排設計技巧.mp4[29.04M]

0324-6-homework.zip[9.83K]

032作業：設計一個三欄式版面，具有表頭表尾的版面吧！.mp4[16.55M]

033其他常見clear清除浮動效果.html[1.40K]

06網頁排版技巧PartII[113.54M]

034使用絕對定位_相對定位設計版型.mp4[21.45M]

035相對定位、絕對定位元素技巧：z-index-relative、absolute.mp4[13.51M]

036簡報呈現相對定位跟絕對定位的技巧.mp4[6.21M]

037使用ulli設計產品列表.mp4[38.00M]

038絕對定位設計優惠價.mp4[14.42M]

039position_fixed技巧.mp4[19.96M]

07切圖技巧[268.71M]

040Photoshop繪圖軟體下載流程。備註：請先使用CC試用版本，免費的CS2在新系統已失效。.mp4[15.55M]

041備註.html[1.04K]

042-html.zip[20.38M]

042Photoshop切圖流程.mp4[23.92M]

043background在html元素上載入背景圖片，設定寬高.mp4[18.37M]

044background-repeat：將圖片重複顯示，repeat-x.mp4[37.93M]

045background-color：與背景圖片的混用.mp4[79.10M]

046background-position：移動background的位置.mp4[10.52M]

047background縮寫教學.mp4[7.14M]

048圖片取代文字技巧-以logo為例.mp4[19.85M]

049圖片種類介紹(gif、jpg、png).mp4[29.85M]

050圖文並排範例.html[1.41K]

051第六節作業.mp4[6.09M]

08表格與表單設計技巧[152.69M]

052認識HTML表格(Table)標籤.mp4[18.85M]

053設定表格(Table)上的CSS樣式.mp4[24.26M]

054表單(Form)簡介.mp4[4.54M]

055表單三劍客：Form、輸入欄位、Submit.mp4[19.99M]

056Form、Text、Submit範例程式碼.html[1.03K]

057使用label、placeholder提升表單使用者體驗.mp4[13.42M]

058label、placeholder範例程式碼.html[1.24K]

059表單元素：radio、checkbox.mp4[16.70M]

060表單元素：select、textarea.mp4[17.24M]

061使用CSS修改表單(Form)樣式.mp4[37.69M]

09CSS3技巧[87.26M]

062CSS3圓弧效果.mp4[10.72M]

063CSS3漸層效果.mp4[18.90M]

064CSS3陰影效果.mp4[13.42M]

065使用canIuse查詢HTML、CSS瀏覽器兼容度.mp4[22.16M]

066使用Statcounter瀏覽各國瀏覽器趨勢.mp4[22.05M]

10最後，讓你的網頁變得更專業[205.27M]

067CSS權重觀念.mp4[48.34M]

068-.txt[0.08K]

068如何規劃你的網頁結構.mp4[16.88M]

069head進階資訊設定.mp4[55.26M]

070head常用語法.html[1.67K]

071十種初學者常犯的錯誤.html[1.32K]

072-html.zip[20.38M]

072最後一版PSD練習.mp4[4.85M]

073最後一版PSD作業細節.html[1.07K]

074最後一版作業PSD評分標準.mp4[11.21M]

075網頁排版練習作業-個人履歷網頁設計.html[1.45K]

076iconfinder.txt[0.03K]

076Iconfinder：免費下載ICON服務平台.mp4[15.18M]

077unsplash、Flickr：免費高解析圖庫下載資源.mp4[33.17M]

11開發多頁式網站實戰講解[254.21M]

078HTML-CC.psd[24.28M]

078前言介紹.mp4[23.05M]

079sample.zip[2.04K]

079環境架設.mp4[69.96M]

080Layout(佈局).mp4[52.77M]

081保持網頁靈活彈性的技巧.mp4[26.48M]

082CSS管理方法.mp4[40.16M]

083總結.mp4[17.51M]

12接下來，你還可以學什麼？[3.90K]

084響應式網頁設計(ResponsiveWebDesign).html[1.31K]

085如何從網路上找到適合自己的學習教材.html[1.29K]

086網頁關鍵字速記表.html[1.29K]