Create By : Daowruang Srihathai [ Benchamaratrangsarit School ]

1
???????????????????????????????????????

• Create By Daowruang Srihathai
  Benchamaratrangsarit School
• E-mail ajdao_at_hotmail.com

2
???????????????????????????????

• Internet ??? ?????????????????????????????????????
  ????????????????????????
• ?????????????????????????????????????????????
  ???????? ????? ??????????????????????????????????
  ???????????????????????????????????
• ?????????????????????????????????????????????
  ?????????????????????
• ?????? ??????? (www) ?????? ??? Instant
  Messageing
• ???? MSN Messenger, Yahoo Messenger, ICQ
  ???????
• www (World Wide Web) ????????????????
  ???????????? www ???????????????????? Hypertext
  ??????????????????????????????? (link)
  ???????????????? ????????????? ???????????
  ????????????????????????????? ?????????????????
  Web.
• HTTP ????????????????????????????????? www
  ?????????????????????
• http// ?????????? URL ?????????? Address
  ?????????????????????????????

3
??????????????????????????????? (???)

• URL (Uniform Resource Locator) ???
  ??????????????????????????????? Internet
  ???????????? Web page, File ??????????? ????
  ?????? ?????
• URL ?????????? ???????? domain name
  (directory ???????????) ????????
  ????http//www.enjoyday.net/webtutorial/css/index
  .htmlhttp//www.enjoyday.net/images/logo.jpg
• Domain name ??? ???????????? (????????????????????
  ?????????????) ???? google.com, enjoyday.net

4
??????????????????????????????? (???)

• Webpage ??? ??????????????????? www
  ??????????????? HTML ?????????????????????? ???
  ????? Web page ???????????????????????
  ?????????????????????????????????
  ?????????????????????????? ??????????? URL
  ???????????
• Homepage ??? Web page ????????????????????????????
  ?????? Web site ?????????????????????? ???????
  ?????????????????????????????????????
•  
• Website ??? Web page ????? ???????????????????????
  ?????? ?????????????????

5
(No Transcript)
6
??????????????????????????????? (???)

• Web browser ??? ???????????????????????????
  ?????????????? HTML ??????????????????????????????
  ?? Web page ???? Internet Explorer (IE), Mozilla
  Firefox, Safari, Opera, ??? Netscape Navigator
  ???????
• Web server ??? ???????????????????????????????????
  ???????????? www ???????? Web page
  ?????????????????????? ???????????????????? Web
  page ???????????????? Server ??????? Web browser
  ??????????????????????????????????????????????????
  ????? URL
• Upload ??? ????????????????????????????????? Web
  Server
• ????????????? Web page ?????????????
  ????????????????????????? Web Server
  ??????????????????????????????????????????? www
  ??????????????? FTP
• Search engine ????????????????????????????????????
  ???????? ???????????? ???????????????
  ??????????????????????????? ???????????
  ??????????????????? server ???????????????????????
  ???????????????????? ???? google.com, yahoo.com,
  bing.com, altavista.com, sanook.com ???????

7
??????????????????????????????????

• HTML (Hypertext Markup Language) ???
  ??????????????????????????????????
  ???????????????????????? Web browser
  ???????????????????????????? .htm ????
  .html ???????? code ???? HTML
  ?????????????????????
• lthtmlgt ltheadgt
  lttitlegt???????????????????????lt/titlegt
• lt/headgt
• ltbodygt
  ??????????????????????????? HTML
• lt/bodygtlt/htmlgt

8
?????????????????

• ??????????? 2 ??????????? ???
• 1. Static Website
• 2. Dynamic Website

9
?????????????????
1. Static Website ???????
???????????????????????? HTML ??????
???????????????????????? .html    ??????????????
??????????????????????????????????????????????????
??? Static Website ????????????????????
???????????? ??????????????????????
?????????????????????????????? 
?????????????????????????? 2. Dynamic Website
??????? ???????????????????????????????
???????????????????? ????????????????????????????
??????  ???? ?????????? (Webboard),
???????????????? ??????????????????????
????????????? Script ??? Server Side Script ????
PHP, ASP, ASP.Net, JSP ???????? 
??????????????????????????? .php, .asp ???????
??????????????????????????????????????????????????
??????????? ?????????????????????????????????????
??????????????
10
????????????????????????

• ???????? 3 ????
• ?????????????? (Page Header)
• ?????????????? (Page Body)
• ?????????????? (Page Footer)

11
1. ??????? (Page Header)  ????????????????????????
??????? ??????????????????? ???????? ?????
?????????????????????????????????????????????

• 2. ??????????? (Page Body)  ??????????????????????
  ??????????? ??????????????????????????????????????
  ???????? ???????????????????? ??????
  ????????????? ???????

12
3. ???????? (Page Footer)  ???????????????????????
?????????????? ???????????????????????????????? ?
?????????? ??????????????????? ????????
??????????????????????????????????????????????????
??????
13
???????????????????????

• 1. ?????????????????????
• ???????????????????????
• ???????????????????????
• 2. ????????????????? ????????????
  (Directory/Folder) ????????????????????
• 3. ??????????????????????????????????????????????
  ??????????????????????????????? 2.
• 4. ??????????????? ??????????????????????????
  ?????????????????????????????????? (Web System
  Administrator) ?????????????????????????????????
• 5. ????????????????????????????????
• 6. ??????????????????????????? (Server)
  ????????????????????????????????????????????

14
?????????????????????
15
????????????????????? (???)
16
Example
17
?
?
?
18
??????????????????????????????????????????????????
?????????????????????????????????????????????????
???????????
19
??????????????????????????????????????? ???????
frame ??????????????????????????????
20
http//www.prapayneethai.com/th/culture/
21
http//thai.tourismthailand.org/
22
http//women.sanook.com/health/
23
????????????

• http//www.art2bdesign.com
• http//courseware.bodin.ac.th/
• http//www.krirk.ac.th/