Sránka o tvorbe webu a HTML doplnkoch.
Môj E-mail je drevospolsk@gmail.com moje icq: 564 851 096
Prosím nevypisujte zbytočne !!!


TOPlist
Digg  Sphinn  del.icio.us  Facebook  Mixx  Google  BlinkList  Furl  Live  Ma.gnolia  Netvouz  NewsVine  Pownce  Propeller  Reddit  Simpy  Slashdot  Spurl  StumbleUpon  TailRank  Technorati  TwitThis  YahooMyWeb
Web vylepšenia:
ak nevidno všetky odkazy kliknite sem

http://www.wishafriend.com/
Rôzne flash a iné doplnky ako npr: kreslenie atd...

http://www.flashvortex.com/index.php
Tvorba vlastných flashov, bannerov atď zdarma online

http://www.freebuttons.com
Tlačítka do vašich stránok

http://webber.cz/
Rôzne doplnky ako ankety, chat, počítadlá a tak...

http://www.blueboard.cz/
Takysto rôzne doplnky na web, počítadlá, ankety, pokec a iné...

http://www.klavesoveskratky.sk/
Skratky

http://www.picturetrail.com/register/
Premenlivé obrázky na web

http://www.flash-gear.com/index.php?a
Rôzne flashové doplnky na web, ako hry, kreslenie a rôzne iné

http://www.myflashfetish.com
Flashové doplnky

http://www.crazyprofile.com/
Doplnky na web ako lietajúce motýle, kurzory, padajuce lístie a tak....

http://www.mojemp3.sk/        www.mp3s.nadrohou.net
Mp3 zdarma na stahovania

http://esa-dev.com/plugboard
Reklamna plocha na vaše stránky

http://www.iconarchive.com
Stránka s obrázkami, smajlíkmi a ikonami pre vaše stránky

http://s44.photobucket.com
Pohiblivé ikony

http://www.weblight.cz
Online kalendáre, počítadlá a podobne

http://www.poq-space.com/
Flash doplnky, alarm atď....

http://s01.flagcounter.com/
Zobrazí vlajky vašich návštevníkov a počet návštevníkov a rôzne iné zaujímavé veci

http://www.geovisite.com/en/geomap.php
Rôzne mapky na vaše stránky (pohyblivé)

http://www.smahu.com/webmasters/
Počasie. spravodajstvo, online hry, poker na váš web xD
tvorba webu www stranka web zdarma stranky zadarmo html HTML kódy kody doplnky ikona banner baner tvorba ikony navod na tvorbu ikony banneru reklama hlavicka stranky ako si vytvorit vlastny web vlastnu stranku welcomovky welkomovky oddelovace pozadia prehravac radio hodiny svetova hodiny svetovy cas icq stav ukazatel stavu icq yahoo skype ICQ tabulky html farby meniaci sa text pohiblivy text baziaci text letiaci text obrazok na web obrazok na stranku pohiblivy obrazok pocasie teplota datum narodenia meniny adresa ip adresa IP adresa prehliadac verzia blue board bannery ikonky sablony vzhald vzhlady vzhladu SMS sms zdarma kod html prekladac programy web spravy horoskop playlist stavky online anti kopirovanie email E-mail e-mail emeil refresh stranky rank ranky vyhladavaca a prehliadace vtip vtipy hry www v texte uprava textu velkost pisma presmerovanie okamzite presmerovanie online kreslenie panel reklam reklama html kod free vyrusovy radar anketa virusovy uvitacie okno ludvik stanka Ludvik Stanka HTML html text pokec chat kalendar datum rss
flash Flash banner baner ikona kód ikony flashu banneru baneru reklama reklami grafika tvorba grafiky zdarma zadarmo free fre bezplatne flashovky ikony bannery headery header hlavička hlavicka stranky stránky ako robyť hlavicku ako vložiť vlozit hlavicku na stranku do stranky eurokalkulacka eurokaľkuačka html Euro Eurokalkulacka kód kod eurokalkulacky odkaz v texte vloženie odkazu do textu vloženie linku link v texte vlzenie www adresa html HTML www text wwwtext

