Ako písať web

o tvorbe internetových stránok

Toto je pouze slovenský překlad hlavní stránky Jak psát web (v češtině)

Základný kurz

Ako si urobiť stránky, čo je a čo nie je potrebné, je lepšie použiť editor alebo ťukať zdroj?

Základy HTML vedieť nemusíte, ale len do vtedy, kým nenastanú problémy.

Ako stránky posielať na server, sprístupniť svetu, pokiaľ možno zadarmo. Posielanie stránok na server pomocou FTP, grafického rozhrania freewebov.

Zásady písania textov vhodných pre Internet, hlavne spomínam psychológiu, nadpisy, češtinu (slovenčinu v zmysle diakritiky) a aktuálnosť.

Editory sú programy, ktoré je možné použiť na písanie stránok.

Rôzne prehliadače (Explorer, Mozilla, Opera, Netscape) zobrazujú rovnaké stránky rôzne, pozor na to.

Prvky stránok

Obrázky a pozadie - Odkazy - Tabuľky - Rámy - Formuláre - Farby - Ostatné

Obrázky a pozadie

Príprava obrázku popisuje základné grafické formáty, priehľadné a animované gify.

Obrázky v HTML, atribút alt, rozmery obrázku, obtekanie. Príklad obrázku:

<img src="subor.gif" width="120" height="60" alt="popis">

Všetko o pozadí: zápis pozadia stránky, pozadie hocičoho v CSS, neopakovaný obrázok na pozadie, umiestenie, pseudopozadie.

Odkazy

Odkazy v HTML, základný syntax, URL, protokoly. Príklad odkazu:

<a href="http://www.jakpsatweb.cz">Ako písať web</a>

Zdokonalenie odkazov, najmä zvýraznenie po prejdení myšou, nové okno, bublina pri odkaze.

Nové okno otvorené odkazom, príklady na target i zložitejšie skriptovanie.

Záložky a odkazy na záložky umožňujú odrolovať text stránky kliknutím na odkaz.

Mailové adresy na HTML stránkach, automatické vyplňovanie polí.

Tabuľky

Tabuľky -- úvod, základný syntax, popis tagov <table>, <tr> a <td>.

Formátovanie tabuliek, rámčeky, okraje, farby, pozadie.

Nové vlastnosti tabuliek: col, colgroup, tbody, frame, rules.

Design pomocou tabuliek ponúka kontroverzné spôsoby formátovania textu.

Rámy

Základná definícia rámov, logika súborov, syntax framesetu.

Formátovanie rámov, šírka, výška, zobrazovanie okrajov.

Prečo rámy nepoužívať, zhrnutie dôvodov, kvôli ktorým dnes rámy radšej nepoužívať

Iframe je rám plávajúci niekde na stránke, dá sa doňho načítať iná stránka, napr. Seznam:

<iframe src="http://www.seznam.cz" width="300" height="300"></iframe>

Formuláre

Úvod do formulárov, jednoduché príklady, odovzdávanie dát.

Formuláre v HTML, popis jednotlivých prvkov formulára.

Zdokonalenie formulárov, finty z HTML 4.0 label, fieldset a tiež aplikácia css štýlov na formuláre.

Parazitné formuláre dovoľujú posielať dáta zo stránok na cudzie servery.

Formulár odosielaný na e-mail sa dá urobiť nespoľahlivo, alebo spoľahlivo.

Farby

Zápis farieb v HTML a CSS pomocou rgb, desiatkového a šestnáskového zápisu. Teória a príklady zápisu.

Základné farby (16 farieb).

Bezpečné farby sa zobrazujú vždy správne na zariadeniach s 256 farbami.

Pomenované farby sa dajú použiť v HTML bez znalosti kódu farby.

Ostatné

Div a span, neutrálne html tagy

Titulok stránky, ako je dôležitý tag <title>

Ľavé menu s odkazmi -- všetky spôsoby, ako ho urobiť.

Skladanie stránok z kouskov, ako aktualizovať části spoločné pro všetky stránky webu.

Zvuky a hudba, prehrávanie na pozadí, väzba na udalosti.

Zoznam definícií poskytuje zaujímavé zriedkavo používané tagy.

Formátovacie chyby spomínajú detaily, ktorých je dobré sa vyvarovať.

Okraje objektov - margin a padding

Efektívne používanie prehliadača vybočuje z návodov na písanie, zaoberá sa prácou užívateľa.

Prevádzka webu

Obsah / forma. Je dôležitejší zmysel textu, alebo farba použitého písma? Zmysel.

Použiteľnosť je pojem pre fakt, že užívatelia vedia stránku použiť.

Rýchlosť stránok. Rozbor možností, čo urobiť pre zrýchlenie stránok a ako to nepokaziť.

Ikona stránky, zobrazovanie obrázku favicon.ico pri obľúbenej položke.

Zaheslovanie stránok, rôzne možnosti (tajná adresa, JavaScript, PHP ...).

Presmerovanie stránky odkazom, meta tagom, javascriptom alebo na serveri.

Vonkajší svet

Služby vzdialených serverov: pomáhajú na stránky dostať veci ako počítadlo, kniha návštev (guestbook), anketa, chat. Ako získať štatistiku prístupov.

Hľadanie na vlastnom serveri pomocou cudzieho vyhľadávača.

