Presentation is loading. Please wait.

Presentation is loading. Please wait.

網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14.

Similar presentations


Presentation on theme: "網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14."— Presentation transcript:

1 網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14

2 基本觀念 Q:何謂WWW? Ans: World Wide Web,譯為”全球資訊網”,目前在全球資訊網裡的文件都是由 HTML﹝Hyper Text Markup Language﹞ 所組成。

3 HTML 1.建構網頁最基礎的技術,又稱為超文 字標記語言 2.可用FrontPage、Dreamweaver、 Notepad編輯
3.副檔名 .htm 或 .html

4 基本結構 兩大部分: 文件標頭跟文件主體 <HTML>
<HEAD><TITLE>標題文字</TITLE></HEAD> <BODY> ……. </BODY> </HTML> 兩大部分: 文件標頭跟文件主體

5 1.背景 <BODY bgcolor=XXXX>….</BODY> 2.換行 <BR> 3.版面編排 <P align=center>XXXX</P> 4.文字格式 <FONT 屬性=XX >XXXX</FONT> face – 字型 size – 1-7 color – 顏色

6 5.超連結 <a href=“”>XXXX</a> 練習: 試著用剛剛交的指令做出一個可以連結到GOOGLE跟純真的網頁,內容可多變化。 參考網址:

7 表格 1.四標籤 : <TABLE>、<TH>、<TR>、 <TD> 語法如下 :
<TR><TD></TD></TR> </TABLE>

8 2.屬性 : border – 框線厚度 cellspacing – 框線寬度 cellpadding – 內層距離 EX: 1*1表格
<TABLE BORDER=“1”> <TR> <TD>房間一</TD> </TR> </TABLE>

9 試著做出3*3表格,厚3,有黃色框線,藍色背景。
練習 : 試著做出3*3表格,厚3,有黃色框線,藍色背景。 ANS: <TABLE bordercolor=yellow bgcolor=blue border=“3”> <TR><TD>1</TD><TD>1</TD><TD>1</TD></TR> <TR><TD>2</TD><TD>2</TD><TD>2</TD></TR> <TR><TD>3</TD><TD>3</TD><TD>3</TD></TR> </TABLE>

10 進階版 <html> <body> <table border=2> <TR>
<TH rowspan=2 valgin=bottom>姓名</TH> <TH colspan=2>基本資料</TH> </TR> <TR><TH>居住地</TH><TH>年齡</TH></TR> <TR> <TD>董XX</TD> <TD>屏東</TD> <TD>20</TD> <TR> <TD>朱XX</TD> <TD>台中</TD> <TR> <TD>魏XX</TD> <TD>台北</TD> </table></body></html>

11 開始安裝

12 PHP 免費!! Linux 免費!! MySQL 免費!! Apache 免費!!
小小故事 : LAMP-Linux,Apache,MySQL+PHP, 是目前穩定又高效能的組合。 原因為何?? PHP 免費!! 共花你零毛錢,當然是高效能的組合!!不過大家對Linux系統並不純熟,所以以下我們還是介紹在Windows的安裝過程!! Linux 免費!! MySQL 免費!! Apache 免費!!

13 那就開始安裝吧!!

14 Apache安裝檔: apache_ win32-x86-no_ssl.msi PHP安裝檔: php installer.exe 模組壓縮包: php Win32.zip MySQL安裝檔: mysql win32.zip 監控程式: mysql-administrator win.msi 管理程式: phpMyAdmin rar(使用前提:必須已架設 Apache&PHP完成)

15 安裝教學網頁

16 安裝流程 1.安裝APACHE 2.安裝PHP 3.安裝MYSQL 4.安裝PHPMYADMIN

17 「靜態」VS.「動態」  Q:我們要用 PHP 做什麼? 最簡單的目的是為了要產生「動態」的網頁。

18 Q:如何產生動態網頁? 加入存取資料庫的語法,使這個網頁能自動從資料庫擷取最新資訊的話,那麼它就是個「動態」的網頁了

19 練習:那什麼是資料庫呢?? 資料庫系統 1.使用者 – 服務對象 2.資料 – 主要內容 3.軟體 – 管理系統( MySQL 等) 4.硬體 - PC

20 靜態

21 動態

22 綜述 .html 的網頁會被 Web Server 直接送出,.php 的網頁會先經 PHP Engine 處理再送出。
4.PHP 是一種內嵌式的語言,它被嵌入 HTML 碼 之中,彌補純 HTML 碼無法進行運算處理的缺 憾。

23 每段PHP程式碼的開頭必須加入<?php, 在結尾的地方加上 ?>。 2.每一個命令句必須以分號;作結束。

24 課後練習 至PHP官方網站逛一下吧!!!

25

26


Download ppt "網路概念 APACHE PHP MYSQL HTML BY 董仔 08/01/14."

Similar presentations


Ads by Google