home *** CD-ROM | disk | FTP | other *** search
/ PC World 1999 August / PCWorld_1999-08_cd.bin / Komunik / pnws / pnws1074s.exe / file0090.bin < prev    next >
Encoding:
Text File  |  1999-07-13  |  7.9 KB  |  347 lines
  1. <HTML>
  2. <HEAD>
  3.    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1250">
  4.    <META NAME="GENERATOR" CONTENT="Mozilla/4.02 [en] (Win95; I) [Netscape]">
  5.    <META NAME="Author" CONTENT="Tomas Rosa">
  6.    <TITLE>┌vod do HTML</TITLE>
  7.  
  8. <!--#include virtual="/main_header.inc"-->
  9.  
  10. <H2>
  11. Vytvß°enφ HTML dokumnet∙</H2>
  12.    HTML dokumenty lze vytvß°et v jakΘmkoliv textovΘm editoru.
  13. Jedinou podmφnkou je, aby data Üla ulo₧it v ΦistΘm textu, tedy ASCII soubor.
  14. Po mnoha pokusech se pravφ administrßto°i uch²lili k M$ Notepad for Windows.
  15. Je to asi nelpoholdn∞jÜφ editor kter² lze pou₧φt na platform∞ Windows.
  16. Samoz°ejm∞, ₧e lze pou₧φt i n∞jakΘ WYSIWYG editory jako nap°φklad Netscape
  17. Composer, nebo M$ FrontPage. Pokud vÜak budete chtφt d∞lat opravdu perfektnφ
  18. HTML dokumenty, stejn∞ se bez Notepadu neobejdete. Pro takto vypadajφcφ
  19. dokumenty Vßm vÜak stejn∞ nebude staΦit tento struΦn² pr∙vodce.
  20. <BR> 
  21. <H3>
  22. Zßkladnφ struktura strßnky</H3>
  23.    Ka₧dß HTML strßnka mß n∞kolik zßkladnφch stavebnφch prvk∙,
  24. kterΘ nelze vynechat. Pat°φ mezi n∞ hlaviΦka HEAD, titluek TITLE a t∞lo
  25. dokumentu BODY. Zßkladnφ strßnka tedy m∙₧e vypadat nap°φklad takto:
  26. <BR> 
  27. <PRE><HTML>
  28. <HEAD>
  29.   <TITLE><B>Titulek strßnky</B></TITLE>
  30. </HEAD>
  31. <BODY>
  32. <B>Text na strßnce...
  33. ....
  34. </B></BODY>
  35. </HTML></PRE>
  36. V²znam znaΦek je nßsledujφcφ:
  37. <TABLE BORDER >
  38. <TR>
  39. <TH><B>ZaΦßtek</B></TH>
  40.  
  41. <TH><B>Konec</B></TH>
  42.  
  43. <TH><B>Popis</B></TH>
  44. </TR>
  45.  
  46. <TR>
  47. <TD><HTML></TD>
  48.  
  49. <TD></HTML></TD>
  50.  
  51. <TD>Indikuje zaΦßtek a konec HTML dokumentu</TD>
  52. </TR>
  53.  
  54. <TR>
  55. <TD><HEAD></TD>
  56.  
  57. <TD></HEAD></TD>
  58.  
  59. <TD>Obsahuje hlaviΦku HTML dokumentu.</TD>
  60. </TR>
  61.  
  62. <TR>
  63. <TD><TITLE></TD>
  64.  
  65. <TD></TITLE></TD>
  66.  
  67. <TD>Obsahuje titulek strßnky, kter² se zobrazuje jako popis okna v prohlφ₧eΦi </TD>
  68. </TR>
  69.  
  70. <TR>
  71. <TD><BODY></TD>
  72.  
  73. <TD></BODY></TD>
  74.  
  75. <TD>Kontejner pro vlastnφ text strßnky. </TD>
  76. </TR>
  77. </TABLE>
  78.  
  79. <H2>
  80. Formßtovßnφ odstavc∙ a textu</H2>
  81.    Ka₧d² odstavec v HTML dokumentu musφ b²t zarovnßn ve svΘm
  82. kontejneru. Pro zarovnßvßnφ textu a dostavc∙ lze pou₧φt znaΦky jako nap°φklad
  83. <B>tuΦn² text</B>, <I>kurzφva</I>, <U>podtr₧en² text</U>, atd.
  84. <BR> 
  85. <H3>
  86. HlaviΦky</H3>
  87.    HTML dovoluje vytvß°et a₧ Üest ·rovnφ nadpis∙. Prvnφ ·rove≥
  88. pou₧φvß oznaΦenφ <H1>, druhß <H2>, atd. Zßpis je nßsledujφcφ:
  89. <PRE><H#>Nadpis</H#></PRE>
  90. Tedy nap°φklad:
  91. <PRE><H1>Vφtejte na PNWS</H1></PRE>
  92.  
  93. <TABLE>
  94. <TR>
  95. <TD>Bude vypadat takto:</TD>
  96.  
  97. <TD>
  98. <H1>
  99. Vφtejte na PNWS</H1>
  100. </TD>
  101. </TR>
  102. </TABLE>
  103.  
  104. <H3>
  105. Odstavce</H3>
  106.    Odstavce textu v HTML zaΦφnajφ tagem <P> a konΦφ </P>.
  107. Syntaxe texy je tedy:
  108. <PRE><P><I>text</I></P></PRE>
  109. Pokud chcete zaΦφt novou °ßdku, nepou₧φvejte <P>, proto₧e za odstavcem
  110. je vynechßno mφsto. Pou₧ijte tedy pro novou °ßdku <BR>.
  111. <BR> 
  112. <H3>
  113. Centorvßnφ texu</H3>
  114.    Pokud chcete text vycentrovat, uzav°ete jej do kontejneru
  115. CENTER. P°φklad m∙₧e vypadat nßsledovn∞:
  116. <PRE><CENTER><I>text</I></CENTER></PRE>
  117. Pro centrovßnφ hlaviΦky pou₧ijte parametr <TT>ALIGN=CENTER</TT> u tagu
  118. Hx.
  119. <PRE><H1 ALIGN=CENTER>Vφtejne na PNWS</H1></PRE>
  120.  
  121. <H3>
  122. P°edformßtovanΘ odstavce</H3>
  123.    Jestli₧e chcete aby text vypadal, tak jak jej napφÜete, tedy
  124. vΦetb∞ mezer, uzav°ete jej mezi tagy <PRE> a </PRE>.
  125. <PRE><PRE>
  126. paragraphs of text
  127. </PRE></PRE>
  128.  
  129. <H3>
  130. TuΦnΘ pφsmo a kurzφva</H3>
  131.    TuΦnΘ pφsmo se uzavφrß mezi tagy <B> a </B> a kurzφva
  132. mezi <I> a </I>.
  133. <PRE><B>tuΦn∞</B> a <I>kurzφvou</I></PRE>
  134.  
  135. <H2>
  136. Tabulky</H2>
  137.    Tvo°enφ takulky je docela slo₧itß v∞c, ale dß se zvlßdnout
  138. a pochopit. Prostudujte si nßsledujφcφ tabulku obsahujφcφ popisy jednotliv²ch
  139. zbaΦek.
  140. <BR> 
  141. <TABLE BORDER >
  142. <TR>
  143. <TH>ZaΦßtek</TH>
  144.  
  145. <TH>Konec</TH>
  146.  
  147. <TH>Popis</TH>
  148. </TR>
  149.  
  150. <TR>
  151. <TD><TABLE> nebo 
  152. <BR><TABLE BORDER></TD>
  153.  
  154. <TD></TABLE></TD>
  155.  
  156. <TD>Informuje o zaΦßtku nebo o konci tabluky. Paramatr BORDER oznaΦuje,
  157. ₧e tabulka bude orßmovßna</TD>
  158. </TR>
  159.  
  160. <TR>
  161. <TD><TR></TD>
  162.  
  163. <TD></TR></TD>
  164.  
  165. <TD>OznaΦuje zaΦßtek a konec °ßdky v tabulce</TD>
  166. </TR>
  167.  
  168. <TR>
  169. <TD><TD></TD>
  170.  
  171. <TD></TD></TD>
  172.  
  173. <TD>OznaΦuje zaΦßtek a konec jednotlivΘ bu≥ky v tabulce</TD>
  174. </TR>
  175. </TABLE>
  176.  
  177. <BR>Ukßzkov² k≤d m∙₧e b²t t°eba takov²to:
  178. <PRE><TABLE BORDER>
  179. <TR>
  180. <TD></TD>
  181. <TH>Jan</TH>
  182. <TH>Feb</TH>
  183. <TH>Mar</TH>
  184. </TR>
  185.  
  186. <TR>
  187. <TH>North</TH>
  188. <TD>200</TD>
  189. <TD>400</TD>
  190. <TD>600</TD>
  191. </TR>
  192.  
  193. <TR>
  194. <TH>South</TH>
  195. <TD>100</TD>
  196. <TD>50</TD>
  197. <TD>75</TD>
  198. </TR>
  199.  
  200. <TR>
  201. <TH>Central</TH>
  202. <TD>1200</TD>
  203. <TD>1300</TD>
  204. <TD>1600</TD>
  205. </TR>
  206.  
  207. </TABLE></PRE>
  208. Tento k≤d vygeneruje nßsledujφcφ tabulku:
  209. <TABLE BORDER >
  210. <TR>
  211. <TD></TD>
  212.  
  213. <TH>Jan</TH>
  214.  
  215. <TH>Feb</TH>
  216.  
  217. <TH>Mar</TH>
  218. </TR>
  219.  
  220. <TR>
  221. <TH>North</TH>
  222.  
  223. <TD>200</TD>
  224.  
  225. <TD>400</TD>
  226.  
  227. <TD>600</TD>
  228. </TR>
  229.  
  230. <TR>
  231. <TH>South</TH>
  232.  
  233. <TD>100</TD>
  234.  
  235. <TD>50</TD>
  236.  
  237. <TD>75</TD>
  238. </TR>
  239.  
  240. <TR>
  241. <TH>Central</TH>
  242.  
  243. <TD>1200</TD>
  244.  
  245. <TD>1300</TD>
  246.  
  247. <TD>1600</TD>
  248. </TR>
  249. </TABLE>
  250.  
  251. <H2>
  252. Obrßzky</H2>
  253.    Do HTML dokumentu lze vlo₧it obrßzek pomocφ jeho URL. Syntaxe
  254. pro jeho vlo₧enφ je nßsledujφcφ, p°iΦem₧ parametry HEIGHT, WIDTH a ALT
  255. jsou nepovinnΘ, ale doporuΦovanΘ:
  256.  
  257. <P><TT><IMG SRC="<B>url obrßzku</B>" WIDTH="Üφ°ka v bodech" HEIGHT="v²Üka
  258. v bodech" ALT="textov² popis"></TT>
  259. <H2>
  260. Formulß°e v HTML</H2>
  261.    Formulß°e pot°ebujeme v HTML dokumetech, pokud chceme volat
  262. CGI skripty. Zßkladnφ strukt∙ra formulß°e je:
  263. <BR> 
  264. <PRE><FORM METHOD="POST" ACTION="<B>script</B>">
  265. <B>(obsah formulß°e)
  266. </B></FORM></PRE>
  267. Skript na kter² se odkazuje parametr ACTION je platnΘ URL CGI skriptu,
  268. kter² obdr₧φ data formulß°e k nßsledΘmu zpracovßnφ.
  269. <BR> 
  270. <H3>
  271. P°ehled formulß°ov²ch prvk∙</H3>
  272. <FORM>
  273. <TABLE BORDER >
  274. <TR>
  275. <TH>Nßzev</TH>
  276.  
  277. <TH>Popis</TH>
  278.  
  279. <TH>HTML k≤d</TH>
  280.  
  281. <TH>Ukßzka</TH>
  282. </TR>
  283.  
  284. <TR>
  285. <TD>INPUT</TD>
  286.  
  287. <TD>Vstupnφ °ßdka na text o velikosti <B>x</B></TD>
  288.  
  289. <TD><TT><INPUT TYPE="TEXT" NAME="<B>jmΘno</B>" SIZE="<B>x</B>"></TT></TD>
  290.  
  291. <TD><INPUT TYPE="TEXT" NAME="jmΘno" SIZE="10"></TD>
  292. </TR>
  293.  
  294. <TR>
  295. <TD>TEXTAREA</TD>
  296.  
  297. <TD>Vstupnφ pole na text o velikosti <B>X</B>x<B>Y</B></TD>
  298.  
  299. <TD><TT><TEXTAREA name="<B>jmΘno</B>" COLS="x" ROWS="y"></TT> 
  300. <BR><TT></TEXTAREA></TT></TD>
  301.  
  302. <TD><TEXTAREA NAME="text" ROWS="3" COLS="10">Text</TEXTAREA></TD>
  303. </TR>
  304.  
  305. <TR>
  306. <TD>RADIO</TD>
  307.  
  308. <TD>P°epφnaΦ mezi n∞kolika volbami</TD>
  309.  
  310. <TD><TT><INPUT TYPE="RADIO" NAME="<B>jmΘno</B>" VALUE="<B>data</B>"></TT> 
  311. <BR><TT><B><I>popisek</I></B><BR></TT></TD>
  312.  
  313. <TD><INPUT TYPE="RADIO" NAME="jmΘno" VALUE="data">Buton 1
  314. <BR><INPUT TYPE="RADIO" NAME="jmΘno" VALUE="data">Buton 2</TD>
  315. </TR>
  316.  
  317. <TR>
  318. <TD>CHECKBOX</TD>
  319.  
  320. <TD>ZaÜkrtßvacφ polφΦka pro v²b∞r nekolika voleb najednou</TD>
  321.  
  322. <TD><TT><INPUT TYPE="CHECKBOX" NAME="<B>jmΘno</B>" VALUE="<B>data</B>"><B><I>popisek</I></B><BR></TT></TD>
  323.  
  324. <TD><INPUT TYPE="CHECKBOX" NAME="jmΘno" VALUE="data">Buton 1
  325. <BR><INPUT TYPE="CHECKBOX" NAME="jmΘno" VALUE="data">Buton 2</TD>
  326. </TR>
  327.  
  328. <TR>
  329. <TD>SELECT</TD>
  330.  
  331. <TD>V²b∞r n∞kolika voleb ze seznamu (volba MULTIPLE), nebo v²b∞r jednΘ
  332. volby z p°idru₧enΘ nebφdky.</TD>
  333.  
  334. <TD><TT><SELECT NAME="<B>jmΘno</B>" SIZE="<B>v²Üka n °ßdk∙</B>" MULTIPLE></TT>
  335. <BR><TT><OPTION VALUE="data"><I>text</I></TT>
  336. <BR><TT><OPTION VALUE="data"><I>text</I></TT>
  337. <BR><TT>...</TT>
  338. <BR><TT></SELECT></TT></TD>
  339.  
  340. <TD><SELECT NAME="jmΘno" SIZE="1"><OPTION VALUE="data">Text 1 <OPTION VALUE="data">Text
  341. 2 </SELECT>nebo<br><SELECT NAME="jmΘno" SIZE="3" MULTIPLE><OPTION VALUE="data">Text
  342. 1 <OPTION VALUE="data">Text 2 <OPTION VALUE="data">Text 3 </SELECT></TD>
  343. </TR>
  344. </TABLE>
  345. </FORM>
  346.  
  347. <!--#include virtual="/main_footer.inc"-->