Udemy線上課程 使用 HTML、CSS 開發一個網站(含教材) 講師:卡斯伯 六角學院 影音教學 中文發音 繁體中文字幕版(DVD版) Udemy線上課程使用HTML、CSS開發一個網站(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版) 內容說明: 您會學到 有能力排出具專業、語意化、美觀的網頁設計 課程結束後，我們會提供給你一個完整的網頁設計稿，當你實作出網頁來後再轉交六角學院的講師們，我們會為您進行程式碼審視，以確保你吸收的網頁排版觀念是正確的。 了解設計網頁的脈絡，你隨時可以在社群裡發問問題，我們永遠都會在這裡！ 影片介紹: 課程內容: ├─01六角學院線上資源 │001六角學院線上社團.html │ ├─02網頁編輯器、HTML基礎教學 │002-Subelime-.txt │002Sublime-Text-3-.txt │002認識網頁編輯器SublimeText3，來寫第一個Helloword網頁吧！-zh.srt │002認識網頁編輯器SublimeText3，來寫第一個Helloword網頁吧！.mp4 │003六角學院線上問答會資訊.html │004認識HTML標籤，設計具有語意化的網頁結構-zh.srt │004認識HTML標籤，設計具有語意化的網頁結構.mp4 │005建立HTML環境，賦予網頁新生命-zh.srt │005建立HTML環境，賦予網頁新生命.mp4 │006HTML環境程式碼.html │007logo.png │007插入圖片，了解圖片路徑與HTML屬性-zh.srt │007插入圖片，了解圖片路徑與HTML屬性.mp4 │008加上連結，讓網頁開始具有互動性-zh.srt │008加上連結，讓網頁開始具有互動性.mp4 │009認識ul、li清單標籤-zh.srt │009認識ul、li清單標籤.mp4 │010.pdf │010作業：設計一個簡單網站吧-zh.srt │010作業：設計一個簡單網站吧.mp4 │ ├─03CSS常用語法 │011CSS標籤選擇器-插入CSS檔案，讓文字變大變顏色吧！-zh.srt │011CSS標籤選擇器-插入CSS檔案，讓文字變大變顏色吧！.mp4 │011HTML-CSS.zip │012-Subelime-.txt │012Emmet-.txt │012Emmet.pdf │012Sublime-Package-Control.txt │012套用第一個SublimePlugin，利用emmet提升寫HTML、CSS效率-zh.srt │012套用第一個SublimePlugin，利用emmet提升寫HTML、CSS效率.mp4 │013CSS類別選擇器-如何透過Class來指定HTML樣式-zh.srt │013CSS類別選擇器-如何透過Class來指定HTML樣式.mp4 │014CSS擬態選擇器-設計a連結動作觸發樣式-zh.srt │014CSS擬態選擇器-設計a連結動作觸發樣式.mp4 │015使用CSS設定優化文字排版-zh.srt │015使用CSS設定優化文字排版.mp4 │016在HTML標籤上加上線條(border)-zh.srt │016在HTML標籤上加上線條(border).mp4 │017作業：優化第一節作業吧！-zh.srt │017作業：優化第一節作業吧！.mp4 │ ├─04使用CSS變更HTML標籤特性 │018CSSReset，讓所有瀏覽器都長得一致-zh.srt │018CSSReset，讓所有瀏覽器都長得一致.mp4 │018Myer-web-CSS-reset.txt │018style.css │019行內元素&區塊元素的差異-zh.srt │019行內元素&區塊元素的差異.mp4 │020DIV與SPAN的使用時機、CSS後代選擇器-zh.srt │020DIV與SPAN的使用時機、CSS後代選擇器.mp4 │021使用margin、padding來推擠距離-zh.srt │021使用margin、padding來推擠距離.mp4 │022BoxModel（盒模型）-zh.srt │022BoxModel（盒模型）.mp4 │023使用margin_auto讓版型置中-zh.srt │023使用margin_auto讓版型置中.mp4 │024作業：優化第二節作業吧-zh.srt │024作業：優化第二節作業吧.mp4 │025補充教材：不想算盒模型的推擠？試試CSS3box-sizing吧！-zh.srt │025補充教材：不想算盒模型的推擠？試試CSS3box-sizing吧！.mp4 │026Codepen.txt │026CODEPEN：線上撰寫網頁服務-zh.srt │026CODEPEN：線上撰寫網頁服務.mp4 │ ├─05網頁排版技巧PartI │027Float浮動定位技巧-zh.srt │027Float浮動定位技巧.mp4 │028使用clear清除浮動-zh.srt │028使用clear清除浮動.mp4 │029兩欄式、三欄式版面定位技巧-zh.srt │029兩欄式、三欄式版面定位技巧.mp4 │030設計並排式選單-zh.srt │030設計並排式選單.mp4 │031LOGO與選單並排設計技巧-zh.srt │031LOGO與選單並排設計技巧.mp4 │0324-6-homework.zip │032作業：設計一個三欄式版面，具有表頭表尾的版面吧！-zh.srt │032作業：設計一個三欄式版面，具有表頭表尾的版面吧！.mp4 │033其他常見clear清除浮動效果.html │ ├─06網頁排版技巧PartII │034使用絕對定位_相對定位設計版型-zh.srt │034使用絕對定位_相對定位設計版型.mp4 │035相對定位、絕對定位元素技巧：z-index-relative、absolute-zh.srt │035相對定位、絕對定位元素技巧：z-index-relative、absolute.mp4 │036簡報呈現相對定位跟絕對定位的技巧-zh.srt │036簡報呈現相對定位跟絕對定位的技巧.mp4 │037使用ulli設計產品列表-zh.srt │037使用ulli設計產品列表.mp4 │038絕對定位設計優惠價-zh.srt │038絕對定位設計優惠價.mp4 │039position_fixed技巧-zh.srt │039position_fixed技巧.mp4 │ ├─07切圖技巧 │040Photoshop繪圖軟體下載流程。備註：請先使用CC試用版本，免費的CS2在新系統已失效。-zh.srt │040Photoshop繪圖軟體下載流程。備註：請先使用CC試用版本，免費的CS2在新系統已失效。.mp4 │041備註.html │042-html.zip │042Photoshop切圖流程-zh.srt │042Photoshop切圖流程.mp4 │043background在html元素上載入背景圖片，設定寬高-zh.srt │043background在html元素上載入背景圖片，設定寬高.mp4 │044background-repeat：將圖片重複顯示，repeat-x-zh.srt │044background-repeat：將圖片重複顯示，repeat-x.mp4 │045background-color：與背景圖片的混用-zh.srt │045background-color：與背景圖片的混用.mp4 │046background-position：移動background的位置-zh.srt │046background-position：移動background的位置.mp4 │047background縮寫教學-zh.srt │047background縮寫教學.mp4 │048圖片取代文字技巧-以logo為例-zh.srt │048圖片取代文字技巧-以logo為例.mp4 │049圖片種類介紹(gif、jpg、png)-zh.srt │049圖片種類介紹(gif、jpg、png).mp4 │050圖文並排範例.html │051第六節作業-zh.srt │051第六節作業.mp4 │ ├─08表格與表單設計技巧 │052認識HTML表格(Table)標籤-zh.srt │052認識HTML表格(Table)標籤.mp4 │053設定表格(Table)上的CSS樣式-zh.srt │053設定表格(Table)上的CSS樣式.mp4 │054表單(Form)簡介-zh.srt │054表單(Form)簡介.mp4 │055表單三劍客：Form、輸入欄位、Submit-zh.srt │055表單三劍客：Form、輸入欄位、Submit.mp4 │056Form、Text、Submit範例程式碼.html │057使用label、placeholder提升表單使用者體驗-zh.srt │057使用label、placeholder提升表單使用者體驗.mp4 │058label、placeholder範例程式碼.html │059表單元素：radio、checkbox-zh.srt │059表單元素：radio、checkbox.mp4 │060表單元素：select、textarea-zh.srt │060表單元素：select、textarea.mp4 │061使用CSS修改表單(Form)樣式-zh.srt │061使用CSS修改表單(Form)樣式.mp4 │ ├─09CSS3技巧 │062CSS3圓弧效果-zh.srt │062CSS3圓弧效果.mp4 │063CSS3漸層效果-zh.srt │063CSS3漸層效果.mp4 │064CSS3陰影效果-zh.srt │064CSS3陰影效果.mp4 │065使用canIuse查詢HTML、CSS瀏覽器兼容度-zh.srt │065使用canIuse查詢HTML、CSS瀏覽器兼容度.mp4 │066使用Statcounter瀏覽各國瀏覽器趨勢-zh.srt │066使用Statcounter瀏覽各國瀏覽器趨勢.mp4 │ ├─10最後，讓你的網頁變得更專業 │067CSS權重觀念-zh.srt │067CSS權重觀念.mp4 │068-.txt │068如何規劃你的網頁結構-zh.srt │068如何規劃你的網頁結構.mp4 │069head進階資訊設定-zh.srt │069head進階資訊設定.mp4 │070head常用語法.html │071十種初學者常犯的錯誤.html │072最終作業寄送mail變更.html │073-html.zip │073最後一版PSD練習-zh.srt │073最後一版PSD練習.mp4 │074最後一版PSD作業細節.html │075最後一版作業PSD評分標準-zh.srt │075最後一版作業PSD評分標準.mp4 │076網頁排版練習作業-個人履歷網頁設計.html │077iconfinder.txt │077Iconfinder：免費下載ICON服務平台-zh.srt │077Iconfinder：免費下載ICON服務平台.mp4 │078unsplash、Flickr：免費高解析圖庫下載資源-zh.srt │078unsplash、Flickr：免費高解析圖庫下載資源.mp4 │ ├─11開發多頁式網站實戰講解 │079HTML-CC.psd │079前言介紹-zh.srt │079前言介紹.mp4 │080sample.zip │080環境架設-zh.srt │080環境架設.mp4 │081Layout(佈局)-zh.srt │081Layout(佈局).mp4 │082保持網頁靈活彈性的技巧-zh.srt │082保持網頁靈活彈性的技巧.mp4 │083CSS管理方法-zh.srt │083CSS管理方法.mp4 │084總結-zh.srt │084總結.mp4 │ └─12接下來，你還可以學什麼？ 085響應式網頁設計(ResponsiveWebDesign).html 086如何從網路上找到適合自己的學習教材.html 087網頁關鍵字速記表.html 相關商品:Udemy線上課程AdobeXD：網頁設計真容易(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程JavaScript核心篇(含教材)講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(2DVD)Udemy線上課程使用jQuery打造互動性網頁動畫效果(含教材)講師:廖洧傑liao影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程丹尼老師的給iOS/iPhone開發者的macOS開發指南-使用Swift(含教材)講師:DannyShen影音教學中文發音繁體中文字幕版(DVD版)Udemy線上課程UI設計入門：畫出有程式邏輯的設計稿講師:卡斯伯六角學院影音教學中文發音繁體中文字幕版(DVD版)