Vyhľadávacie roboty, ako pracujú, ako s nimi spolupracovať a ako ich obmedzovať.

O Google, podľa čoho radí a ako je užitočný webmasterom.

Katalógy typu Zoznam. Ako pridávať najefektívnejšie odkazy.

Meta tagy, automatické presmerovanie, kľúčové slová, autorstvo, slovenčina atd. Napr. popis stránky pre vyhľadávače:

<meta name="description" content="stručné zhrnutie stránky">

Vyťažovanie stránok. Ako stiahnuť cudzie stránky, ako nájsť skryté súbory, použiť ich a neporušiť pritom zákon.

Čeština / slovenčina

Čeština a slovenčina už dnes nerobia také problémy ako pred rokmi. Úvod do problematiky kódovania diakritiky. Príklad meta tagu pre nastavenie kódovania:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

Problémy diakritiky na príkladoch, diagnostická stránka. Plus tabuľky českých (slovenských) kódovaní.

Interpunkcia, bodky, čiarky, medzery, úvodzovky v češtine (slovenčine) a v HTML.

Server

Domény na webu, úvod do problematiky. Typy domén, naznačenie registrácie domény 2. úrovne, ceny, odporučenia.

Správa súborov. Mená súborov, premenovávanie, štartovací súbor.

Základy nastavenia servera teoreticky naznačujú, čo by pre vás správca serveru mohol urobiť.

Programovanie stránok -- základné naznačenie použiteľných jazykov a technológií (Javascript, Java, CGI, PHP, ASP).

PHP

Ako začať s PHP, najme popisujem inštaláciu testovacieho servera pomocou PHPTriad.

Možnosti PHP - naznačenie pre začiatočníkov.

Nič iné tu o PHP nemám, lebo sa jazykom PHP bežne nezaoberám.

JavaScript

Učebnica JavaScriptu. Na základe mnohých otázok dávam k dispozícii zatiaľ nedokončené stránky o Javascripte s príkladmi.

Prehľad HTML

html příručkaHTML príručka je taká moja referencia o HTML, taký manuál.

HTML jazyk

Syntax, terminológia, farba, entity, jednotky, URL, register tagov, najdôležitejšie tagy, všeobecné atribúty.

Prehľad tagov

Štruktúra dokumentu, Úprava textu, Bloky, Zoznamy, Odkazy, Obrázky, Tabuľky, Rámy, Objekty, Formuláre, Hlavička, Rozšírenie HTML.

CSS štýly

Hlavná stránka kaskádových štýlov, CSS štýly -- úvod, Štruktúra textu, CSS prakticky

CSS přehledNajdôležitejšia CSS stránka: Prehľad vlastností CSS, ich hodnôt a významov s príkladmi zobrazenia.

Zložitejšie deklarácie, Dĺžkové jednotky v CSS, CSS pozicovanie, Design pozicovaním, Zápis štýlu pre rôzne prehliadače, Odlišný vzhľad tlače, Základy dynamického HTML, Rôzne farby odkazov, Dynamické fonty, Kurzory.

O webové reklame

Reklamné formáty od fullbannera 468x60 po skyscraper. 120x600, rozmery.

Skriptové reklamné formáty pop-up, superstitial, interstitial, out of the banner, stick-add, html kód.

Technológia reklamných formátov. Obrázky, flash, výhody a nevýhody flashu, použitie cookies v reklame.

Reklamné systémy výmenné, agentúrne a súkromné. Zobrazovacie podvody a prečo sa nedá na reklame veľa zarobiť.

Účinnosť webovej reklamy, ako myslíme, že reklama pôsobí, a ako sa reklama ráta.

O týchto stránkach

Tieto stránky sú súkromné a nezávislé. Ich cieľom je pomáhať ľuďom udržať si slobodu slova. Neopisujem. Všetko sa snažím overiť, pokiaľ niečo neviem naisto, uvádzam pochybnosti.

Nikto nesmie byť nútený čítať tieto stránky pri vyučovaní v škole.

Som autorom všetkých tu uverejnených textov a vyhradzujem si na ne všetky práva.

moje poďakovanie - graf návštěvnosti - prehľad zmien

Ikonka

Pridajte, prosím, na vaše stránky odkaz:

<a href="http://www.jakpsatweb.cz/">
Ako písať web</a>

alebo ikonu:

<a href="http://www.jakpsatweb.cz"><img src="http://www.jakpsatweb.cz/
images/jpw.gif" border="0" alt="Ako písať web" width="88" height="31"></a>

Jak psát web
jpw.gif
Jak psát web
jpw7.gif
HTML příručka
jpw_html.gif
ďalšie ikony a komix

 

Kontakt

Píšte mi normálne mailom na janovsky@gmail.com . Ocením akékoľvek pripomienky, poznatky, kritiku, pochvaly a tipy na nové články.

Na dotazy nestíham odpovedať, prosím o pochopenie. Ak sa musíte na niečo opýtať, pýtajte sa úplne konkrétne a čo najstručnejšie. Skôr kým mi položíte otázku, pozerajte sa prosím, či nieje v často kladených otázkach alebo v encyklopédii. V žiadnom prípade nebudem ladiť celé vaše kódy!

Yuhů

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Základy Prvky stránek Tvorba webu

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.