Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Introduction to Website Programming
Search
Jeremy Yen
October 08, 2013
Technology
0
74
Introduction to Website Programming
Jeremy Yen
October 08, 2013
Tweet
Share
More Decks by Jeremy Yen
See All by Jeremy Yen
dEXonation
jeremy5189
0
100
A day of full stack developer @ NFU
jeremy5189
0
190
Club Mate and Hacker - 34C3 @ SITCON
jeremy5189
2
610
SITCON 2017 論壇系統開發分享 @ SITCON 2017 Summer
jeremy5189
0
190
poManeuver: Poland into space
jeremy5189
0
350
How we hacked a forum
jeremy5189
0
330
Bdecisive - Booking.com Taipei Hack 2nd Prize
jeremy5189
0
470
Social Intelligence Smart-device project
jeremy5189
0
58
IoT made easy @ SITCON x HK
jeremy5189
0
97
Other Decks in Technology
See All in Technology
Kubeflow Pipelines v2 で変わる機械学習パイプライン開発
asei
4
340
Challenges - Open Farming Hackdays 2024
loleg
0
540
家族アルバム みてねで直面してきた技術的負債 / MIXI KAG 2024
isaoshimizu
17
7.7k
20240321_生成AI時代のDevOps
kzkmaeda
2
610
MongoDB Atlas Vectorsearchではじめる生成AIアプリ開発
chie8842
3
510
Cloud Friendly(?) Jenkins. How we failed to make Jenkins cloud native and what we learned?
onenashev
PRO
0
110
Getting started with controlling LEGO using Swift
hcrane
0
130
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
8週連続ウェビナー_イチから学ぶFivetran
cmsuzu
0
160
検証からプロダクトへ: シームレスなLLM開発の ためのしくみ作り
nunukim
1
160
データ化エンジニアとしての1年を振り返る
sansantech
PRO
3
250
生成AI・LLM時代における 機械学習エンジニアとしてのキャリア戦略・開発戦略 / my-career-and-development-strategies-for-ml-engineer-2024
yuya4
3
240
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Being A Developer After 40
akosma
56
580k
The Invisible Customer
myddelton
114
12k
Writing Fast Ruby
sferik
619
59k
GitHub's CSS Performance
jonrohan
1023
450k
Six Lessons from altMBA
skipperchong
19
2.9k
Done Done
chrislema
178
15k
KATA
mclloyd
14
11k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Why Our Code Smells
bkeepers
PRO
330
56k
Building Your Own Lightsaber
phodgson
97
5.6k
Transcript
NTUST Jeremy Yen
HTML 超文件標示語言 HyperText Markup Language,HTML 純文字
網頁瀏覽器可解讀 用來描述整個網頁的架構
CSS 層疊樣式表 Cascading Style Sheets 簡化HTML裡的樣式語法,實現
HTML >> 處理網頁架構 CSS >> 處理網頁樣式(Style) 網頁瀏覽器會將HTML和CSS一起解讀
JavaScript 昇陽電腦 / Sun Microsystems 內嵌在HTML的一段程式碼
<script language=“javascript”>程式碼</script> 由瀏覽器執行(客戶端)
VBScript Mircorosft 開發 內嵌在HTML的一段程式碼 <script language=“vbscript”>程式碼</script>
由瀏覽器執行(客戶端) 跟VB的語法很相近
ASP ASP: Active Server Page 由Microsoft開發,非開源軟體
僅能於Windows Server上執行 網頁副檔名為 .asp 或 .aspx (.NET 版) 可使用 VB,C#等語言進行開發 開發工具: Visual Web Developer Express (VS)
PHP PHP:Hypertext Preprocessor 腳本語言,主要用途是在於處理動態網頁 語法跟C++幾乎一樣
網頁副檔名為.php Facebook 以此語言開發
PHP運作原理 網站主機 <-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐ 客戶端
<< 要求home.php << POST資料 id,password -‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐-‐> 伺服器解析PHP檔案 依PHP程式碼處理輸入(POST)資料 處理完成,傳回 home.php (僅含HTML)
home.php (伺服器上) • <html> <head>
<title> <?php echo $id; ?> </title> </head> <body> <p> <?php If ($password == $db_data) { echo “登入成功”; } ?> </p> </body> </html>
home.php (客⼾戶端上) <html> <head>
<title> jeremy5189 </title> </head> <body> <p>登入成功</p> </body> </html>
PHP的標準輸⼊入輸出 輸出 echo $變數 輸入
$data = $_POST[‘data’] (從HTML的表單等) $id = $_GET[‘id’] (從網址)