Jak psát web

o tvorbě internetových stránek

Na této stránce: Základní kurz Prvky stránek Aby to lépe šlapalo HTML CSS styly O reklamě Odkazy a zdroje

Novinky: Účinnost reklamy Datum v JavaScriptu Reklamní systémy Reklamní formáty Skriptová reklama Ořez a skrollování Všechny změny

 Hledání Stažení celého webu Novinky Odkazy

Základní kurz

Jak si udělat stránky, co je a co není potřeba, je lepší použít editor nebo ťukat zdroj?

Základy HTML znát nemusíte, avšak jen do doby, než nastanou problémy.

Jak stránky publikovat, zpřístupnit světu, pokud možno zadarmo. Použijete FTP, grafické rozhraní freewebu, nebo rádi cestujete s disketou?

Zásady psaní textů vhodných pro Internet, hlavně zmiňuji psychologii, nadpisy, češtinu a aktuálnost.

Editory, programy, které je možné na psaní stránek použít. Podrobněji rozebírám FrontPage 2000, FrontPage Editor 98, Word 97 a FrontPage Express, ale zmiňuji i další.

Různé prohlížeče zobrazují stejné stránky různě, pozor na to.

Prvky stránek

Obrázky a pozadí - Odkazy - Tabulky - Rámy - Formuláře - Ostatní

Obrázky a pozadí

Příprava obrázku popisuje základní grafické formáty, průhledné a animované gify.

Obrázky v HTML, atribut alt, rozměry obrázku, obtékání.

Vše o pozadí: zápis pozadí stránky, pozadí čehokoliv v CSS, neopakovaný obrázek na pozadí, umístění, pseudopozadí.

Odkazy

Odkazy v HTML, základní syntaxe, URL, protokoly.

Zdokonalení odkazů, zejména zvýraznění po přejetí myší, nové okno, bublina u odkazu.

Záložky a odkazy na ně umožňují odrolovat text kliknutím na začátek nějakého odstavce.

Mailové adresy na HTML stránkách, automatické vyplňování polí.

Tabulky

Tabulky -- úvod, základní syntaxe, popis tagů <table>, <tr> a <td>.

Formátování tabulek, rámečky, okraje, barvy, pozadí.

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

Design pomocí tabulek nastiňuje kontroverzní způsoby formátování textu.

Rámy

Základní definice rámů, logika souborů, syntaxe framesetu.

Formátování rámů, šířka, výška, zobrazování okrajů.

Proč rámy nepoužívat, shrnutí důvodů, kvůli kterým se dnes od rámů raději upouští.

Iframe, plovoucí rám.

Formuláře

Úvod do formulářů, jednoduché příklady, předávání dat.

Formuláře v HTML, popis jednotlivých prvků formuláře.

Zdokonalení formulářů, finty z HTML 4.0 label, fieldset a také aplikace stylů na formuláře.

Parazitní formuláře dovolují posílat data ze stránek na cizí servery.

Formulář odesílaný na mail se dá udělat nespolehlivě, nebo spolehlivě.

Ostatní

Levé menu s odkazy -- všechny způsoby, jak jej udělat a udržovat.

Zvuky a hudba, přehrávání na pozadí, vazba na události.

Seznam definic poskytuje zajímavé málo používané tagy.

Zápis barev v HTML a CSS. Základní, bezpečné a pojmenované barvy.

Formátovací chyby zmiňují nějaké detaily, kterých je dobré se vyvarovat.

Interpunkce, tečky, čárky, mezery, uvozovky v češtině a v HTML.

Vytěžování stránek. Jak stáhnout cizí stránky, jak najít skryté soubory, použít je a neporušit přitom zákon.

Aby to lépe šlapalo

Obsah / forma. Je důležitější smysl textu nebo barva použitého písma? Smysl.

Rychlost stránek. Rozbor možností, co udělat pro zlepšení a jak to nezkazit.

Ikona stránky, zobrazování obrázku u oblíbené položky.

Zaheslování stránek, různé možnosti (tajná adresa, JavaScript, PHP ...).

Okolní svět

Služby vzdálených serverů: jak dostat na stránky počitadlo, knihu návštěv (guestbook), anketu, reklamu, jak získat statistiku přístupů.

Vyhledávací roboti, jak pracují, jak s nimi spolupracovat a jak je omezovat.

Katalogy typu Seznamu. Jak přidávat nejefektivněji odkazy.

Meta tagy, automatické přesměrování, klíčová slova, popis, autorství, čeština atd.

Čeština

Čeština už dnes nedělá takové problémy jako před lety. Úvod do problematiky kódování.

Problémy češtiny na příkladech, diagnostická stránka. Plus tabulky českých kódování.

Server

Domény na webu, úvod do problematiky. Typy domén, nástin registrace domény 2. úrovně, ceny, doporučení.

Správa souborů. Pojmenovávání, přejmenování, startovací soubor.