tvorba webu www stránka web zdarma stránky zadarmo html HTML kódy kódydoplnky ikona banner baner bannery tvorba ikony návod na tvorbu ikony bannerureklama hlavička stránky ako si vytvoriť vlastný web vlastnú stránkuwelcomovky welkomovky oddelovače pozadia prehrávač rádio hodiny svetovéhodiny svetový čas icq stav ukazateľ stavu icq yahoo skype ICQ tabuľkyhtml farby meniaci sa text pohiblivý text bažiaci text letiaci textobrázok na web obrázok na stránku pohiblivý obrázok počasie teplotadatum narodenia meniny adresa ip adresa IP adresa prehliadac verziablue board bannery ikonky šablóny vzhald vzhlady vzhladu vzhľad SMS sms zdarmakod html prekladač programy web správy horoskop playlist stávky onlineanti kopírovanie email E-mail e-mail emeil refresh stranky rank rankyvyhladavaca a prehliadace vtip vtipy hry www v texte úprava textuveľkosť písma presmerovanie okamžite presmerovanie online kresleniepanel reklám reklama html kód free výrusový radar anketa vírusový vírusovy vyrusovýuvítacie okno ľudvik stanka Ludvik Stanka HTML html text pokec chat kalendár dátum rss  čas
padajuce listie padajúce lístie padajuci sneh padajúci sneh snech odosielac emailov odosielač správ emailov automaticky meniace sa pozadie html kniha navstev kniha návštev tvorba bannerov zdarma flash ikon prehravac hudby vloženie vlozenie mp3 na web na stránku na stranku prehrávač prehravac výmena reklám bannerov odkazov ikon odkaz favicon favico fav ico .ico icona favikon tvorba výroba vyroba ikona pre adresou url html gif .gif flash header halvicka kalendár html kalendar html kody kódy flash flashes flashe doplnky pre webove webové stránky stranky html HTML kod k=od kody kód kodiky kodky kodi doplnok doplnky doplnki web zdarma zadarmo free vylepšenia vylepsenia www stránky anketa reklama reklamy výmena reklám vymena reklamy ikona kalendár kalendar kalkulacka kaľkuľačka počítadlo pocitadlo online kreslenie malovanie padajuci sneh padajuce srdcia padajuci snih padajúci sníh padajúce srdce prechody stránok prechod stranky prehody meniacy pohyblivý pohybujúci sa hybajuci sa texty text
 

 

Formulár

Vytvorte si vlastný formulár:
Na vytvorenie formulárov sa používa tág <form>, ktorý obsahuje hodnoty:
  • action - stránka, na ktorú sa odošle formulár, môže byť aj mailová adresa v tvare mailto:nieco@nieco.sk,
  • method - určuje spôsob odosielania informácií. Prvý spôsob je GET , ten odošle informácie v adresnom riadku. Druhý spôsob je METHOD, ten odošle informácie z formulára v pozadí prehliadača. Využitie tejto hodnoty zistíte pri programovaní stránok. Ak hodnotu nezadáte nastaví sa automaticky GET,

  • enctype - určuje typ odosielaných dát. Napríklad pri prostom texte použite text/plain, pri html text/html. Táto hodnota je nepovinná a nemusíte ju používať. Do tágu form budeme neskôr zapisovať ďalšie tágy, ktoré budú určovať, čo sa bude vo formulári nachádzať (textové pole,zaškrtovadlo...).

Tág <input>

Tág input je najdôležitejší tág vo formulároch a môže obsahovať niekoľko hodnôt. Tie sú popísané nižšie

  • name - meno prvku formulára
  • type - určuje, čo sa vytvorí vo formulári.
    Type = "text" - textové pole,
    type = "submit" - odosielacie tlačítko,
    type = "password" - textové pole, v ktorom sa namiesto znakov zobrazujú hviezdičky,
    type = "reset" - tlačítko, ktoré vymaže formulár,
    type = "radio" - vytvorí prepínač guličiek, ak zadáte viacerím inputom s hodnotou type="radio" to isté meno vytvorí sa skupina, v ktorej si môžete prepínať medzi guličkami,
    type = "checkbox" - zaškrtávacie políčko,
    okrem týchto hôdnot môžete ešte použiť file,image,hidden a button. Tieto hodnoty sa buď malo používajú, alebo sa používajú pri programovaní, čiže ich nebudem viac definovať.
  • checked - prázdna hodnota, ktorá udáva predvolený prvok (využivá sa pri radio,checkbox) - ukázané nižšie v príkladoch.
  • value - hodnota prvku formulára

