Udemy線上課程 給網頁設計初學者的一門課：html+css 講師:朝輝 蘇 影音教學 中文發音 繁體中文字幕版(DVD版)
內容說明:
▲ 學網頁不難，難的是，你有沒有真正學過！
▲ 跨界網頁設計完全解析！
▲ 轉職或技能無痛升級，你必聽課程！
最火紅的網頁設計技術，職場人才需求大爆發！
學完這堂課，您會知道網頁設計原來這麼簡單，把艱深的理論一一轉化成簡單的實務基礎，一步步的讓你把學習進度變成一個初步網站的內容。
不管是對網頁設計有興趣者或是一點基礎也沒有的初學者，您將會真正學到最易懂的網頁建構知識，最貼近實務需求的網頁應用，絕對學以致用，全面發揮。
你將會學到的
建立一個基礎網站
網頁編輯實作的能力
學會html的架構
學會css的語法與應用
在職網頁設計師的技能
課程內容:
├─01 第一部：免費網頁編輯軟體下載與安裝教學
│ 001 sublime Text3 介紹.mp4
│ 002 下載與安裝.mp4
│ 003 sublime Text3 好用外掛介紹與安裝.mp4
│
├─02 第二部：從頭認識HTML
│ 004 HTML跟你看的不一樣！.mp4
│ 005 HTML的頭有什麼_ _head___head_.mp4
│ 006 頭裡面的_meta_跟_title___title_.mp4
│ 007 摸摸HTML的身體部分_body___body_.mp4
│ 008 我的第一個網頁誕生了！.mp4
│ 009 pizza.png
│ 009 再來張漂亮的圖片.mp4
│ 010 加入連結跟外面的世界互動吧！.mp4
│ 011 .txt
│ 011 完成其他頁面的連結.mp4
│ 012 繞口令！利用清單完成選單。_ul__li___li___ul_.mp4
│
├─03 第三部：CSS初探 - 網頁的化妝師
│ 013 CSS與HTML的關係介紹.mp4
│ 014 css選擇器的介紹.mp4
│ 015 .txt
│ 015 css類別選擇器 - 隨心所欲裝扮我的網頁.mp4
│ 016 css標籤選擇器 - 讓網頁標籤千變萬化.mp4
│ 017 css虛擬(偽類)選擇器 - 我的網頁連結不一樣了！.mp4
│ 018 css識別選擇器(id) - 獨一無二專屬為你.mp4
│
├─04 第四部：css應用 - 我家的網頁版面要設計裝潢
│ 019 開始隔間 - 網頁版面分析.mp4
│ 020 logo.png
│ 020 室內隔間的規劃 - 網頁版面設計.mp4
│ 021 泥做師傅進駐 - div絕對單位(px)與相對單位(%)的區別.mp4
│ 022 木工師傅進駐 - css控制div與span標籤.mp4
│ 023 css.txt
│ 023 水電師傅進駐 - 外距(margin)與內距(padding)的調整.mp4
│ 024 index-banner1.png
│ 024 index-banner2.png
│ 024 家具的擺設 - 其他css相關應用.mp4
│
├─05 第五部：開始我的第一個網頁設計案
│ 025 首先！成立一個網站專案資料夾.mp4
│ 026 區塊元素(block)與行內元素(inline)的不同.mp4
│ 027 logo擺設與選單設計 - ul li的應用.mp4
│ 028 動手整理程式碼、程式碼註解、網頁樣板製作.mp4
│ 029 .zip
│ 029 展示圖片的設計 - 兩欄、多欄版面設計，浮動(float)的應用.mp4
│ 030 頁尾區塊的設計 - 浮動(float)與清除浮動(clear)的使用.mp4
│ 031 environment.zip
│ 031 讓字漂浮在圖片上 - 定位(position)的應用_relative和absolute.mp4
│ 032 文字position的位置調整：top, left, bottom, right.mp4
│ 033 讓選單固定在上方 - css定位(position)的應用_fixed操作.mp4
│
├─06 第六部：好多資料哪裡擺_ 表格的應用
│ 034 表格與列： table, tr.mp4
│ 035 表格裡面的表頭跟儲存格：th, td.mp4
│ 036 我的表格不一樣：css與table的應用.mp4
│ 037 從DIV實現表格排版的設計.mp4
│
├─07 第七部：讓我的網頁看起來更漂亮
│ 038 .jpg
│ 038 網頁圖片常用檔案格式介紹：jpg, gif, png.mp4
│ 039 story-img.png
│ 039 背景的圖片載入與長寬：background-url, background-size.mp4
│ 040 背景圖片的重複顯示：background-repeat.mp4
│ 041 背景圖片位置的移動：background-position.mp4
│ 042 .png
│ 042 背景顏色的透明應用：background-color.mp4
│ 043 背景圖片與img的差異.mp4
│
├─08 第八部：讓使用者聯繫我們 - 聯絡表單的應用
│ 044 表單架構的說明：form.mp4
│ 045 表單元素 label和input的應用：輸入姓名、電話、Email.mp4
│ 046 表單元素select、option的應用：詢問類別.mp4
│ 047 表單元素radio、checkbox的應用：性別、推薦的餐點.mp4
│ 048 表單元素textarea和submit的應用：輸入更多的意見及填妥送出.mp4
│ 049 contact-bg.jpg
│ 049 讓我的表單更特別：css與form的應用.mp4
│
├─09 番外篇1：噓~ 更多css密技！
│ 050 -css-.txt
│ 050 做出漸層不用圖片.mp4
│ 051 -css-.txt
│ 051 做出圓角讓畫面更特別.mp4
│ 052 -css-.txt
│ 052 做出陰影讓物件更立體.mp4
│ 053 解決css讓你錯亂的權重觀念- css接近性.mp4
│ 054 解決css讓你錯亂的權重觀念- css精確性.mp4
│
├─10 番外篇2：專業網頁設計師才知道的秘密
│ 055 好的房子要有好的結構：網頁內容架構的規劃.mp4
│ 056 seo初步概念：網頁語言與標題的設定.mp4
│ 057 seo初步概念：關鍵字跟網頁敘述的設定.mp4
│ 058 -.txt
│ 058 seo初步概念：HTML與圖片的最佳化.mp4
│
├─11 大功練成！整體網站的拉皮。
│ 059 footer.txt
│ 059 index-banner2.png
│ 059 首頁設計美化.mp4
│ 060 menu-img-bg.png
│ 060 menu-list-bg.png
│ 060 菜單頁的設計美化.mp4
│ 061 餐廳環境頁的設計美化.mp4
│ 062 交通資訊頁的規劃：google地圖的崁入.mp4
│
└─12 免費網頁資源分享
063 flickr.txt
063 Pixabay.txt
063 unsplash-.txt
063 免費線上
圖庫下載：pixabay、unsplash、flickr.com.mp4
064 flaticon.txt
064 ICONS.txt
064 免費線上icon下載：https___material.io_icons_、flaticon.mp4
065 placem-.txt
065 免費線上占位圖片產生器：https___placem.at_.mp4
066 -hml-.txt
066 css-.txt
066 免費線上hml和css教學資源.mp4
