Web Technology

and Internet

Education Information Technology


Web Technology and Internet

Education Information Technology


Educational for Information Technology .

Web Technology

Chapter 1: INTERNET ..................................................................................................................... 1

Internet..................................................................................................................................................... 2
Internet ....................................................................................................................... 2
.......................................................................................................................... 2
..................................................................................................................... 2
Internet Service Provider (ISP) ............................................................................................................. 4
ISP ................................................................................................................................ 4
Internet ISP ............................................................................................................... 5
ISP ........................................................................................................................................ 5
Domain Name System (DNS)................................................................................................................ 6
DNS .............................................................................................................................. 6
(Top-Level Domains) ..................................................................................... 6
....................................................................................................................... 8
.............................................................................................................. 8
Chapter 2: Web Technology..................................................................................................... 10
HTTP Protocol....................................................................................................................................... 11
Protocol ? .............................................................................................................................. 11
Hypertext Transfer Protocol .......................................................................................................... 11
World Wide Web (WWW) .................................................................................................................... 12

......................................................................................................................................... 12
........................................................................................................................................ 12
......................................................................................................................................... 12
URL ............................................................................................................................................. 12

Web browser ......................................................................................................................................... 13

........................................................................................................................................... 13
Web Browser .............................................................................................................. 13
......................................................................................................................... 14

HTML .......................................................................................................................................... 14
HTML5 ........................................................................................................................................ 14
Web Technology and Internet | Education Information Technology KMITL

II

XML............................................................................................................................................. 15
XHTML........................................................................................................................................ 15
CSS .............................................................................................................................................. 16
PHP ............................................................................................................................................. 16
Javascript ................................................................................................................................... 17
Ajax ............................................................................................................................................. 18

.......................................................................................................................................... 19
..................................................................................................... 19
Malware.............................................................................................................................................. 20
.................................................................................................................................... 21

Web Technology and Internet | Education Information Technology KMITL

INTERNET
INTERNET
(Internet)
(Protocol)

()

ARPA (Advanced Research Projects Agency)
(Internet)

1.

World Wide Web WWW.
Google www.google.co.th
2.


3.

Web Technology and Internet | Education Information Technology KMITL

3
4.


5.

Web Technology and Internet | Education Information Technology KMITL

INTERNET SERVICE PROVIDER (ISP)

ISP
ISP ( ISPs -)
Internet Service Provider
4 "" ISP

2
ISP
ISP
ISP
ISP



ISP
ISP

Web Technology and Internet | Education Information Technology KMITL

INTERNET ISP
ISP
2
ISP
ISP ISP

/
()

ISP
ISP ISP

Webhosting Website
Webboard Webmaster
ISP Website

Web Technology and Internet | Education Information Technology KMITL

DOMAIN NAME SYSTEM (DNS)

DNS
(Domain Name System) IP Address
IP Address 203.146.15.9 moe.go.th
IP Name-to-IP Address Mapping
Name-to-IP Address

Name
Space
Name Space (Hierarchical Structure) Domain Name
System (DNS)
Domain Name System (DNS) IP

DNS IP Address DNS

Name Space
/ (Client / Server) DNS Server
(DNS Client) / (Client /
Server) DNS
DNS

(TOP-LEVEL DOMAINS)
(Top-Lever Domains)
2
1. Organization Domains
Domain Name
com
edu
gov
mil
net
org

Web Technology and Internet | Education Information Technology KMITL

7
2. Geographical Domains
Domain Name
at
au
ca
ch
cn
de
dk
fr
jp
nz
th
uk
us

()

3.
.com, .net


.com (.com = Company)
.net (Network) Internet Network
.org (Organization)
.biz
.info
.co.th
.in.th
.ac.th
.go.th
.net.th 3
.or.th
.mi.th
Web Technology and Internet | Education Information Technology KMITL

8
.it, .ws, .tv
.com, .net, .org, .co.th, .in.th

.th (Subdomain) 5 .or, .ac, .go, .co

.net
Domain Name
or
ac
go
co
net

