Notes Php01

1
-
*
*
*
*
(1)
- (World wide web)
* (Internet)
* 1960 8 (MIT) J.C.R. Licklider "Galactic
Network"
* 1960 (Advanced Research Project Agency,
1-1
ARPA)
# ARPANET
* 1980 (Local area network, LAN)

Internet
* 1990 Tim Berners-Lee (European Laboratory for
Particle Physics, CERN)(World wide Web Web) CERN
(Hypertext link, hyperlink)
* (Web page)(Unified resource

locator, URL)(Web address)
* (Web site)()
* (Browser) URL
(Link)
# URL
(Request)
1-2
* Web server ()
(Response)
#
Apache HTTP Server
- HTML
* (Hypertext markup language, HTML)
* HTML (HTML page) HTML (HTML document)
* (Markup language)
* (Standard generalized markup language,
SGML)
- HTML
* HTML (Tag)
* ()(
)()
* <>/<b> ... </b>
* (Element)
1-3
(Content)
* (Empty element)<hr>
* HTML
HTML
<b> </b>
<body> </body>
<br />
<center>
<head> </head>
<hn> </hn>
<hr />
<html> </html>
<i> </i>
<img src="..." />
<p> </p>
<u> </u>
HTML
(Break)
(n 1 6 )
(Horizontal rule)
HTML
(Paragraph)
* HTML <html>(Root element)
1-4
* <head><html><title>
<head>(Document head)
* <body><head>(Document body)
* HTML
(Parsing)(Rendering)
<p><b></b><p>
* HTML <b><B> HTML XHTML
* (Attribute) HTML
attribute="value"
# src (Source) HTML
<img src="mygraphic.gif" />
* HTML
* HTML lexmark.html
<html>
<head>
<title></title>
1-5
</head>
<body>
<h1></h1>
<hr>
<h2>Lexmark </h2>
<p><b> #</b>LEX 1382100<br>
<b></b>Optra 4049/3112/3116<br>
<b></b>$2,000</p>
<p><b> #</b>LEX 1380520<br>
<b></b>Optra 4019/4028/4029<br>
<b></b>$2,200</p>
</body>
</html>
- HTML
* HTML Notepad++
* (What you see is what you get, WYSIWYG)
DreamweaverFrontpage HTML
1-6
* PHP
*
1.
2.
<html>
</html>
3. <html></html>
<head>
<title></title>
</head>
4. </html>
<body>
<basefont face="Arial">
</body>
5. </body>
<font color="olive"><h1></h1><hr>
<h2></h2></font>
<font color="blue"><p>7:45 a.m. -- 9:45 p.m.<br>
1-7
7:45 a.m. -- 4:30 p.m.<br>

9:00 a.m. -- 4:00 p.m.<br>
-- 9:00 p.m.</p></font><hr>
<font color="olive"><h2></h2></font>
<font color="blue">
<ul>
<li></li>
<li></li>
<li></li>
</ul></font><hr>
<font color="olive"><h2></h2></font>
<font color="blue"><p>
</p></font>
6. DessertShop.html
-
* URL 2 ( HTTP)(Domain name)
(Internet Protocol address, IP address)http://www.cyut.edu.tw
1-8
# (Hypertext transfer protocol, HTTP)

- http://
# (Domain name) 3
- www.cyut
- (Domain identifier).com, .edu, .org, .gov, ...
- .tw
* URL
http://web.cyut.edu.tw/bin/home.php
# http
# web.cyut.edu.tw
# bin
# home.php
* URL
index.html (htm) default.html (htm)
* (Hypertext transfer protocol secure, HTTPS)
1-9
- (Publish the web site)

* (Web hosting)(Internet service provider, ISP)
- (Domain name registration)

* InterNIC(http://www.internic.net/alpha.html)
*
* ISP
- (File transfer protocol, FTP)

* FTP (Hosting ISP)
*
(2)
- HTML
1-10
* 1993 1.0
* 1995 2.0
* 1996 3.2
* 1999 4.01 XHTML(Extensible HTML)
* 2011 5.0 () HTML 4 XHTML 1
- XHTML (Document type definition, DTD)

* XHTML (Well formed)
* <!DOCTYPE><html><head><body>
* XHTML 1.0 HTML <applet>, <basefont>, <center>, <dir>, <font>,
<isindex>, <menu>, <s>, <strike>, <u>
* 3 DTD(transitional)(strict)(frameset)
HTML
# DTD (Transitional DTD) HTML <!DOCTYPE>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
# DTD (Frameset DTD) DTD <frameset><frame>
1-11
2 <!DOCTYPE>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
# DTD (Strict DTD) HTML <frameset><frame>
<!DOCTYPE>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
* DTD
*
# DessertShop.html <html> DTD <!DOCTYPE>
DessertShop1.html
-
* <!DOCTYPE><html><head><body>
* <html><html xmlns="http://www.w3.org/1999/xhtml">
* XHTML
* XHTML
# <hr>, <br><hr />, <br />
1-12
*
* XHTML
# <p><b><i></i></b></p>
# HTML <p><b><i></b></p></i>
* DessertShop1.html
1. <html><html xmlns="http://www.w3.org/1999/xhtml">
2. <basefont> 6 <font>(</font>)
3. <hr><br><hr /><br />
4. DessertShop2.html
- (Cascading style sheet, CSS)

HTML
* CSS
* CSS HTML
* CSS (CSS property)
# CSS 2 (Declaration)(Style
1-13
declaration)
- (Property) CSS
- (Value)
# color: blue
* (Inline style)
#
# Verdana
<p>This paragraph does not use CSS ( CSS)</p>
<p style="font-family: Verdana">Paragraph formatted with inline styles (
)</p>
#
<p style="font-family: Verdana; color: blue; text-align: center">Paragraph formatted with
<strong>inline</strong> styles ()</p>
#
# DessertShop2.html
1. <body>
<body style="font-family: Arial; color: blue; background-color: transparent">
1-14
2. <h1>
<h1 style="font-family: Arial; color: olive">
3. 3 <h2>
<h2 style="font-family: Arial; color: olive">
* (Internal style sheet)
#
# <head><style>
<style type="text/css">
style declarations ()
</style>
# {:
} (selector {property: value})(Selector)
p {color: blue}
#
# lexmark.html <head><style>
( em
1-15
) lexmark1.html
h1 {color: navy; font-size: 2em; font-family: serif}
h2 {color: red; font-size: 1.5em; font-family: Arial}
body {color: blue; font-family: Arial; font-size: .8em; font-weight: normal}
</style>
#
h1, h2, h3 {color: navy}
</style>
# DessertShop3.html
1. <body>, <h1>, <h2>
2. <head><style>
body {font-family: Arial; color: blue; background-color: transparent}
h1, h2 {font-family: Arial; color: olive}
</style>
* (External style sheet)
1-16

