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