พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์

Mr.Warawut Khangkhan
Facebook: http://www.facebook.com/AjWarawut
Twitter: http://twitter.com/awarawut
E-Mail: awarawut@hotmail.com
Mobile: 089-461-9591

- F
F F (Client-Server)

F (Client-Side Scripting)
F F (Server-Side Scripting)
F F F

Mr.Warawut Khangkhan 3 F 2

F- F F


- F
F F
F F


F


Static (Static Programming)
Dynamic (Dynamic Programming)


Static (Static
Programming)


Dynamic (Dynamic
Programming)


F (Client-Side
(Client-
Scripting)
F (Script) F F JavaScript
DOM F
F F HTML F F
F F F F F F F F
F
F F F AJAX F F
F F


F F F
HTML – HyperText Markup Language
XHTML – eXtensible HyperText Markup Language
DOM (Document Object Model) & JavaScript


HTML
F HyperText Markup Language
F
(Hypermedia Document Description Language)
F F www (World Wide Web)
F (Markup Tag) F F
F F (Web Browser)
(Tag) F (Attribute)
World Wide Web Consortium (W3C)
F SGML (Standard Generalized Markup
Language)


F HTML (HTML Elements)
HTML – F < > F tag
F F F tag F tag
F F F F
/ 2 F F F
F F F Slash (/)
F F F
F (Attribute) –
F tag F HTML F
F F (Name = “Value”)


F HTML (HTML Elements)


F HTML
<html>
<head>
<title> </title>
</head>
<body>
F F
</body>
</html>


HTML
1. F (Heading)


HTML (Cont.)
2. F F (Paragraps)


HTML (Cont.)
3. <br> - F F F F F F F F
F F


HTML (Cont.)
4. <a> - F F HTML,
,

Web Design


HTML (Cont.)
5. <frame> - F HTML F F
F


HTML (Cont.)
6. <table> - F F <tr> F
<td> F F F F
F F F

24

HTML (Cont.)
7. F (List) – HTML F
- Unordered Lists
- Ordered Lists
- Definition Lists
- Nested Lists


HTML (Cont.)
Unordered List – F F F F F
( ) F F List F F <ul>
F List F <li>


HTML (Cont.)
Ordered List – List F
F F F
F F Unordered Lists F F <ol>
<ul>


HTML (Cont.)
Definition List – List F F
F F <dl> F 2 F F
F <dt> <dd>


HTML (Cont.)
Nested List – F List F List
F F F F F

29

HTML (Cont.)
8. <img> - F HTML


HTML F F
1. <form> - F F F F
F F F


HTML F F (Cont.)
2. <input> - F F F F F
( <form>) 6
Text
Password
Radio
Checkbox
Submit
Reset


HTML F F (Cont.)
Text – F F F F F F F

Password – F F Text F
(*) F F F F F F


HTML F F (Cont.)
Radio – F F F F F

Checkbox – F F F F F F 1


HTML F F (Cont.)
Submit – F F
F F F F F F F F

Reset – F F
F F F F F F F


HTML F F (Cont.)
3. <select> - F F F F
Drop-Down F F
F F


HTML F F (Cont.)
4. <textarea> - F F F F F
F F F F F F F


XHTML
F eXtensible HyperText Markup Language
HTML
XML F F F F F F F syntax
XML F HTML


F XHTML
1. DOCTYPE
2. Namespace
3. “Encoding”

HTML F
F


1. DOCTYPE
F XHTML F F
XHTML F F F F F F
XHTML F


2. Namespace
F F F XHTML F
F DTD Namespace XHTML
F F URL


3. “Encoding”
F F F F F F F F
XHTML Encoding F <meta> F
F “http-equiv” “Content-Type”
F F “content”


XHTML
1. F DOCTYPE F F F F
F F HTML
2. F F F F F <html>,
<p> F
3. F F F F F F
F F F F F F F
F F F
4. F F F F F ‘ ’ “ ”
5. F F <p> … </p> F


XHTML (Cont.)
6. F F F F F F F F Slash (/)
F <br /> F
7. F F F “Double Dashes (--)” F
XHTML F F F F F (- -)
F F (=)
8. F F F “<” “>” F < >


F XHTML


F XHTML Browser


DOM & JavaScript
DOM F Document Object Model
F F F F F
Content F F XHTML (HTML) F
DOM F F
Object Oriented Model
DOM element tag F Node F F
F DOM F object method


DOM & JavaScript (Cont.)
JavaScript F F F (Client) F F
F F JavaScript
F web browser F F
F F F F F F
F
F JavaScript Engine F F


F F DOM & JavaScript


DOM & JavaScript (Cont.)
CSS – Cascading Style Sheet
CSS F
Style Sheet F (Style)
(Content) F F
F F F F F F
F F F F
F F F


F
F F F HTML XHTML F
F F F F F
F F (.css) F F F F
F HTML
id F F HTML id
F F F F


F (Cont.)


F F (Server-Side
Scripting)
F F F
F F F (Dynamic) F (Web
Application) F F F F F
(E-Commence) F (Online Banking)
F F Search Engine F
F F F F
PHP
ASP, ASP.NET
JSP
Ruby On Rails (ROR)

PHP
F Hypertext Preprocessor
F F HTML F
PHP F F HTML F
<?php … ?> <? … ?> F F Dynamic
HTML F
F F F F F
F F F F
F F


F PHP
F F
F F
FF PHP F HTML F F Syntax
F
F
FF XML F
F F F
F F F F
F F F F Scalar, Array, Associative Array


F PHP (Cont.)
F F
F F F Unix, Windows
Mas OS
(Object-Oriented)
F F F F Personal Web Server
(PWS), Apache, Tomcat, OmniHttpd Internet
Information Service (IIS)


F PHP (Cont.)
F F F Oracle,
FilePro, MS SQL, mSQL MySQL F
F F F F F F F F LDAP,
IMAP, POP3 HTTP F


PHP


F F PHP
1. HTML F F Static
Language F F
2. PHP
Short Style F SGML (Standard
Markup Language)
<? echo “ PHP Short Style”; ?>
XML Style F XML (eXtensible
Markup Language)
<?php echo “ PHP XML Style”; ?>


F F PHP (Cont.)
2. PHP ( F )
SCRIPT Style F HTML
F JavaScript VBScript
<SCRIPT LANGUAGE=‘php’>
echo “ PHP SCRIPT Style”;
</SCRIPT>
ASP Style F ASP (Active Server Pages)
<% echo “ PHP ASP Style”; %>


F F PHP (Cont.)
3. PHP Statement F F F F
F Semicolon ( ; ) F
echo “PHP Statement”;
4. Whitespace F F F F F
F F Carriage Return ( F
),
Space Tabs PHP HTML F
Whitespace

echo “PHP Statement”; echo “PHP Statement”;

F F PHP (Cont.)
5. (Comments) F F
PHP F F /* … */
F //
echo “PHP Statement”; // F PHP Statement
/* F
*/
echo “ (Comments)”;


-- File form.html --

-- File simple.php --

ASP, ASP.NET
ASP F Active Server Pages
ASP F F
ASP ASP F F
<% … %>
ASP F ASP.NET
ASP.NET .NET Framework F F
F ASP.NET F F .aspx
ASP.NET Server Control ( F F F )
F F
element F HTML F
F F F F F F
F F

ASP

ASP.NET


JSP
JSP F Java Server Pages
F F F
JSP F F <% … %>
F JAVA
JSP .jsp


JSP
1. JSP F Java F F
F FF Windows, Linux Mac OS
2. F Java API F Java API F F
F FF F F F
F
F
3. F (Component) F F F F F F
F F F F F F F
F F F


JSP (Cont.)
4. F F F F F
F F XML F F
5. JSP F F FF F F
F F F
F F


Ruby On Rails (ROR)
F (Web Application Framework)
Ruby F F F F
Rails F F F F
ROR F F F

Rails F F
Model-View-Controller (MVC)
M– (Status)
V– F F F User Interface
C-


MVC


F F F
XML
WML
WML Script


XML
F eXtensible Markup Language
F W3C
F F F HTML F F
HTML F F F F
F F F F “DTD (Document Type
Definition)” F F F XML F
XML Parser F
XML F F F F F F F F F
F F F F F F F HTML F F
F F F F F WML

WML
F HTML
WML F F XML
WML F F F F F F
F
WML F (Web Pages) F F F
F (Card) F F F
(Deck)


WML Script
F JavaScript
WML Script Server-Side F F F
binary F F F F client


Mr.Warawut Khangkhan 1 F F F 83

Web Site
F F
. (2554).
.F F 7 , 2554,
http://dit.dru.ac.th/home/004/tachakorn/WEBDE/Ch
apter3.pdf
Thai WBI, Website. (2554). Homepage
HTML. F 27 , 2554,
http://www.thaiwbi.com/course/html/index2.html


Book
. (2554). F . : F F F
F F .F


พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (19)

Similar a พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์

Similar a พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์ (14)

Más de Warawut

Más de Warawut (20)

Último

Último (20)

พื้นฐานภาษาสำหรับพัฒนาเว็บไซต์