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