详细目录:
01 六角學院線上資源 [2.01K]
001 六角學院線上社團.html [2.01K]
02 網頁編輯器、html基礎教學 [217.85M]
002 -subelime-.txt [0.07K]
002 sublime-text-3-.txt [0.06K]
002 認識網頁編輯器 sublime text 3 ,來寫第一個 hello word 網頁吧!.mp4 [42.30M]
002 認識網頁編輯器 sublime text 3 ,來寫第一個 hello word 網頁吧!-zh.srt [0.14K]
003 六角學院線上問答會資訊.html [3.18K]
004 認識 html 標籤,設計具有語意化的網頁結構.mp4 [48.49M]
005 建立 html 環境,賦予網頁新生命.mp4 [21.57M]
006 html 環境程式碼.html [1.19K]
007 logo.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]
03 css 常用語法 [133.69M]
011 css 標籤選擇器 – 插入 css 檔案,讓文字變大變顏色吧!.mp4 [23.84M]
011 html-css.zip [27.32K]
012 emmet.pdf [27.11K]
012 emmet-.txt [0.11K]
012 -subelime-.txt [0.07K]
012 sublime-package-control.txt [0.08K]
012 套用第一個 sublime plugin,利用 emmet 提升寫 html、css 效率.mp4 [37.96M]
012 套用第一個 sublime plugin,利用 emmet 提升寫 html、css 效率-zh.srt [0.17K]
013 css 類別選擇器 – 如何透過 class 來指定 html 樣式.mp4 [14.66M]
014 css 擬態選擇器 – 設計 a 連結動作觸發樣式.mp4 [15.35M]
015 使用 css 設定優化文字排版.mp4 [21.59M]
016 在 html 標籤上加上線條(border).mp4 [14.55M]
017 作業:優化第一節作業吧!.mp4 [5.70M]
04 使用css變更html標籤特性 [191.68M]
018 css reset,讓所有瀏覽器都長得一致.mp4 [28.66M]
018 myer-web-css-reset.txt [0.08K]
018 style.css [1.08K]
019 行內元素 & 區塊元素的差異.mp4 [20.34M]
020 div 與 span 的使用時機、css 後代選擇器.mp4 [40.57M]
021 使用 margin、padding 來推擠距離.mp4 [14.36M]
022 box model(盒模型).mp4 [15.95M]
023 使用 margin_ auto 讓版型置中.mp4 [27.35M]
024 作業:優化第二節作業吧.mp4 [6.56M]
025 補充教材:不想算盒模型的推擠?試試 css3 box-sizing 吧!.mp4 [23.97M]
026 codepen.txt [0.04K]
026 codepen:線上撰寫網頁服務.mp4 [13.91M]
05 網頁排版技巧 part i [152.76M]
027 float 浮動定位技巧.mp4 [20.41M]
028 使用 clear 清除浮動.mp4 [20.68M]
029 兩欄式、三欄式版面定位技巧.mp4 [24.67M]
030 設計並排式選單.mp4 [41.40M]
031 logo 與選單並排設計技巧.mp4 [29.04M]
032 4-6-homework.zip [9.83K]
032 作業:設計一個三欄式版面,具有表頭表尾的版面吧!.mp4 [16.55M]
033 其他常見 clear 清除浮動效果.html [1.40K]
06 網頁排版技巧 part ii [113.54M]
034 使用絕對定位 _ 相對定位 設計版型.mp4 [21.45M]
035 相對定位、絕對定位元素技巧:z-index – relative、absolute.mp4 [13.51M]
036 簡報呈現相對定位跟絕對定位的技巧.mp4 [6.21M]
037 使用 ul li 設計產品列表.mp4 [38.00M]
038 絕對定位設計優惠價.mp4 [14.42M]
039 position_ fixed 技巧.mp4 [19.96M]
07 切圖技巧 [268.71M]
040 photoshop 繪圖軟體下載流程。 備註:請先使用 cc試用版本,免費的cs2在新系統已失效。.mp4 [15.55M]
041 備註.html [1.04K]
042 -html.zip [20.38M]
042 photoshop 切圖流程.mp4 [23.92M]
043 background 在 html 元素上載入背景圖片,設定寬高.mp4 [18.37M]
044 background-repeat:將圖片重複顯示,repeat-x.mp4 [37.93M]
045 background-color:與背景圖片的混用.mp4 [79.10M]
046 background-position:移動 background 的位置.mp4 [10.52M]
047 background 縮寫教學.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]
056 form、text、submit 範例程式碼.html [1.03K]
057 使用 label、placeholder 提升表單使用者體驗.mp4 [13.42M]
058 label、placeholder 範例程式碼.html [1.24K]
059 表單元素:radio、checkbox.mp4 [16.70M]
060 表單元素:select、textarea.mp4 [17.24M]
061 使用 css 修改表單 (form) 樣式.mp4 [37.69M]
09 css3技巧 [87.26M]
062 css3 圓弧效果.mp4 [10.72M]
063 css3 漸層效果.mp4 [18.90M]
064 css3 陰影效果.mp4 [13.42M]
065 使用 can i use 查詢 html、css 瀏覽器兼容度.mp4 [22.16M]
066 使用 statcounter 瀏覽各國瀏覽器趨勢.mp4 [22.05M]
10 最後,讓你的網頁變得更專業 [205.27M]
067 css 權重觀念.mp4 [48.34M]
068 -.txt [0.08K]
068 如何規劃你的網頁結構.mp4 [16.88M]
069 head 進階資訊設定.mp4 [55.26M]
070 head 常用語法.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]
076 iconfinder.txt [0.03K]
076 iconfinder:免費下載 icon 服務平台.mp4 [15.18M]
077 unsplash、flickr:免費高解析圖庫下載資源.mp4 [33.17M]
11 開發多頁式網站實戰講解 [254.21M]
078 html-cc.psd [24.28M]
078 前言介紹.mp4 [23.05M]
079 sample.zip [2.04K]
079 環境架設.mp4 [69.96M]
080 layout (佈局).mp4 [52.77M]
081 保持網頁靈活彈性的技巧.mp4 [26.48M]
082 css 管理方法.mp4 [40.16M]
083 總結.mp4 [17.51M]
12 接下來,你還可以學什麼? [3.90K]
084 響應式網頁設計 ( responsive web design ).html [1.31K]
085 如何從網路上找到適合自己的學習教材.html [1.29K]
086 網頁關鍵字速記表.html [1.29K]
评论0