http://c26.club.kmu.edu.tw/~tjm/

1
?????????

• ???
• 2004.4.25?
• http//c26.club.kmu.edu.tw/tjm/

2
????(?)

• ???????????
• ??????
• ???????
• ????????
• ????????????
• ???????
• ???????
• ??????
• ??????
• ?????
• ????

3
????(?)

• HTML????
• HTML???
• HTML????
• HTML????
• HTML??????
• HTML????????
• HTML????
• HTML????

4
??????(?)

• 2003?12??,?????????883??
• ????????399??
• xDSL????259??
• Cable Modem????31??
• ????????1.5??,ISDN????1.2??
• ????(TANet)????358???
• ????? 100
• ??????????? 66
• ??????????????

5
??????(?)

• ?????,??????????
• Web
• Email
• ???????,BBS?????????
• MSN????????????
• ?????????????,??????????????
• ??
• ???
• BBS???

6
???????

• Gateway?router????????????

Internet
7
???????

• ??????IP address???????32?????,???Internet??????
• ???0255????????,?163.15.153.78
• subnetmask(netmask)32???????,???????????????
• ??255.255.255.0 255.255.0.0
• ???????netmask???IP address,???????????????,??????
  ??Router?Gateway??????
• DHCP?BOOTP????????IP?????,Client??????????IP??

8
??????(?)

• ????Hub??
• Power???
• Link????Hub???????
• Tx, Rx???????(Tx)???(Rx)
• Collision??????
• Ping
• Ping IP ?Ping ????????????????????
• ????????,??ping?????????????gateway,?????Hub?gatew
  ay????

9
??????(?)

• Tracert(Traceroute)
• tracert IP ?tracert ???????????????????????(gatew
  ay)??????
• ???????????????????????(????????????tracert??,????
  ?????????)
• winipcfgWin98?Win95?????????????????
• ipconfigWindows 2000?XP???winipcfg??? ,??
  ipconfig /all

10
DNS????(?)

• Domain Name(?????)
• ????????(??????????)
• Domain Name Server (DNS)???Domain
  Name?IP??,???????????????????
• ?Domain name?IP????,?IP?Domain name????
• ?www.kmu.edu.tw bcc.gec.kmu.edu.tw
• ???UNIX?Windows NT???nslookup ?? ?????IP,?
  nslookup IP????????

11
DNS????(?)

• DNS????

?InterNIC????
?TWNIC????
12
DNS????(?)

• DNS????

13
DNS????(?)

• Domain Name Server????
• ???????????????????(????????)
• ????????????????????????
• ???????????????DNS Server,????????????????DNS
  Server?????????????????????????
• ?????DNS Server 163.15.154.1 163.15.154.31
  163.15.154.33
• Windows ??????????????????TCP/IP????DNS Server?
• ??DHCP??????DNS

14
WWW????(?)

• ??????URL(Uniform Resource Locator)????????,???URL
  ?????
