Udemy線上課程 給網頁設計初學者的一門課：html+css 講師:朝輝 蘇 影音教學 中文發音 繁體中文字幕版(DVD版)
Udemy線上課程給網頁設計初學者的一門課：html+css講師:朝輝蘇影音教學中文發音繁體中文字幕版(DVD版)
內容說明:
▲學網頁不難，難的是，你有沒有真正學過！
▲跨界網頁設計完全解析！
▲轉職或技能無痛升級，你必聽課程！
最火紅的網頁設計技術，職場人才需求大爆發！
學完這堂課，您會知道網頁設計原來這麼簡單，把艱深的理論一一轉化成簡單的實務基礎，一步步的讓你把學習進度變成一個初步網站的內容。
不管是對網頁設計有興趣者或是一點基礎也沒有的初學者，您將會真正學到最易懂的網頁建構知識，最貼近實務需求的網頁應用，絕對學以致用，全面發揮。

你將會學到的
建立一個基礎網站
網頁編輯實作的能力
學會html的架構
學會css的語法與應用
在職網頁設計師的技能
課程內容:
├─01第一部：免費網頁編輯軟體下載與安裝教學
│001sublimeText3介紹.mp4
│002下載與安裝.mp4
│003sublimeText3好用外掛介紹與安裝.mp4

│
├─02第二部：從頭認識HTML
│004HTML跟你看的不一樣！.mp4
│005HTML的頭有什麼__head___head_.mp4
│006頭裡面的_meta_跟_title___title_.mp4
│007摸摸HTML的身體部分_body___body_.mp4
│008我的第一個網頁誕生了！.mp4
│009pizza.png
│009再來張漂亮的圖片.mp4
│010加入連結跟外面的世界互動吧！.mp4
│011.txt
│011完成其他頁面的連結.mp4
│012繞口令！利用清單完成選單。_ul__li___li___ul_.mp4

│
├─03第三部：CSS初探-網頁的化妝師
│013CSS與HTML的關係介紹.mp4
│014css選擇器的介紹.mp4
│015.txt
│015css類別選擇器-隨心所欲裝扮我的網頁.mp4
│016css標籤選擇器-讓網頁標籤千變萬化.mp4
│017css虛擬(偽類)選擇器-我的網頁連結不一樣了！.mp4
│018css識別選擇器(id)-獨一無二專屬為你.mp4

│
├─04第四部：css應用-我家的網頁版面要設計裝潢
│019開始隔間-網頁版面分析.mp4
│020logo.png
│020室內隔間的規劃-網頁版面設計.mp4
│021泥做師傅進駐-div絕對單位(px)與相對單位(%)的區別.mp4
│022木工師傅進駐-css控制div與span標籤.mp4
│023css.txt
│023水電師傅進駐-外距(margin)與內距(padding)的調整.mp4
│024index-banner1.png
│024index-banner2.png
│024家具的擺設-其他css相關應用.mp4

│
├─05第五部：開始我的第一個網頁設計案
│025首先！成立一個網站專案資料夾.mp4
│026區塊元素(block)與行內元素(inline)的不同.mp4
│027logo擺設與選單設計-ulli的應用.mp4
│028動手整理程式碼、程式碼註解、網頁樣板製作.mp4
│029.zip
│029展示圖片的設計-兩欄、多欄版面設計，浮動(float)的應用.mp4
│030頁尾區塊的設計-浮動(float)與清除浮動(clear)的使用.mp4
│031environment.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
│039story-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
│049contact-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
│056seo初步概念：網頁語言與標題的設定.mp4
│057seo初步概念：關鍵字跟網頁敘述的設定.mp4
│058-.txt
│058seo初步概念：HTML與圖片的最佳化.mp4

│
├─11大功練成！整體網站的拉皮。
│059footer.txt
│059index-banner2.png
│059首頁設計美化.mp4
│060menu-img-bg.png
│060menu-list-bg.png
│060菜單頁的設計美化.mp4
│061餐廳環境頁的設計美化.mp4
│062交通資訊頁的規劃：google地圖的崁入.mp4
│
└─12免費網頁資源分享
063flickr.txt
063Pixabay.txt
063unsplash-.txt
063免費線上圖庫下載：pixabay、unsplash、flickr.com.mp4
064flaticon.txt
064ICONS.txt
064免費線上icon下載：https___material.io_icons_、flaticon.mp4
065placem-.txt
065免費線上占位圖片產生器：https___placem.at_.mp4
066-hml-.txt
066css-.txt
066免費線上hml和css教學資源.mp4