# .css
# HTML <head><link>(
company.css )
<link rel="stylesheet" href="company.css" type="text/css" />
# DessertShop4.html
1. <style> body, h1, h2 dessert.css
2. DessertShop4.html <style>
<link rel="stylesheet" href="dessert.css" type="text/css" />
-
* HTML 2
# (Response header)
-
- <meta>
* DessertShop5.html <head>
1-17
DessertShop6.html
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
- (Validating web pages)

*
* (Validating parser)
#
- W3C Markup validation service: http://validator.w3.org
- Web design group (WDG): http://www.htmlhelp.org/tools/validator/
* W3C WDG "validate files on your computer"
DessertShop6.html( DessertShop.html)
(3)
- (Web page design, Web design)()
- (Web page authoring, Web authoring)(
)
- (Web development, Web programming)
1-18
()
* PHP
* (Webmaster)
- (Client/server architecture)2 (Two-tier system)

* (Client)
* (Server)
(Client)
(Server)
- (Web system)
* 2
1-19
* HTTP
*
HTTP
HTTP
(Client tier)
(Processing tier)
(Data storage tier)
* 3 (Three-tier)
(Multitier)
# ()
# ()
-
-
1-20
- Javascript (Client-side scripting)

* HTML (Static)
*
* HTML XHTML Netscape Javascript
* Javascript (Client-side script language)
#
#
#
#
- (Server-side scripting) PHP

* (Interactive web
site)
1-21
*
#
#
# (Mailing list)(Message board)
# (Authentication)
# (Web blog)
#
* PHP (PHP: Hypertext Preprocessor)
# 1994 Rasmus Lerdorf "Personal Home Page"
#
# PHP Group
# (Open source)
# Sun Java Server Pages (JSP), Microsoft Active Server Pages (ASP)
# PHP PHP
(Scripting engine) PHP HTML
XHTML
1-22
# PHP
(4)
-
* Firefox, Internet Explorer (IE), Google Chrome, Opera, Safari,
* Apache, IIS, ...
* PHP, JSP, ASP, ...
* MySQL, MS SQL, Oracle, ...
- xAMP ()LAMP WAMP

* xLinux WindowsAApacheMMySQLPPHP
- WAMP
* http://www.wampserver.com/en/ WAMP SERVER 2.2C (32 BITS)
* Next I accept the agreement Next Next Create a Quick Launch
icon, Create a Desktop icon Next Install SMTP: localhost,
Email: Next Launch WampServer 2 Now Finish
* C:\wamp\bin\apache\Apache2.2.21\conf\httpd.conf
1-23
# <Directory "c:/wamp/www/"> "Deny from all""Allow from all"

# Apache ( WAMPSERVER Apache Service Restart Service)
* WAMP (DocumentRoot)"c:/wamp/www"
httpd.conf
d:\php
Alias /php/ "d:/php/"
<Directory "d:/php">
AllowOverride None
Order allow,deny
Allow from all
</Directory>
- WAMP
* URL http://localhosthttp://127.0.0.1/ http://localhost/index.php
( c:\wamp\www ) ApachePHPMySQL
- WAMP
* WAMP Offline ()
1-24
* WAMP (Online)
# Windows (Firewall)
# Router Service name: HTTPStart port: 80End port: 80 Server IP
address: ...
# WAMPSERVER Put Online
1-25

Notes Php01

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Notes Php01

Uploaded by

Copyright:

Available Formats

1

* 1980 (Local area network, LAN)

* (Web page)(Unified resource

* HTML <html>(Root element)

7:45 a.m. -- 4:30 p.m.<br>

# (Hypertext transfer protocol, HTTP)

- (Publish the web site)

- (Domain name registration)

- (File transfer protocol, FTP)

- XHTML (Document type definition, DTD)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

- (Cascading style sheet, CSS)

} (selector {property: value})(Selector)

- (Validating web pages)

- (Client/server architecture)2 (Two-tier system)

(Data storage tier)

- Javascript (Client-side scripting)

* Javascript (Client-side script language)

- (Server-side scripting) PHP

- xAMP ()LAMP WAMP

# <Directory "c:/wamp/www/"> "Deny from all""Allow from all"

You might also like