2
1. xxx.xx.th Thailand Network Information
Center ThNIC www.thnic.net

2. .com .net
InterNIC (Internet Network Information Center)
www.internic.net ThNIC
InterNIC

Web Technology and Internet | Education Information Technology KMITL

11

HTTP PROTOCOL
PROTOCOL ?


(Protocol)

Hypertext Transfer Protocol

Hypertext Transfer Protocol (HTTP) (
) World Wide Web
TCP/IP () HTTP
HTTP
Web server HTML HTTP daemon
HTTP HTTP web browser
HTTP client browser
( URL) Hypertext link browser
HTTP IP address URL HTTP daemon

HTTP HTTP 1.1

Web Technology and Internet | Education Information Technology KMITL

12

WORLD WIDE WEB (WWW)

www URL


(: website, web site, Web site)






(Home Page)
( )

(Web Page) WWW

HTML (Hyper Text Markup Language) HTML 1
1

(Link)
URL Uniform Resource Locator (Address)
Internet URL URL url address
web browser google.com http://www.google.com
URL
Web browser
Web browser URL DNS (Domain Name
System) IP Server

Web Technology and Internet | Education Information Technology KMITL

13

WEB BROWSER

(web browser)

(html)

WEB BROWSER


web browser html 5 CSS
web page

Logo Web browser

Web Technology and Internet | Education Information Technology KMITL

14

HTML ( Hyper Text Markup Language)

tag attribute

HTML
HTML5 HTML
HTML 4.01 XHTML 1.1

Semantic Markup : Element SEO

Form Enhancements : Form Input type,

Attribute Element
Audio / Video: Embed Code
Third Party
Canvas : Javascript
ContentEditable : Content
Drag and Drop : Object
Persistent Data Storage :

Web Technology and Internet | Education Information Technology KMITL

15

HTML5
XML ( eXtensible Markup Language)
XML
XML

XML

XHTML ( Extensible HyperText Markup Language)

XML HTML HTML
HTML tag attribute

Web Technology and Internet | Education Information Technology KMITL

16

XHTML

CSS ( Cascading Style Sheets) Syntax

HTML
HTML/XHTML

CSS

PHP (Personal Home Pages) PHP

(Server-Side Script)
HTML Browser

Web Technology and Internet | Education Information Technology KMITL

17

PHP

JAVASCRIPT
Javascript

Javascript

Web Technology and Internet | Education Information Technology KMITL

18

AJAX (Asynchronous Javascript and XML) web application

ajax request server server
Server Side Script Server
ajax
xml
javascript

AJAX

Web Technology and Internet | Education Information Technology KMITL

19

HTTPS Hypertext Transfer Protocol Security HTTP

Protocol server client Netscape
.. 1994 -
-
HTTPS 443 () (Authentication)
(Encryption) HTTP TCP
Secure Socket Layer (SSL) Application layer Transport layer
application
(encryption), Message Digests (digital signature) 3

1. server
2. Client
3.

Web Technology and Internet | Education Information Technology KMITL

20

MALWARE
Malicious Software

(Virus) (Worm) (Trojan Horse)
(Spyware) (Key Logger)
(Cookie) Malicious Mobile Code (MMC)
Internet Explorer (IE Vulnerability)
Internet Explorer
Pop-Up (Adware)

(trojan horse)

E-mail

(worm)




(virus)

Web Technology and Internet | Education Information Technology KMITL

21

http://school.obec.go.th/kudhuachang/les07.htm
http://ispinternet.blogspot.com/
http://www.thaigoodview.com/library/contest2553/type2/tech04/25/chapter_3.html
https://www.evo.in.th/knowledgebase/4/-Domain-Name-System---.html
http://www.microsoft.com/thailand/msdn/ie9_html5.aspx
http://gygarsoft.com/detail.php?key=knowledge&contant_id=46&group_id=2
http://th.wikipedia.org/wiki/%E0%B8%A1%E0%B8%B1%E0%B8%A5%E0%B9%81%E0
%B8%A7%E0%B8%A3%E0%B9%8C

Web Technology and Internet | Education Information Technology KMITL