10 天 開發出你的第一個網頁

用基礎的HTML以及CSS 完成一個網站。

0 %
73 個人參加這堂課
教師: Adam Adam
  • 課程水平 初學
  • 使用語言 中文
  • 總節數 62
  • 時數 3:16:16
  • 課程內專案
  • 無限次觀看
  • 62個 公開小節

課程介紹

在學過HTML 以及CSS 之後,許多人已經知道網站到底是如何運作的了。在這邊你將可以學到,一個開發流程與習慣,以及在發過程中所可能面臨的問題跟解決辦法,快速的開發一個網站

為什麼選擇這門課 ? 跟其他課程的差異在哪?

  • 透過開發流程學習,學後能馬上上手
  • 課程內容教學方式淺顯易懂,學生能用多元的方式去理解
  • 課程內容將不斷更新

適合我嗎?需要那些課程準備?

適用對象

  • 初學網頁設計的設計師
  • 想建置自己個人網站的個人

工具準備

  • sublime 編輯器
  • 電腦

知識準備

  • HTML

課程章節表

第1章

第 1 天: 學習準備
1
網頁的構成
8:05
2
開始前須知道的基礎知識
6:41
3
網頁文字編輯器
7:06
4
下載一個 Sublime 前端編輯器
準備中
5
sublime 好用 emmet & live reload 下載 與介紹
準備中
6
網頁基礎架構
8:04
7
認識網站的骨架- HTML 標籤
7:11

第2章

第 2 天 - 認識HTML - 建構網站骨架
1
div , span標籤
4:40
2
區塊(Block)元素與水平(inline)元素 概念
7:41
3
認識 清單標籤
6:41
4
用 Class 與 id 為 HTML 分類與命名
6:58

第3章

第 2 天 - 建立網站資料夾
1
建立一份網站資料夾
準備中
2
區塊劃分與架構訂定
準備中
3
用HTML來建立網站骨架
準備中

第4章

第3天 - 認識CSS
1
第3天 - 認識CSS
6:56

第5章

第3天 - 用CSS選擇器幫HTML 設置樣式
1
CSS 選擇器 1
5:40
2
CSS 選擇器 2
10:18

第6章

第3天 -CSS 盒子模型
1
CSS 的盒子模型
5:45
2
CSS 盒子模型中的屬性 - 外距與內距
準備中
3
CSS3 box-sizing 固定盒子寬度
準備中

第7章

第4天 - 同步瀏覽器樣式
1
同步各瀏覽器的樣式
準備中

第8章

第4天 - 製作導覽列 header
1
網頁導覽列製作解析
準備中

第9章

第4天 - 網頁連結
1
認識 HTML 連結標籤
8:50
2
CSS 連結
準備中
3
按鈕製作
準備中

第10章

第4天 - 網站文字 、顏色、單位
1
CSS 中的顏色
3:30
2
CSS 中的單位
7:47
3
CSS 中的文字
11:24
4
CSS 美化網站 header
準備中

第11章

第5天 - CSS 特性
1
CSS 的繼承特性
5:59
2
CSS 權重概念
13:04

第12章

第5天 - 網頁內容區塊置中
1
使網頁區塊置中技巧
準備中
2
第五天小結
準備中

第13章

第6天 - 製作主題區塊
1
主題區塊製作解析
準備中

第14章

第6天 - 設置HTML 標題、段落
1
HTML 標題
3:10
2
HTML 段落
3:54

第15章

第6天 - 設置背景
1
CSS背景
9:24
2
調整背景大小 background size
準備中
3
網頁主題區塊 製作
準備中
4
小結
準備中

第16章

第7天 - 製作 圖文區塊
1
圖文區塊製作解析
準備中

第17章

第7天 - 插入圖片
1
HTML 圖片
5:55
2
CSS 調整 圖片
5:50

第18章

第7天 - CSS display 屬性
1
第7天 - CSS display 屬性
10:05
2
建構網頁圖文區塊
準備中
3
圖片 結合 hover 效果
準備中
4
第七天 小結
準備中

第19章

第8天 - 多區塊排版
1
第8天 - 多區塊製作解析
準備中

第20章

第8天 -CSS浮動排版
1
CSS float 排版
準備中
2
清除float 浮動影響 的幾種技巧
準備中

第21章

CSS overflow
1
使用 overflow 控制顯示區域
準備中

第22章

第8天 -CSS 層疊排版 與 元素定位第8天
1
CSS 絕對定位與 相對定位
準備中
2
實作多區塊內容
準備中
3
小結
準備中

第23章

第9天 - 網頁表單
1
表單區塊製作解析
準備中
2
定義一個表單 1
9:44
3
定義一個表單 2
5:54
4
動手做 網頁表單區塊
準備中

第24章

第9天 - 網頁置頂按鈕
1
position: fixed 製作至頂按鈕
準備中

第25章

第10天 - 網頁發布
1
幫網站設定對外資訊
準備中
2
使用github 發布網站
準備中
3
使用dropbox發布網站
準備中

您將會學到的

  • 前端網站建置流程
  • HTML 在開發中正確的開發技巧
  • CSS 觀念與運用

教師簡介

Adam
絕不吃辣的前端工程師、網路行銷人,喜歡自學新技能。體驗、交流、分享新鮮的事物。相信人因學習而偉大。

0%

0個評價
目前尚無評論

其他人也參加了這些課程

收藏
輕鬆上雲端 - AWS 網站建置術

輕鬆上雲端 - AWS 網站建置術

收藏
前端網頁設計,超快速入門

前端網頁設計,超快速入門

收藏
超入門 CSS  快速學習包

超入門 CSS 快速學習包

收藏
PS/AI輕鬆學

PS/AI輕鬆學