joomla programming basic concepts

21
Alan www.alansubmarine.com Joomla! Programming Basic Concepts

Upload: alan-submarine

Post on 25-May-2015

649 views

Category:

Documents


2 download

DESCRIPTION

一些 joomla web 程式設計最基本的介紹

TRANSCRIPT

Page 1: Joomla Programming Basic concepts

Alanwww.alansubmarine.co

m

Joomla! ProgrammingBasic Concepts

Page 2: Joomla Programming Basic concepts

HTML:標記網頁的結構CSS:網頁佈局與色彩管理 讓瀏覽器知道該顯示什麼PHP:邏輯判斷及運算等 (script 語言 )

MySQL:資料庫管理系統 sever 端資料運算與儲存JavaScript:網頁互動效果 (script語言 )

client端

Page 3: Joomla Programming Basic concepts
Page 4: Joomla Programming Basic concepts

<html> 宣告網頁開始

<head> 頁面屬性設定</head>

<body> 網頁內容</body>

</html> 宣告網頁結束

HTML (1)

Page 5: Joomla Programming Basic concepts

HTML (2)

Page 6: Joomla Programming Basic concepts

CSS (1)

Page 7: Joomla Programming Basic concepts

CSS(2)

Page 8: Joomla Programming Basic concepts

CSS(3)

Page 9: Joomla Programming Basic concepts

PHP&MySQL (1)

Page 10: Joomla Programming Basic concepts

PHP&MySQL(2)

Page 11: Joomla Programming Basic concepts

PHP&MySQL(3)

Page 12: Joomla Programming Basic concepts

PHP&MySQL(4)

Page 13: Joomla Programming Basic concepts

JavaScript(1)

<body onClick=“changeBackgroundColor()”>Document.body.bgColor = “yellow”

Page 14: Joomla Programming Basic concepts

JavaScript (2)

Page 15: Joomla Programming Basic concepts

JavaScript (3)

Page 16: Joomla Programming Basic concepts

JavaScript (4)

Page 17: Joomla Programming Basic concepts

Div + CSS(1)

Page 18: Joomla Programming Basic concepts

Div + CSS (2)

Page 19: Joomla Programming Basic concepts

Div+CSS (3)

Page 20: Joomla Programming Basic concepts

Example

Page 21: Joomla Programming Basic concepts

Thank you !