使用 HTML、CSS 开发一个网站

课程介绍：

有能力排出具專業、語意化、美觀的網頁設計

課程結束後，我們會提供給你一個完整的網頁設計稿，當你實作出網頁來後再轉交六角學院的講師們，我們會為您進行程式碼審視，以確保你吸收的網頁排版觀念是正確的。

了解設計網頁的脈絡，你隨時可以在社群裡發問問題，我們永遠都會在這裡！

獲得持續更新的講義教材，終身複習不會脫離趨勢的現代化線上課程

〖课程目录〗:

• | └──4、使用 HTML、CSS 開發一個網站
• | | ├──01 六角學院線上資源
• | | | └──001 六角學院線上社團[www.ko996.com].html 2.01kb
• | | ├──02 網頁編輯器、HTML基礎教學
• | | | ├──002 -Subelime-[www.ko996.com].txt 0.07kb
• | | | ├──002 Sublime-Text-3-[www.ko996.com].txt 0.06kb
• | | | ├──002 認識網頁編輯器 Sublime Text 3 ，來寫第一個 Hello word 網頁吧！-zh[www.ko996.com].srt 0.14kb
• | | | ├──002 認識網頁編輯器 Sublime Text 3 ，來寫第一個 Hello word 網頁吧！[www.ko996.com].mp4 42.30M
• | | | ├──003 六角學院線上問答會資訊[www.ko996.com].html 3.18kb
• | | | ├──004 認識 HTML 標籤，設計具有語意化的網頁結構[www.ko996.com].mp4 48.49M
• | | | ├──005 建立 HTML 環境，賦予網頁新生命[www.ko996.com].mp4 21.57M
• | | | ├──006 HTML 環境程式碼[www.ko996.com].html 1.19kb
• | | | ├──007 logo[www.ko996.com].png 4.61kb
• | | | ├──007 插入圖片，了解圖片路徑與 HTML 屬性[www.ko996.com].mp4 27.69M
• | | | ├──008 加上連結，讓網頁開始具有互動性[www.ko996.com].mp4 22.12M
• | | | ├──009 認識 ul、li 清單標籤[www.ko996.com].mp4 48.63M
• | | | ├──010 [www.ko996.com].pdf 48.98kb
• | | | └──010 作業：設計一個簡單網站吧[www.ko996.com].mp4 7.00M
• | | ├──03 CSS 常用語法
• | | | ├──011 CSS 標籤選擇器 – 插入 CSS 檔案，讓文字變大變顏色吧！[www.ko996.com].mp4 23.84M
• | | | ├──011 HTML-CSS[www.ko996.com].zip 27.32kb
• | | | ├──012 -Subelime-[www.ko996.com].txt 0.07kb
• | | | ├──012 Emmet-[www.ko996.com].txt 0.11kb
• | | | ├──012 Emmet[www.ko996.com].pdf 27.11kb
• | | | ├──012 Sublime-Package-Control[www.ko996.com].txt 0.08kb
• | | | ├──012 套用第一個 Sublime Plugin，利用 emmet 提升寫 HTML、CSS 效率-zh[www.ko996.com].srt 0.17kb
• | | | ├──012 套用第一個 Sublime Plugin，利用 emmet 提升寫 HTML、CSS 效率[www.ko996.com].mp4 37.96M
• | | | ├──013 CSS 類別選擇器 – 如何透過 Class 來指定 HTML 樣式[www.ko996.com].mp4 14.66M
• | | | ├──014 CSS 擬態選擇器 – 設計 a 連結動作觸發樣式[www.ko996.com].mp4 15.35M
• | | | ├──015 使用 CSS 設定優化文字排版[www.ko996.com].mp4 21.59M
• | | | ├──016 在 HTML 標籤上加上線條(border)[www.ko996.com].mp4 14.55M
• | | | └──017 作業：優化第一節作業吧！[www.ko996.com].mp4 5.70M
• | | ├──04 使用CSS變更HTML標籤特性
• | | | ├──018 CSS Reset，讓所有瀏覽器都長得一致[www.ko996.com].mp4 28.66M
• | | | ├──018 Myer-web-CSS-reset[www.ko996.com].txt 0.08kb
• | | | ├──018 style[www.ko996.com].css 1.08kb
• | | | ├──019 行內元素 & 區塊元素的差異[www.ko996.com].mp4 20.34M
• | | | ├──020 DIV 與 SPAN 的使用時機、CSS 後代選擇器[www.ko996.com].mp4 40.57M
• | | | ├──021 使用 margin、padding 來推擠距離[www.ko996.com].mp4 14.36M
• | | | ├──022 Box Model（盒模型）[www.ko996.com].mp4 15.95M
• | | | ├──023 使用 margin_ auto 讓版型置中[www.ko996.com].mp4 27.35M
• | | | ├──024 作業：優化第二節作業吧[www.ko996.com].mp4 6.56M
• | | | ├──025 補充教材：不想算盒模型的推擠？試試 CSS3 box-sizing 吧！[www.ko996.com].mp4 23.97M
• | | | ├──026 Codepen[www.ko996.com].txt 0.04kb
• | | | └──026 CODEPEN：線上撰寫網頁服務[www.ko996.com].mp4 13.91M
• | | ├──05 網頁排版技巧 Part I
• | | | ├──027 Float 浮動定位技巧[www.ko996.com].mp4 20.41M
• | | | ├──028 使用 clear 清除浮動[www.ko996.com].mp4 20.68M
• | | | ├──029 兩欄式、三欄式版面定位技巧[www.ko996.com].mp4 24.67M
• | | | ├──030 設計並排式選單[www.ko996.com].mp4 41.40M
• | | | ├──031 LOGO 與選單並排設計技巧[www.ko996.com].mp4 29.04M
• | | | ├──032 4-6-homework[www.ko996.com].zip 9.83kb
• | | | ├──032 作業：設計一個三欄式版面，具有表頭表尾的版面吧！[www.ko996.com].mp4 16.55M
• | | | └──033 其他常見 clear 清除浮動效果[www.ko996.com].html 1.40kb
• | | ├──06 網頁排版技巧 Part II
• | | | ├──034 使用絕對定位 _ 相對定位 設計版型[www.ko996.com].mp4 21.45M
• | | | ├──035 相對定位、絕對定位元素技巧：z-index – relative、absolute[www.ko996.com].mp4 13.51M
• | | | ├──036 簡報呈現相對定位跟絕對定位的技巧[www.ko996.com].mp4 6.21M
• | | | ├──037 使用 ul li 設計產品列表[www.ko996.com].mp4 38.00M
• | | | ├──038 絕對定位設計優惠價[www.ko996.com].mp4 14.42M
• | | | └──039 position_ fixed 技巧[www.ko996.com].mp4 19.96M
• | | ├──07 切圖技巧
• | | | ├──040 Photoshop 繪圖軟體下載流程。 備註：請先使用 CC試用版本，免費的CS2在新系統已失效。[www.ko996.com].mp4 15.55M
• | | | ├──041 備註[www.ko996.com].html 1.04kb
• | | | ├──042 -html[www.ko996.com].zip 20.38M
• | | | ├──042 Photoshop 切圖流程[www.ko996.com].mp4 23.92M
• | | | ├──043 background 在 html 元素上載入背景圖片，設定寬高[www.ko996.com].mp4 18.37M
• | | | ├──044 background-repeat：將圖片重複顯示，repeat-x[www.ko996.com].mp4 37.93M
• | | | ├──045 background-color：與背景圖片的混用[www.ko996.com].mp4 79.10M
• | | | ├──046 background-position：移動 background 的位置[www.ko996.com].mp4 10.52M
• | | | ├──047 background 縮寫教學[www.ko996.com].mp4 7.14M
• | | | ├──048 圖片取代文字技巧 – 以logo為例[www.ko996.com].mp4 19.85M
• | | | ├──049 圖片種類介紹 ( gif、jpg、png )[www.ko996.com].mp4 29.85M
• | | | ├──050 圖文並排範例[www.ko996.com].html 1.41kb
• | | | └──051 第六節作業[www.ko996.com].mp4 6.09M
• | | ├──08 表格與表單設計技巧
• | | | ├──052 認識 HTML 表格 (Table) 標籤[www.ko996.com].mp4 18.85M
• | | | ├──053 設定表格(Table)上的 CSS樣 式[www.ko996.com].mp4 24.26M
• | | | ├──054 表單 (Form) 簡介[www.ko996.com].mp4 4.54M
• | | | ├──055 表單三劍客：Form、輸入欄位、Submit[www.ko996.com].mp4 19.99M
• | | | ├──056 Form、Text、Submit 範例程式碼[www.ko996.com].html 1.03kb
• | | | ├──057 使用 label、placeholder 提升表單使用者體驗[www.ko996.com].mp4 13.42M
• | | | ├──058 label、placeholder 範例程式碼[www.ko996.com].html 1.24kb
• | | | ├──059 表單元素：radio、checkbox[www.ko996.com].mp4 16.70M
• | | | ├──060 表單元素：select、textarea[www.ko996.com].mp4 17.24M
• | | | └──061 使用 CSS 修改表單 (Form) 樣式[www.ko996.com].mp4 37.69M
• | | ├──09 CSS3技巧
• | | | ├──062 CSS3 圓弧效果[www.ko996.com].mp4 10.72M
• | | | ├──063 CSS3 漸層效果[www.ko996.com].mp4 18.90M
• | | | ├──064 CSS3 陰影效果[www.ko996.com].mp4 13.42M
• | | | ├──065 使用 can I use 查詢 HTML、CSS 瀏覽器兼容度[www.ko996.com].mp4 22.16M
• | | | └──066 使用 Statcounter 瀏覽各國瀏覽器趨勢[www.ko996.com].mp4 22.05M
• | | ├──10 最後，讓你的網頁變得更專業
• | | | ├──067 CSS 權重觀念[www.ko996.com].mp4 48.34M
• | | | ├──068 -[www.ko996.com].txt 0.08kb
• | | | ├──068 如何規劃你的網頁結構[www.ko996.com].mp4 16.88M
• | | | ├──069 head 進階資訊設定[www.ko996.com].mp4 55.26M
• | | | ├──070 head 常用語法[www.ko996.com].html 1.67kb
• | | | ├──071 十種初學者常犯的錯誤[www.ko996.com].html 1.32kb
• | | | ├──072 -html[www.ko996.com].zip 20.38M
• | | | ├──072 最後一版PSD練習[www.ko996.com].mp4 4.85M
• | | | ├──073 最後一版PSD作業細節[www.ko996.com].html 1.07kb
• | | | ├──074 最後一版作業PSD評分標準[www.ko996.com].mp4 11.21M
• | | | ├──075 網頁排版練習作業 – 個人履歷網頁設計[www.ko996.com].html 1.45kb
• | | | ├──076 iconfinder[www.ko996.com].txt 0.03kb
• | | | ├──076 Iconfinder：免費下載 ICON 服務平台[www.ko996.com].mp4 15.18M
• | | | └──077 unsplash、Flickr：免費高解析圖庫下載資源[www.ko996.com].mp4 33.17M
• | | ├──11 開發多頁式網站實戰講解
• | | | ├──078 HTML-CC[www.ko996.com].psd 24.28M
• | | | ├──078 前言介紹[www.ko996.com].mp4 23.05M
• | | | ├──079 sample[www.ko996.com].zip 2.04kb
• | | | ├──079 環境架設[www.ko996.com].mp4 69.96M
• | | | ├──080 Layout (佈局)[www.ko996.com].mp4 52.77M
• | | | ├──081 保持網頁靈活彈性的技巧[www.ko996.com].mp4 26.48M
• | | | ├──082 CSS 管理方法[www.ko996.com].mp4 40.16M
• | | | └──083 總結[www.ko996.com].mp4 17.51M
• | | └──12 接下來，你還可以學什麼？
• | | | ├──084 響應式網頁設計 ( Responsive Web Design )[www.ko996.com].html 1.31kb
• | | | ├──085 如何從網路上找到適合自己的學習教材[www.ko996.com].html 1.29kb
• | | | └──086 網頁關鍵字速記表[www.ko996.com].html 1.29kb

yeyudao普通

收藏 海报 链接