• http(http//bcc.gec.kmu.edu.tw)???????
• telnet (telnet//bcc.gec.kmu.edu.tw)????
• ftp (ftp//ftp.cis.nctu.edu.tw)????
• file (file///D/tmp/??????/index.htm) ??
• ????? http//std.vexp.idv.tw ?,?????????????(??w
  ww)??index.html?index.htm ??show??,???????????

15
WWW????(?)

• ?????????????????????
• http//bcc.com.kmu.edu.tw/y2k/
• http//y2k.com.kmu.edu.tw/
• http//internet.class.kmu.edu.tw/
• http//proxy.kmu.edu.tw/internet/
• ????(Domain name)?????,????????????,????????

16
????????

• ???????(????),??????
• ????????????,??????????????????????,????????
• ???????????????????????????????????????????????,??
  ??????????????????
• ????????????,???????????????,???????????

17
??????

• ????,???????????????
• ??????????????????,???????????(???????)?
• ?????????????????????????????,????????????????????
  ?????????????
• ???????????????????,??????????????????,?????????,?
  ?????????
• ?????????????????????,???????(photo.fhl.net
  bible.fhl.net ???)

18
?????

• ?????,??????????????
• ???????????(??????????????????),??????????????
• ????????????????????
• ????????????????????????
• ?????? http//www.twnic.net.tw/total/net1114.htm
  
• ??????????????????,??????,????????

19
??????

• ???????????????????,?????????????
• ?????????????????,??????,????????????????????????
• ???????????????????????,????????????

20
??????????

• ?????????????
• ???????????????????????????
• ??????????,??????????????,????????????????????(???
  ??????)?
• ?????????????,??????,?????????(????????????????)?

21
????

• ????????????????
• ??????????,??????ISP?
• ???????????????????(????,????????)?
• ???HTML???
• ?????CGI??????
• ????????
• ????????

22
?????????(?)

• ??????????????????????????,??????????
• ???????????,?????????,???????????????
• ?????????????
• ?BBS???????,????????,??????????
• ???????
• ?????????????????,???????????

23
?????????(?)

• ????????????????????????????
• ???????,?????,????????,???????????????
• ???????????
• ???????
• ??(??)??,??????????
• ??????,????????????
• ???????????????????????

24
??????(?)

• ISP(Internet Service Provider)Hinet?Seednet
• ????????????????
• B2B(Business to Business)??????
• ?????????(??????????)???????????????
• ASP(Application Service Provider)Geocities
• ??????????????Webmail???,?????????????????
• ???????????

25
??????(?)

• ????(????)????????OpenFind?AOL
• ????????,?????????????????
• ?????????
• ????????????????(??Email),????????
• ??????????????????????????
• ????????????ISP????

26
??????(?)

• B2C (Business to Custom)?????????????????
• ???????,??????????????????
• ?????????????
• ICP (Internet Content Provider)????????????
• ???????,????????,?????????????????????
• ??????????,????????????
• ????????????????????

27
??????(?)

• C2C (Custom to Custom)BBS?????????????104????????
  ?
• ???????,????????????????????,???????
• C2B (Custom to Business)???????

28
????(?)

• ????,????????,???????????????
• ?????????????????,??????????,???????????????
• ????????????????,?????????????????????????(SSL?SET
  ????????)?

29
????(?)

• ????????,??????????????????????????
• ?????????????(????)???(MP3?CD)???????.??
• ??????????,???????????,???????????,??????????
• ?????????????????,????????????(???)?
• .com??.org

30
???

• ??????Internet Content Provider???????
• ???????????????????????????????????????,??????????
  ???????????????????,???????????????
• ??????????????????????,??????????

31
??????

• ????
• FTPwsftp, cuteftp (ftp//ftp.kmu.edu.tw/pub/Win/n
  etwork/ftp/)
• ????(Samba)
• scpWinSCP (http//winscp.vse.cz/eng/)
• ????
• FrontPage?FrontPage Extensions
• Web-Based????????????????????

32
????????

• Dreamweave
• Frontpage
• Composer
• HTMLABC
• HTML123
• Word (????)
• Power (????)
• Excel (????)

33
?????????

• ??,????
• ???HTML?????
• ???HTML?????
• ???HTML??????
• ??????????
• ????????Plug-in?CGI
• Plug-in????????????,???????????(??Flash)

34
???????

• ?? vi?joe?pico?ve?Unix????????????
• ????????
• ?????????
• GIMPhttp//www.gimp.org
• Windows ?? http//www.gimp.org/tml/gimp/win32
  /
• Pixiahttp//www.pixia.org/
• Sodipodi http//sodipodi.sourceforge.net SVG
  ????
• PhotoImpact (?????????)

35
?????????

• ???????????
• ???????
• http//www.clip-art.com ????
• http//www.taconet.com.tw/byemo/MAIN.htm ????
• http//www.abcgallery.com ????
• http//photo.fhl.net ????
• http//www.google.com ? free clipart ??
• ?????????????
• ???????,??????????

36
?????(?)

• ????????,?????,???????????????????????????????
• ????????????????????,???????????
• ????????????,???????????????

37
?????(?)

• ????????????????????????????????
• ??????????????HTML???????????
• ?????????,??????????????????????
• ???????????????
• GIF?JPG?PNG

38
????????

• ???????????(??????????!),???????????,?????????????
  ???
• Blog??????
• ?????????
• http//c26.club.kmu.edu.tw/cgi-bin/rogbook.cgi?tjm

39
????

• HTML??
• HTML??
• ????
• ????
• ??????
• ??????????
• ????
• HTML????
• ??http//c26.club.kmu.edu.tw/tjm/exp

40
HTML??

• HTMLHyperText Markup Language,??SGML??????
• ?????HTML????W3C??????? (http//www.w3c.org)
• ???HTML 2.0?3.0?4.0,Netscape Extension?Microsoft
  Extension
• ??????????? HTML 3.0
• ????????XHTML
• ?? http//internet.class.kmu.edu.tw/barebone_tw.ht
  ml

41
HTML???(?)

• HTML??
• Free Format??????????????
• ??????????????
• ??????
• HTML????
• HTML?????(Text)?????(Tag)???,????????,????????????
  
• ????lt ???? ????gt
• ?????????lt??gt??lt/??gt
• lttitlegtTESTlt/titlegt ltbodygt lt/bodygt

42
HTML???(?)

• ???????,??????????????????????
• ???????????????????
• HTML??????????,???????????(PE2?Notepad?vi?pico)
• Word?Wordpad????????????????HTML??,???????????????
  HTML??

43
HTML????(?)

• lthtmlgt lt/htmlgt??HTML????
• ltheadgt lt/headgt??HTML????
• ?????????HTML????????
• ???????????????,??????????????
• lttitlegt lt/titlegt??????
• ???HTML???
• ?????????????

44
HTML????(?)

• ltbodygt lt/bodygt??????????
• lt!-- ??--gt???????,????
• ???????????,???????????,???????????HTML??
• ?????HTML
• lthtmlgt
• ltheadgtlttitlegtTestlt/titlegtlt/headgt
• ltbodygtThis is a real test.lt/bodygt
• lt/htmlgt

45
HTML????

• ltbrgt????
• ltpgtlt/pgt??,??????ltpgt?????????
• lth1gtlt/h1gt?lth6gtlt/h6gt????
• ltulgt lt/ulgt?????
• ltolgt lt/olgt?????
• ltligt lt/ligt????
• ltCENTERgtlt/CENTERgt??
• ltpregt lt/pregt??????(??????)

46
??????

• ????ltemgtlt/emgt(????)?ltstronggtlt/stronggt(????)?
• ltbgt?? ltblinkgt?? ltigt?? ltstrikegt?? ltugt????
• ltfontgtlt/fontgt????????,??????
• colorcolorred ? colorFEFEFE
• sizesize ??1?7?
• ? ltfont colorFE00FE size7gt???!lt/fontgt

47
??????????(?)

• lthrgt??,??????(???????)
• size????
• width???????????,???????????
• ? lthr size7 width50gt
• ltimggt??,??????
• src???URL
• alt????????????
• height?width???????????
• ? ltimg srchttp//www.kmu.edu.tw/99title.jpggt

48
??????????(?)

• ltagt lt/agt??,??????
• href?????URL(??????????)
• name??????,????????????????????
• (??http//internet.class.kmu.edu.tw/barebone_tw.ht
  ml)
• ? lta hreftest.htmlgt???!lt/agt
• URL mailtoEMAIL ???????????EMAIL
• ???????????
• ltmeta http-equiv"content-type"
  content"text/html charsetbig5"gt

49
????

• ??????????????,?????????????
• lttablegt lt/tablegt??????,??????
• bgcolor????
• border????
• align??????,left?right?center
• lttrgt lt/trgt???????
• lttdgt lt/tdgt????????

50
HTML????

• ltFRAMEgtlt/FRAMEgt????
• ??http//www.kmu.edu.tw/cc/index.htm
• ltappletegtlt/appletegt??JAVA??
• ??http//ana.vexp.idv.tw/java.html
• ltSCRIPTgtlt/SCRIPTgt ??Script??
• ??http//bible.fhl.net/new/read.html

51
FORM??

• ??????CGI???
• ltform methodPOST actioncginamegt
• ??1ltinput typetext nameINPUT1 size40gt
• ltinput typesubmit nameSUBMIT value??gt
• lt/fromgt
• form ? method?????POST?GET
• action ???????CGI???
• ????
• ltinput type name value. Size.gt

52
Form ? Input Type

• TEXT???????????
• password????????????
• radio??????,?value????
• checkbox??????,????????
• select?option?????,?value????
• lttextarea rowsm colsngt??????
• hidden??user?????
• submit????CGI
• reset???????

53
Form??????????

• ???CGI
• ????????????????????
• ???????
• ???????????????????
• ????????
• ??
• http//db.vexp.idv.tw/sql.html
• http//unix.vexp.idv.tw/

54
Style?????

• ???????????CSS1(Cascading Style Sheets Level 1)
• ltSTYLE TYPE TEXT/CSSgt????lt/STYLEgt
• ????????,?????????????????
• ??http//www.fhl.net

55
??

• ?????????????
• ?????????????????????