Základy nastavení serveru teoreticky naznačují, co by pro vás správce serveru mohl udělat.

Programování stránek -- základní nástin použitelných jazyků a technologií.

PHP

Jak začít s PHP, zejména probírám instalaci testovacího serveru pomocí PHPTriad. 

Možnosti PHP - nástin pro začátečníky.

JavaScript

Výuka JavaScriptu. Na základě mnoha dotazů dávám k dispozici zatím nedokončené stránky o Javascriptu.

Přehled HTML

HTML příručka je vlastně moje reference o HTML.

HTML jazyk

syntaxe, terminologie, barva, entity, jednotky, URL, rejstřík, nejdůležitější tagy, obecné atributy.

Přehled tagů

Struktura dokumentu, Úprava textu, Bloky, Seznamy, Odkazy, Obrázky, Tabulky, Rámy, Objekty, Formuláře, Hlavička, Rozšíření HTML.

CSS styly

Hlavní stránka kaskádových stylů obsahuje rozcestník.

CSS styly -- úvod: kdy, proč a jak používat styly.

Struktura textu je nutný předpoklad pro efektivní využití CSS stylů. Pozor, velmi teoretické, možno přeskočit!

CSS prakticky, hlavně příklady zápisu stylopisů.

Přehled vlastností CSS, jejich hodnot a významů. Příklady zobrazení. Nejdůležitější CSS stránka.

Složitější deklarace stylů -- o selektorech, vlastních stylech, třídách, identifikátorech a tak.

Délkové jednotky v CSS

CSS pozicování dovoluje na stránce umístit cokoli kamkoli.

Sloupcový design pozicováním.

Zápis stylu pro různé prohlížeče, obzvláště zmiňuji temnou magii Netscapu 4.

Omezení CSS v různých prohlížečích, chyby dědičností a záludnosti stylopisů.

Pravidla kaskádování v lidových moudrostech.

Odlišný vzhled tisku pomocí CSS.

Základy Dynamického HTML -- nástin skriptů, které umožňují změnit CSS styly objektů i po načtení stránky.

Filtry podporované v IE 4+ mohou významně zlepšit grafiku.

Příklady filtrů si můžete prohlédnout s MSIE 4 nebo vyšším.

Různé barvy odkazů aneb příklad o odkazové liště.

Barvení rolovací lišty v IE 5.5 pomocí nových CSS vlastností.

Dynamické fonty umožňují načítat do stránky neznámá písma. Říká se tomu také vestavěné fonty, soubory *.eot.

O reklamě

Reklamní formáty od fullbanneru ke skyscraperu, rozměry.

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

Technologie reklamních formátů. Obrázky, flash, výhody a nevýhody flashe, použití cookies v reklamě.

Reklamní systémy výměnné, agenturní a soukromé. Zobrazovací podvody a proč se nedá na reklamě moc vydělat.

Drobnosti

FAQ, často kladené dotazy.

Seznam příkladů. 

Okraje objektů - margin a padding.

Pro uživatele FrontPage 98 něco málo o FP počitadle a FP vyhledávacím formuláři.

Efektivní používání prohlížeče vybočuje z návodů na psaní, zabývá se prací uživatele.

Odkazy

Jiří Kosek	Amatérská tvorba WWW	Sova v síti
HTML v příkladech	Janiny odkazy PHP a MySQL	Soupis katalogů
	Další odkazy

Dále mohu vřele doporučit dvě knihy. Ačkoli se zdají starší, jsou stále aktuální:

• HTML od Jiřího Koska (Grada 1997, 299,- Kč)
• Web design od Pavla Satrapy (Neokortex 1997, 399,- Kč + CD).

Knihy od ComputerPressu o webu nebývají moc dobré, alespoň podle mě.

O těchto stránkách Tyto stránky jsou soukromé, neziskové a nezávislé. Jejich cílem je pomáhat. Neopisuji. Vše se snažím ověřit, pokud něco nevím jistě, uvádím pochybnosti.  Nikdo nesmí být nucen číst tyto stránky při vyučování ve škole. Jsem autorem všech zdejších textů a vyhrazuji si na ně všechna práva. Moje poděkování. Graf návštěvnosti. Kdo sem odkazuje.

Ikonka Přidejte, prosím, na své stránky odkaz: <a href="http://dusan.pc-slany.cz/internet/">Jak psát web</a> nebo ikonku: <a href="http://dusan.pc-slany.cz/internet/"><img src="http://dusan.pc-slany.cz /internet/images/jpw.gif" border="0" alt="Jak psát web" width="88" height="31"></a>

jpw.gif

jpw2.gif

jpw3.gif

Nebojte se napsat mi, už teď dostávám pět mailů denně, šestý mě nezničí. Ocením veškeré připomínky, dotazy, poznatky, kritiku a tipy na nové články. 

• pokud je vám 28 nebo méně, jsme vrstevníci => budeme si tykat
• pokud je vám více než 28, jsem pro vás cucák => můžete mi tykat