Your cart is empty.
Keep shopping
Teach on Udemy
Turn what you know into an opportunity and reach millions around the world.
Learn More(Ken Cen出品)建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站
Rating: 4.5 out of 54.5(2,833 ratings)
11,749 students
(Ken Cen出品)建網百科全書-使用 HTML,CSS,JS, jQuery,php,mySQL 建立網站
克隆eBay，AirPods，YouTube，Tesla網頁
Created byKen Cen
Last updated 2/2025
Chinese (Traditional)
What you'll learn
- 能使用HTML來編寫網頁上各種各樣的對象或者元素
- 能夠使用指定不同的元素或者對象用CSS或CSS3去美化他們，讓網站看起來更光彩奪目！
- 能使用Javascript,jQuery去製作具有各種功能的網頁程序或互動效果
- 能使用Bootstrap的框架去製作美觀，複雜的網頁程序，並適應不同的設備，包括各種平板和手機等
- 能使用Wordpress無需編寫任何一段代碼去構建自己的網上商店或論壇
- 能使用PHP和mySQL去編寫功能強大的服務器端程序，響應用戶的請求，實現服務器端與客戶端的互動！
Explore related topics
Coding Exercises
This course includes our updated coding exercises so you can practice your skills as you learn.
See a demo
Course content
11 sections • 329 lectures • 64h 33m total length
- 1_課程介紹0
課程介紹
- 網絡與伺服器6:57
網絡與伺服器
- 2_本課程需要用到的工具3:10
本課程需要用到的工具
- 課程使用工具替代方案5:57
課程使用工具替代方案
- 創建第一個網頁HelloWorld3:02
創建第一個網頁HelloWorld
- 如何上傳網頁到伺服器12:34
如何上傳網頁到伺服器
- 如何解決Cyberduck沒有Atom選項2:41
如何解決Cyberduck沒有Atom選項
- 如何解決FileZilla無法默認使用VSCode打開4:09
如何解決FileZilla無法默認使用VSCode打開
- HTML簡介13:48
HTML簡介
- 網頁結構9:57
網頁結構
- 標題與段落標簽6:26
標題與段落標簽
- 文字標籤7:45
文字標籤
- 超鏈接10:16
超鏈接
- Funny Question 1: 絕對路徑與相對路徑12:15
絕對路徑與相對路徑
- 如何在網頁放入圖片8:34
添加圖片
- 列表8:19
列表
- 表格Table(1)9:16
表格Table(1)
- 表格Table(2)9:02
表格Table(2)
- 表單Form(1)17:39
表單Form(1)
- 表單Form(2)10:43
表單Form(2)
- 表單Form(3)11:22
表單Form(3)
- 表單Form(4)8:01
表單Form(4)
- 字符實體HTML Entity15:20
字符實體HTML Entity
- 實作1: 製作第一個網站_主頁框架10:14
製作第一個網站_主頁框架
- 實作1: 製作第一個網站_網頁腳製作12:21
製作第一個網站_網頁腳製作
- 實作1: 製作第一個網站_無意義元素12:22
製作第一個網站_無意義元素
- 實作1: 製作第一個網站_製作簡介頁面8:08
製作第一個網站_製作簡介頁面
- 實作1: 製作第一個網站_製作表格頁面7:58
製作第一個網站_製作表格頁面
- 實作1: 製作第一個網站_製作課程目錄12:05
製作第一個網站_製作課程目錄
- HTML總結1:14
HTML總結
- CSS簡介5:48
Cascading Style Sheets 階層式樣式表
- 行內CSS Inline CSS8:18
行內CSS Inline CSS
- 內部CSS Internal CSS8:22
內部CSS Internal CSS
- 外部CSS External CSS11:59
外部CSS External CSS
- Class 選擇器 Class Selector8:25
Class 選擇器 Class Selector
- ID 選擇器 ID Selector8:46
ID 選擇器 ID Selector
- Funny Question 2: Selector CSS優先級16:41
Funny Question 2: Selector CSS優先級
- Funny Question 3: Inline Internal External CSS優先級10:29
Funny Question 3: Inline Internal External CSS優先級
- Combine Selectors合併選擇器11:16
Combine Selectors合併選擇器
- Pseudo Class 虛擬類別17:35
Pseudo Class虛擬類別
- Pseudo Class 虛擬元素7:44
Pseudo Class虛擬元素
- Attribute selector 屬性選擇器6:53
Attribute selector屬性選擇器
- Box model 盒子模型16:17
Box model 盒子模型
- CSS 單位 ：Pixel Percent Vw Vh11:49
CSS 單位 ：Pixel Percent Vw Vh
- CSS 單位 ： Rem Em Percent9:44
CSS 單位 ： Rem Em Percent
- Flexbox彈性盒子模型_橫向佈局12:37
Flexbox彈性盒子模型 橫向佈局
- Flexbox彈性盒子模型_縱向佈局及其他屬性11:09
Flexbox彈性盒子模型_縱向佈局及其他屬性
- Grid網格佈局模型_columns&rows10:16
Grid網格佈局模型_columns&rows
- Grid網格佈局模型_areas&span10:41
Grid網格佈局模型_areas&span
- 小挑戰一：Flex和Grid的應用3:15
小挑戰一：Flex和Grid的應用
- 第1題
- 小挑戰一解決_第1題13:14
小挑戰一解決_第1題
- 小挑戰一解決_第2題9:19
小挑戰一解決_第2題
- 小挑戰一解決_第3-4題20:59
小挑戰一解決_第3-4題
- Position位置屬性9:15
Position位置屬性
- Font字體設定&如何導入GoogleFont10:25
Font字體設定
- Calc()數值運算7:13
Calc()數值運算
- 如何編寫代碼比別人快2倍12:44
如何編寫代碼比別人快2倍
- 如何在VSCode中使用Emmet4:40
如何在VSCode中使用Emmet
- 實作2_克隆Youtube網站首頁1:50
實作2_克隆Youtube網站首頁
- 實作2: 克隆Youtube_網頁框架20:50
實作2: 克隆Youtube_網頁框架
- 實作2: 克隆Youtube_Flex與Grid應用16:26
實作2: 克隆Youtube_Flex與Grid應用
- 實作2: 克隆Youtube_搜索欄目合併輸入框與按鈕22:57
實作2: 克隆Youtube_搜索欄目合併輸入框與按鈕
- 實作2: 克隆Youtube_Sidebar HTML結構製作10:24
實作2: 克隆Youtube_Sidebar HTML結構製作
- 實作2: 克隆Youtube_製作按鈕效果19:34
實作2: 克隆Youtube_製作按鈕效果
- 實作2: 克隆Youtube_單一視頻模板製作13:34
實作2: 克隆Youtube_單一視頻模板製作
- 實作2: 克隆Youtube_Flex模型嵌套24:11
實作2: 克隆Youtube_Flex模型嵌套
- 實作2: 克隆Youtube_content屬性9:56
實作2: 克隆Youtube_content屬性
- 實作2: 克隆Youtube_auto-fill columns12:42
實作2: 克隆Youtube_auto-fill columns
- 實作2: 克隆Youtube_video section title製作(項目完結)20:15
實作2: 克隆Youtube_video section title製作(項目完結)
- Auto-fill與Auto-fit的關係和區別7:36
Auto-fill與Auto-fit的關係和區別
- Media Query 媒體查詢13:57
Media Query 媒體查詢
- Transition 轉場效果20:52
Transition 轉場效果
- Animation CSS動畫效果18:41
Animation CSS動畫效果
- CSS Variables 變數17:10
CSS Variables 變數
- 內在首選寬度(max-content) 與 內在最小寬度(min-content)14:08
內在首選寬度(max-content) 與 內在最小寬度(min-content)
- 疊放順序問題23:18
疊放順序問題
- Overflow溢出4:24
Overflow溢出
- 實作3：實作介紹1:18
實作3：實作介紹
- 實作3: 側邊欄動畫效果_標題欄的製作12:26
實作3: 側邊欄動畫效果_標題欄的製作
- 實作3：側邊欄動畫效果_側邊欄框架動畫19:59
實作3：側邊欄動畫效果_側邊欄框架動畫
- 實作3: 側邊欄動畫效果_側邊欄內部元素外觀設定23:12
實作3: 側邊欄動畫效果_側邊欄內部元素外觀設定
- 實作3：側邊欄動畫效果_修正及添加激活樣式9:27
實作3：側邊欄動畫效果_修正及添加激活樣式
- 實作3：側邊欄動畫效果_MediaQuery製作16:36
實作3：側邊欄動畫效果_MediaQuery製作
- Gradient 漸變效果8:11
Gradient 漸變效果
- 實作4：地球軌道動畫效果_項目介紹3:01
實作4：地球軌道動畫效果_項目介紹
- 實作4：地球軌道動畫效果_添加宇宙星空太陽14:18
實作4：地球軌道動畫效果_添加宇宙星空太陽
- 實作4：地球軌道動畫效果_添加地球軌跡_月亮軌跡_地球與月亮20:14
實作4：地球軌道動畫效果_添加地球軌跡_月亮軌跡_地球與月亮
- 實作4：地球軌道動畫效果_添加動畫效果10:34
實作4：地球軌道動畫效果_添加動畫效果
- 實作4：地球軌道動畫效果_項目優化13:24
實作4：地球軌道動畫效果_項目優化
- 小挑戰二_克隆eBay首頁介紹4:33
小挑戰二_克隆eBay首頁介紹
- 小挑戰二_克隆eBay_左右header固定外觀設定29:23
小挑戰二_克隆eBay_左右header固定外觀設定
- 小挑戰二_克隆eBay_header media query設定21:25
小挑戰二_克隆eBay_header media query設定
- 小挑戰二_克隆eBay_Search Bar三級容器設定37:59
小挑戰二_克隆eBay_Search Bar三級容器設定
- 小挑戰二_克隆eBay_輸入框重構22:10
小挑戰二_克隆eBay_輸入框重構
- 小挑戰二_克隆eBay_Select Tag重新構造36:20
小挑戰二_克隆eBay_Select Tag重新構造
- 小挑戰二_克隆eBay_導航欄選項外觀設定21:39
小挑戰二_克隆eBay_導航欄選項外觀設定
- 小挑戰二_克隆eBay_固定間距與可調整邊距23:45
小挑戰二_克隆eBay_固定間距與可調整邊距
- 小挑戰二_克隆eBay_控制範圍放大圖片28:19
小挑戰二_克隆eBay_控制範圍放大圖片
- 小挑戰二_克隆eBay_Collection部分52:47
小挑戰二_克隆eBay_Collection部分
- 小挑戰二_克隆eBay_其他元素響應Hover30:55
小挑戰二_克隆eBay_其他元素響應Hover
- 小挑戰二_克隆eBay_設定半徑可變的圓20:17
小挑戰二_克隆eBay_設定半徑可變的圓
- 小挑戰二_克隆eBay_設定7環佈局動畫28:25
小挑戰二_克隆eBay_設定7環佈局動畫
- 小挑戰三_動畫Sign in form製作簡介1:08
小挑戰三_動畫Sign in form製作簡介
- 小挑戰三_動畫Sign in form製作52:49
小挑戰三_動畫Sign in form製作
- SCSS簡介與環境設定11:23
SCSS簡介與環境設定
- VSCode設定支援Scss文檔9:17
VSCode設定支援Scss文檔
- SCSS變數使用9:05
SCSS變數使用
- SCSS嵌套Nesting8:44
SCSS嵌套Nesting
- SCSS導入@import6:48
SCSS導入@import
- SCSS重複使用屬性@mixin6:13
SCSS重複使用屬性@mixin
- SCSS繼承@extend5:16
SCSS繼承@extend
- 實作5_克隆AirPods網頁簡介1:28
實作4_克隆AirPods網頁簡介
- 實作5_克隆AirPods網頁_導航欄製作47:00
實作5_克隆AirPods網頁_導航欄製作
- 實作5_克隆AirPods網頁_Home部分製作42:51
實作5_克隆AirPods網頁_Home部分製作
- 實作5_克隆AirPods網頁_details部分製作46:54
實作5_克隆AirPods網頁_details部分製作
- 什麼是JavaScript12:31
什麼是JavaScript
- 什麼是內部Javascript7:26
什麼是內部Javascript
- JavaScript如何訪問網頁元素15:16
JavaScript如何訪問網頁元素
- DOM的屬性以及方法18:14
DOM的屬性以及方法
- 小挑戰四_用JS聯動按鈕與文字15:59
小挑戰四_用JS聯動按鈕與文字
- 小挑戰五_如何修改元素的CSS樣式18:26
小挑戰五_如何修改元素的CSS樣式
- 變數19:03
變數
- 數組及其運用17:37
數組及其運用
- 條件判斷語句27:33
條件判斷語句
- 小挑戰六_猜個隨機數18:50
小挑戰六_猜個隨機數
- JS循環語句19:13
JS循環語句
- break 和 continue10:57
break 和 continue
- HTML作圖15:47
HTML作圖
- Function21:46
什麼是Function，它為什麼好用？
- Object14:54
Object
- getComputedStyle vs Style14:51
getComputedStyle vs Style
- 固定範圍取隨機數9:08
固定範圍取隨機數
- 小挑戰七_考反應遊戲_HTML與外觀13:13
小挑戰七_考反應遊戲_HTML與外觀
- 小挑戰七_考反應遊戲_JS部分思路(1)26:15
小挑戰七_考反應遊戲_JS部分思路(1)
- 小挑戰七_考反應遊戲_JS部分思路(2)24:49
小挑戰七_考反應遊戲_JS部分思路(2)
- 小挑戰七_考反應遊戲_面向對象編程改造11:07
小挑戰七_考反應遊戲_面向對象編程改造
- 使用Var定義變數會出現的問題已經解決7:25
使用Var定義變數會出現的問題已經解決
- 作用域 Scope8:58
作用域
- Const常變數8:04
Const常變數
- Event 觸發事件14:31
Event 觸發事件
- 箭頭Function11:55
箭頭Function
- Class類18:08
Class類
- This 呼叫者11:58
This 呼叫者
- Static method 靜態方法7:25
Static method 靜態方法
- 繼承 extends & super11:10
繼承 extends & super
- 對象 & 數組的For loop處理12:51
對象 & 數組的For loop處理
- Polymorphism 多型6:27
Polymorphism 多型
- 小挑戰八_如何將Class綁定網頁Element24:30
小挑戰八_如何將Class綁定網頁Element
- 小挑戰九_追蹤滑鼠軌跡簡介1:58
小挑戰九_追蹤滑鼠軌跡簡介
- 小挑戰九_追蹤滑鼠軌跡 HTML&SCSS部分15:26
小挑戰九_追蹤滑鼠軌跡 HTML&SCSS部分
- 小挑戰九_追蹤滑鼠軌跡 addEventListener傳遞數據20:41
小挑戰九_追蹤滑鼠軌跡 addEventListener傳遞數據
- 小挑戰九_追蹤滑鼠軌跡requestAnimationFrame與setInterval的區別21:53
小挑戰九_追蹤滑鼠軌跡requestAnimationFrame與setInterval的區別
- 小挑戰九_追蹤滑鼠軌跡 function與Object的協作21:40
小挑戰九_追蹤滑鼠軌跡 function與Object的協作
- 小挑戰九_追蹤滑鼠軌跡 Object屬性初始化及迴力鏢效應製作思路18:45
小挑戰九_追蹤滑鼠軌跡 Object屬性初始化及迴力鏢效應製作思路
- 小挑戰九_追蹤滑鼠軌跡 光環效果製作思路18:02
小挑戰九_追蹤滑鼠軌跡 光環效果製作思路
- 小挑戰九_追蹤滑鼠軌跡 function轉method11:58
小挑戰九_追蹤滑鼠軌跡 function轉method
- Bind的作用7:55
Bind的作用
- getBoundingClientRect15:41
getBoundingClientRect
- querySelector7:23
querySelector
- Object destructuring 物件解構賦值16:35
Object destructuring 物件解構賦值
- Call & apply方法11:25
Call & apply方法
- 擴展語法&數組11:11
擴展語法&數組
- 擴展語法&對象13:23
擴展語法&對象
- 實作5_克隆Tesla網站_目標畫重點3:10
實作5_克隆Tesla網站_目標畫重點
- 實作5_克隆Tesla網站_導航欄HTML11:43
實作5_克隆Tesla網站_導航欄HTML
- 實作5_克隆Tesla網站_導航欄SCSS編寫31:19
實作5_克隆Tesla網站_導航欄SCSS編寫
- 實作5_克隆Tesla網站_Media Query如何使用SCSS變數24:46
實作5_克隆Tesla網站_Media Query如何使用SCSS變數
- 實作5_克隆Tesla網站_多session設定29:36
實作5_克隆Tesla網站_多session設定
- 實作5_克隆Tesla網站_標題位置設定25:06
實作5_克隆Tesla網站_標題位置設定
- 實作5_克隆Tesla網站_按鈕適應多種設備寬度設定40:02
實作5_克隆Tesla網站_按鈕適應多種設備寬度設定
- 實作5_克隆Tesla網站_滾動定位效果17:23
實作5_克隆Tesla網站_滾動定位效果
- 實作5_克隆Tesla網站_Intersection Observer26:01
實作5_克隆Tesla網站_Intersection Observer
- 實作5_克隆Tesla網站_Intersection Observer修改元素內容50:44
實作5_克隆Tesla網站_Intersection Observer修改元素內容
- 實作5_克隆Tesla網站_滾動漸顯&漸隱效果38:55
實作5_克隆Tesla網站_滾動漸顯&漸隱效果
- 125_jQuery開篇0:41
125_jQuery開篇
- 126_集成jQuery8:07
126_集成jQuery
- 127_使用jQuery發現用戶點擊7:51
127_使用jQuery發現用戶點擊
- 128_使用jQuery改變網站內容9:29
128_使用jQuery改變網站內容
- 129_使用jQuery改變CSS樣式8:36
129_使用jQuery改變CSS樣式
- 130_使用jQueryFade網頁元素8:10
130_使用jQueryFade網頁元素
- 131_使用jQuery使元素動畫化6:59
131_使用jQuery使元素動畫化
- 132_使用AJAX加載網站數據(1)8:34
132_使用AJAX加載網站數據(1)
- 133_使用AJAX加載網站數據(2)8:45
133_使用AJAX加載網站數據(2)
- 134_正則表達式RegularExpression6:13
134_正則表達式RegularExpression
- 135_第七個網頁_驗證表單_HTML部分(1)6:14
135_第七個網頁_驗證表單_HTML部分(1)
- 136_第七個網頁_驗證表單_HTML部分(2)7:21
136_第七個網頁_驗證表單_HTML部分(2)
- 137_第七個網頁_驗證表單_CSS部分(1)9:47
137_第七個網頁_驗證表單_CSS部分(1)
- 138_第七個網頁_驗證表單_CSS部分(2)11:28
138_第七個網頁_驗證表單_CSS部分(2)
- 139_第七個網頁_驗證表單_jQuery表單輸入內容(1)9:59
139_第七個網頁_驗證表單_jQuery表單輸入內容(1)
- 140_第七個網頁_驗證表單_jQuery表單輸入內容(2)8:42
140_第七個網頁_驗證表單_jQuery表單輸入內容(2)
- 141_第七個網頁_驗證表單_jQuery表單輸入內容(3)10:20
141_第七個網頁_驗證表單_jQuery表單輸入內容(3)
- 142_jQuery總結1:04
142_jQuery總結
- 143_jQuery UI開篇1:04
143_jQuery UI開篇
- 144_jQueryUI介紹9:20
144_jQueryUI介紹
- 145_縮放功能5:59
145_縮放功能
- 146_放入功能8:15
146_放入功能
- 147_分頁與排序功能11:49
147_分頁與排序功能
- 148_第八個網頁_代碼播放器-Menu(1)7:46
148_第八個網頁_代碼播放器-Menu(1)
- 149_第八個網頁_代碼播放器-Menu(2)8:38
149_第八個網頁_代碼播放器-Menu(2)
- 150_第八個網頁_代碼播放器-動畫按鈕製作(1)8:41
150_第八個網頁_代碼播放器-動畫按鈕製作(1)
- 151_第八個網頁_代碼播放器-動畫按鈕製作(2)11:32
151_第八個網頁_代碼播放器-動畫按鈕製作(2)
- 152_第八個網頁_代碼播放器-Accordion HTML部分7:24
152_第八個網頁_代碼播放器-Accordion HTML部分
- 153_第八個網頁_代碼播放器-Accordion CSS部分(1)8:54
153_第八個網頁_代碼播放器-Accordion CSS部分(1)
- 154_第八個網頁_代碼播放器-Accordion CSS部分(2)9:17
154_第八個網頁_代碼播放器-Accordion CSS部分(2)
- 155_第八個網頁_代碼播放器-如何收起Accordion(1)8:14
155_第八個網頁_代碼播放器-如何收起Accordion(1)
- 156_第八個網頁_代碼播放器-如何收起Accordion(2)8:28
156_第八個網頁_代碼播放器-如何收起Accordion(2)
- 157_第八個網頁_代碼播放器-設置被選項容器寬度(1)6:49
157_第八個網頁_代碼播放器-設置被選項容器寬度(1)
- 158_第八個網頁_代碼播放器-設置被選項容器寬度(2)9:55
158_第八個網頁_代碼播放器-設置被選項容器寬度(2)
- 159_第八個網頁_代碼播放器-添加結果iframe(1)6:20
159_第八個網頁_代碼播放器-添加結果iframe(1)
- 160_第八個網頁_代碼播放器-添加結果iframe(2)5:47
160_第八個網頁_代碼播放器-添加結果iframe(2)
- 161_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(1)6:15
161_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(1)
- 162_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(2)7:43
162_第八個網頁_代碼播放器-如何把代碼接入iframe裡面(2)
- 163_第八個網頁_代碼播放器-修復iframe高度BUG9:29
163_第八個網頁_代碼播放器-修復iframe高度BUG
- 164_jQueryUI總結0:59
164_jQueryUI總結
- 165_BS開篇0:51
165_BS開篇
- 166_什麼是Bootstrap5:22
166_什麼是Bootstrap
- 167_Bootstrap的第一個應用5:47
167_Bootstrap的第一個應用
- 168_Grid系統(1)7:22
168_Grid系統(1)
- 169_Grid系統(2)8:26
169_Grid系統(2)
- 170_導航欄(1)7:59
170_導航欄(1)
- 171_導航欄(2)8:33
171_導航欄(2)
- 172_Bootstrap的表單(1)6:05
172_Bootstrap的表單(1)
- 173_Bootstrap的表單(2)8:45
173_Bootstrap的表單(2)
- 174_Bootstrap_carousel(1)8:49
174_Bootstrap_carousel(1)
- 175_Bootstrap_carousel(2)9:01
175_Bootstrap_carousel(2)
- 176_BootstrapModals組件11:54
176_BootstrapModals組件
- 177_第九個網頁_導航欄(1)8:13
177_第九個網頁_導航欄(1)
- 178_第九個網頁_導航欄(2)8:25
178_第九個網頁_導航欄(2)
- 179_第九個網頁_大標題部分(1)8:09
179_第九個網頁_大標題部分(1)
- 180_第九個網頁_大標題部分(2)7:37
180_第九個網頁_大標題部分(2)
- 181_第九個網頁_軟體優點部分9:10
181_第九個網頁_軟體優點部分
- 182_第九個網頁_網頁腳部分7:41
182_第九個網頁_網頁腳部分
- 183_BS總結1:15
183_BS總結
- 184_WP開篇0:33
184_WP開篇
- 185_WordPress簡介1:25
185_WordPress簡介
- 186_如何在真實伺服器安裝WordPress10:25
186_如何在真實伺服器安裝WordPress
- 187_WordPress後台界面9:10
187_WordPress後台界面
- 188_創建一個論壇(1)7:20
188_創建一個論壇(1)
- 189_創建一個論壇(2)8:28
189_創建一個論壇(2)
- 190_創建一個網上商店(1)7:18
190_創建一個網上商店(1)
- 191_創建一個網上商店(2)8:38
191_創建一個網上商店(2)
- 192_WP總結0:51
192_WP總結
- 193_PHP開篇1:09
193_PHP開篇
- 194_什麼是PHP2:52
194_什麼是PHP
- 195_編寫第一個PHP網頁5:42
195_編寫第一個PHP網頁
- 196_如何顯示PHP錯誤訊息4:45
196_如何顯示PHP錯誤訊息
- 197_PHP變量(1)6:52
197_PHP變量(1)
- 198_PHP變量(2)6:47
198_PHP變量(2)
- 199_PHP 數組(1)10:40
199_PHP 數組(1)
- 200_PHP 數組(2)9:49
200_PHP 數組(2)
- 201_PHP If語句10:01
201_PHP If語句
- 202_PHP For語句和Foreach語句11:53
202_PHP For語句和Foreach語句
- 203_PHP While循環7:20
203_PHP While循環
- 204_如何使用PHP發送郵件8:37
204_如何使用PHP發送郵件
- 205_$_GET變量(1)7:10
205_$_GET變量(1)
- 206_$_GET變量(2)6:00
206_$_GET變量(2)
- 207_$_POST變量(1)3:59
207_$_POST變量(1)
- 208_$_POST變量(2)8:09
208_$_POST變量(2)
- 209_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(1)7:24
209_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(1)
- 210_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(2)8:40
210_第十個網頁_網站聯繫表單-如何使用AJAX傳遞數據到PHP文件(2)
- 211_第十個網頁_網站聯繫表單-如何在PHP驗證表單內容10:51
211_第十個網頁_網站聯繫表單-如何在PHP驗證表單內容
- 212_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(1)5:59
212_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(1)
- 213_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(2)6:09
213_第十個網頁_網站聯繫表單-高亮錯誤輸入內容(2)
- 214_第十個網頁_網站聯繫表單-使用伺服器發送郵件7:02
214_第十個網頁_網站聯繫表單-使用伺服器發送郵件
- 215_第十一個網頁項目簡介1:50
215_第十一個網頁項目簡介
- 216_第十一個網頁項目_天氣預報網頁-HTML部分(1)9:55
216_第十一個網頁項目_天氣預報網頁-HTML部分(1)
- 217_第十一個網頁項目_天氣預報網頁-HTML部分(2)11:11
217_第十一個網頁項目_天氣預報網頁-HTML部分(2)
- 218_第十一個網頁項目_天氣預報網頁-CSS部分5:15
218_第十一個網頁項目_天氣預報網頁-CSS部分
- 219_第十一個網頁項目_天氣預報網頁-jQuery部分(1)5:06
219_第十一個網頁項目_天氣預報網頁-jQuery部分(1)
- 220_第十一個網頁項目_天氣預報網頁-jQuery部分(2)7:57
220_第十一個網頁項目_天氣預報網頁-jQuery部分(2)
- 221_第十一個網頁項目_天氣預報網頁-PHP部分(1)10:25
221_第十一個網頁項目_天氣預報網頁-PHP部分(1)
- 222_第十一個網頁項目_天氣預報網頁-PHP部分(2)10:43
222_第十一個網頁項目_天氣預報網頁-PHP部分(2)
- 223_第十一個網頁項目_天氣預報網頁-BUG修復3:10
223_第十一個網頁項目_天氣預報網頁-BUG修復
- 224_第十一個網頁項目_天氣預報網頁-什麼是JSON8:05
224_第十一個網頁項目_天氣預報網頁-什麼是JSON
- 225_第十一個網頁項目_天氣預報網頁-接入API(1)9:48
225_第十一個網頁項目_天氣預報網頁-接入API(1)
- 226_第十一個網頁項目_天氣預報網頁-接入API(2)12:21
226_第十一個網頁項目_天氣預報網頁-接入API(2)
- 227_PHP總結1:08
227_PHP總結
Requirements
- 可以在Windows, OSX等擁有文本編輯器的系統上編輯您的網站
Description
大家好，我是Ken Cen。在這個課程裡，我們會學習10種語言和工具，包括HTML, HTML5, CSS, CSS3, JavaScript, jQuery, jQueryUI, Bootstrap, Wordpress, PHP, MySQL, etc。我們會從零基礎開始，建立12個實例，其中包括eBay，YouTube，AirPods，Tesla等網頁。我們將歷經一場非常有趣，又具有挑戰性的旅程，讓我們一起從零到專業學習建立屬於自己的網站。
Hi, my name is Ken Cen. In this course, we will learn 10 languages and tools including HTML, HTML5, CSS, CSS3, JavaScript, jQuery, jQueryUI, Bootstrap, Wordpress, PHP, MySQL, etc. We will start from scratch and build 12 website, including eBay, YouTube, AirPods, Tesla and other web pages. We will go through a very interesting and challenging journey, let's learn to build our own website from zero to professional together.
Who this course is for:
- 本課程針對沒有經驗的初學者，無需任何編寫程序經驗。如果您想要學習更高和複雜的問題，本課程可能並不適合您