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

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


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

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

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

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

More from Warawut

More from Warawut (20)

Recently uploaded

Recently uploaded (20)

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