Ak ste nepochopili niektoré hodnoty nevadí, vysvetlím ich nižšie na príkladoch.

Príklady

Text

<input type="text" name="meno" value="text predvyplnený">

Submit

<input type="submit" name="meno" value="odošli">

Password

<input type="password" name="meno" value="neviditelný text">

Radio

Vyberte si položku: <br>
<input type="radio" name="meno" value="položka 1" checked> Položka 1<br>
<input type="radio" name="meno" value="položka 2"> Položka 2<br>
<input type="radio" name="meno" value="položka 3"> Položka 3<br>

Vyberte si položku:
Položka 1
Položka 2
Položka 3

Checkbox

Mám rád: <br> 
<input type="checkbox" name="meno" value="cigarety" checked> Cigarety<br>
<input type="checkbox" name="meno" value="kávu"> Kávu<br>
<input type="checkbox" name="meno" value="kolu"> Kolu<br>

Mám rád:
Cigarety
Kávu
Kolu

Tág <select>

Tág select je vyberacie políčko a môže obsahovať hodnoty:
  • name - meno
  • size - počet zobrazených hodnôt v rámčeku
  • multiple - umožnuje výber viacerých hodnôt a nemá svoj obsah

Tág select obsahuje tágy option, ktoré obsahuju hodnoty value (určuje hodnotu) a selected (túto hodnotu môže obsahovať len jeden tág option. Určuje že ten jeden tág option bude nastavený ako predvolený).

Príklad:
<select name="meno">
<option value="auto">Auto<br>
<option value="motorku"> Motorku<br>
<option value="lod" selected> Loď<br>
<option value="lietadlo"> Lietadlo<br>
</select>

Všimnite si, že v html je na prvmo mieste Auto ale ako predvolená hodnota sa zobrazuje Loď, je to z dôvodu použitia hodnoty selected (hodnotu selected môžete zapisovať aj takto: selected="selected").

Tág <textarea>

Posledným a zároveň tretím tágom, ktorý budete vo formulároch potrebovať je textarea. Tento tág vytvorí veľké textové pole. Môže obsahovať hodnoty:

  • name - meno
  • cols - šírka textarey
  • rows - výška textarey
Príklad:
<textarea cols="30" rows="5" name="meno">
Obsah …. Obsah .…
</textarea>

Záverečný príklad

Na zaver by som vám chcel ukázať príklad, v ktorom som načrtol všetky možnosti formulárov, ktoré som uviedol vyššie.

<form action="stranka.htm" method="post">
Meno:
<input type="text" name="meno">
<br>Heslo:
<input type="password" name="heslo">
<br>
<br>Počítač má:
<br>
<input type="checkbox" name="pocitac" value="ram">
RAM
<br>
<input type="checkbox" name="pocitac" value="cpu">
CPU
<br>
<input type="checkbox" name="pocitac" value="kolesa">
Kolesá
<br>
<br>Váš vek:
<br>
<input type="radio" name="vek" value="18 a viac">
18 a viac
<br>
<input type="radio" name="vek" value="menej ako 18">
menej ako 18
<br>
<br>Vaša adresa:
<br>
<textarea name="adresa" cols="30" rows="3"></textarea>
<br>
<br>Vlastním:
<br>
<select name="vlastnim">
<option value="motorku"> Motorku
<option value="auto"> Auto
<option value="lietadlo"> Lietadlo
<option value="vsetko"> Všetky tri
</select>
<br>
<br>
<input type="submit" value="Odoslať!">
<input type="reset" value="Vymazať!">
</form>


Výsledok :

Meno:
Heslo:

Počítač má:
RAM
CPU
Kolesá

Váš vek:
18 a viac
menej ako 18

Vaša adresa:
 
Prohlášení o Cookies |
Name
Email
Comment
Or visit this link or this one