4 Web page Upload

1
????????????? 4 ???????? Web page ?????? Upload
2
?????????? Graphic

• ltIMG SRC??????????????
• ALIGN leftrightmiddletopbottom
• ALT ???????????????????????????????????
• WIDTH ???????????????
• HEIGHT ?????????????
• BORDER ??????????????(??????????????????) gt

???? ltIMG SRC.\image\picture.gifgt
3
TIP

• ?????? site ??????????? ???????????????????? save
  
• ????????????????????? Background ??? Windows

?????????????????????? ????? Save picture as..
?????????????????????? ????? Set As Wallpaper
4
?????????? (http//www.w3c.org/Graphics/)

• GIF (Graphic Interchange Format)
  ????????????????????????????????? 256 ??
  ??????????????????? ???????? transparency,
  Animation ???? Interlace ???
• JPEG (Joint Photo graphics Expert Group)
  ???????????????????????????? ? ???? ???????
  ?????????????????????????????????????
• PNG (Portable Network Graphic) ????????????????
  GIF ??????????????????????????????

5
?????????? (II)

• SVG (Scalable Vector Graphics) )
  ????????????????????????????? vector ??? mixed
  vector/raster ??? 2 ???? ?????? XML.
• SVG ??????????????????????????????????????????????
  ????? XML ??? SVG ??????????????? Recommend
• CGM (Computer Graphics Metafile) ??????????? ISO
  ????????? vector ????????? vector/raster
• ?????????????????????????? Engineering

6
???????????

• ?????????????????????????????????????? RGB
  (red,green,blue) ???????? ???????????????????? 16
  (0-9,A-F)
• ??????????????????? ?????????????????????????
  ??????????????????????????
• ?????????????????????????????????????
• Safe Color 216 ??

7
Linking to other documents

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

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

• ?????????????? Link
• ????????????? Link

ltA HREFURLs ???? filename???????gt???????lt/Agt
ltA HREFURLs ???? filename???????gt ltimg src
gt lt/Agt
9
???????????????????????

• ??? Link ?????????????
• ??????????????????????????????
• Identifier ??? ????????????????????????????????

ltA HREF identifiergtlt/Agt
ltA NAMEidentifiergt??????lt/Agt
10
Tip for Link

• ???????????????? Link ????????????????????????
  Link ?????????? Link ?????? border 0
• ?????????????????????? Link ????????

lt BODY LINK ?? ALINK ?? VLINK ?? gt
Link ??? ??????????????? Link Alink ???
????????????????????????????????????????
Link Vlink ??? ??????????????????????????? Link
????????
11
Tip for Link (II)

• ????????????? Browser ??????????? e-mail
  ??????????

ltA HREFmailto e-mail ??????gt??????????????lt/Agt
12
??????????????

• ???????????????????????????????
  ?????????????????????????? ????? browser
  ??????????????????????????????????????????????????
  ???????????????????? ??????????????
• lt ??????? lt
• gt ??????? gt
• nbsp ????????????????

13
????????????? (TABLE)
14
???????? Table

• lt TABLE ALIGN leftcenterright BGCOLOR ??
• BACKGROUND ??????????
• BORDERDARK ?? BORDERLIGHT ??
• CELLPADDING ???????????????????????????
• CELLSPACING ??????????????????????
• WIDTH ????????? HEIGHT ??????? gt

15
ltTRgt and ltTDgt

• ??????????????????????????????????????????????????
  ???? ???????? ltTRgt ???????????????????????????????
  ltTDgt ?????????????????????????????????????????
• ltTD COLSPAN???????????????????gt.lt/TDgt
• ltTD ROWSPAN??????????????????gt.lt/TDgt

16
?????????????????????
1
2

• ltTABLEgt
• ltTRgtltTDgt1lt/TDgtltTDgt2lt/TDgtlt/TRgt
• ltTRgtltTDgt3lt/TDgtltTDgt4lt/TDgtlt/TRgt
• lt/TABLEgt

3
4
ltTABLEgt ltTR ALIGNCENTERgt ltTD
COLSPAN2gtAlt/TDgtlt/TRgt ltTRgtltTDgtBlt/TDgtltTDgtClt/TDgtlt/T
Rgt lt/TABLEgt
A
B
C
ltTABLEgt ltTRgtltTD ROWSPAN2gtAlt/TDgt
ltTDgtBlt/TDgtlt/TRgt ltTRgtltTDgtClt/TDgtlt/TRgt lt/TABLEgt
B
A
C
17
ltTHgt and ltCAPTIONgt

• ltTHgt..lt/THgt ????????????????????????????
  ???????????????????????????????????????
• ltCAPTION ALIGNTOPBOTTOMgt..lt/CAPTIONgt
• ?????????????????????????????????????????

18
???????? Frame

• Frame ??? ????????????????????????????????????????
  ?? page ????????? 1 page ?????????????????
  ?????????????????????????????????????????????

19
??????????????? FRAME

• ltFRAMESET gt - ??????? Body
• ltFRAME gt ...
• ltFRAME gt ...
• lt/FRAMSETgt

20
?????? FRAMESET

• ltFRAMESET
• BORDER ???????????????
• FRAMEBORDER YESNO
• ROWS ????????? (Pixel) ???? ???,,
• COLS ????????????? (Pixel) ???? ???????,,gt
• ..
• lt/FRAMSETgt

21
?????? FRAME

• ltFRAME SRC page ??????????????
• NAME ????
• MARGINHEIGHT ???????
• MARGINWIDTH ?????????
• NORESIZE
• SCROLLING YESNOAUTOgt ...

22
???????

• ?????????????? Frame ????????????????
• ?????????????? Frame ?????????????????
• ?????????????? Frame ???????????????????????

ltFRAMESET ROWS ?????????????,gt
ltFRAMESET COLS ?????????????,gt
ltFRAMESET ROWS ?????????, COLS
?????????????, gt
23
?????? Target ??????? Link

• ???????????????????????????????????????????????
  ????????????????????????????????????????????????
• TARGET ???????? ??????????????????????????????
  ???????????

24
?????? Target ??????? Link (II)

• TARGET _TOP (Whole Page)
• TARGET _BLANK (New Window)
• TARGET _SELF (Same Frame)
• TARGET _PARENT (Parent Frame in same
  frameset)

25
Tip for Frame

• ?????? browser ???????????????????????????????
  ??????
• ?????????????????? browser ???????????????
• ????????????????????????????????????????????
• ????????????????? page ?????????????????????????

ltNOFRAMEgt.lt/NOFRAMEgt