Jak psát web

O tvorbě internetových stránek

 

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

 

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 volný server typu MujWeb, FTP, nebo rádi cestujete s disketou?

Zásady psaní textů vhodných pro Internet, hlavně zmiňuji 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.

Ostatní

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

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

Zápis barev v HTML a CSS.

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

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.

Okolní svět

Služby vzdálených serverů: jak dostat na stránky počitadlo, 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, ale stejně se to dá zkazit.

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.

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ů

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ů.

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í.

Drobnosti

FAQ, často kladené dotazy.

Seznam příkladů. 

Okraje objektů - margin a padding.

Vypnutí reklam na MujWebu.

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	Vývojářské zdroje	Martyn
HTML v příkladech	Soupis katalogů	Janiny odkazy PHP a MySQL
	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.  Jsem autorem všech zdejších textů a vyhrazuji si na ně všechna práva.

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

jpw.gif

jpw2.gif

jpw3.gif

Nebojte se napsat mi, už teď odsud 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 27 nebo méně, jsme vrstevníci => budeme si tykat
• pokud je vám více než 27, jsem pro vás cucák => můžete mi tykat