Jak psát web

o tvorbě internetových stránek

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. Posílání stránek na server pomocí FTP, grafické rozhraní freewebu.

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

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

Editory jsou programy, které je možné na psaní stránek použít.

Různé prohlížeče (Explorer, Mozilla, Opera, Netscape) zobrazují stejné stránky různě, pozor na to.

Nevíte si rady, máte problém? Zeptejte se v diskusi.

Prvky stránek

Obrázky a pozadí - Odkazy - Tabulky - Rámy - Formuláře - Další tagy a jejich použití

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í. Příklad obrázku:

<img src="soubor.gif" width="120" height="60" alt="popisek">

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. Příklad odkazu:

<a href="http://www.jakpsatweb.cz">Jak psát web</a>

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

Nové okno otevřené odkazem, příklady na target i složitější skriptování.

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 je rám plovoucí někde stránce, dá se do něj načítat jiná stránka, např. Seznam:

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

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 css stylů na formuláře.

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

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

Další tagy a jejich použití

Titulek stránky, jak je důležitý tag <title>

Meta tagy, automatické přesměrování, klíčová slova, autorství, čeština atd. Např. popisek stránky pro vyhledávače:

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

Div a span, neutrální html tagy.

Levé menu, jak jej udělat, zejména pomocí tagů div.

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

Základy Dynamického HTML, jak stylované stránky javascriptem rozhýbat po jejich načtení.

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

Doctype - Document type definition

Okraje objektů - margin a padding

Barvy

Zápis barev v HTML a CSS pomocí rgb, desítkově a šestnáctkově. Teorie a příklady zápisu.

Základní barvy (16 barev).

Bezpečné barvy se zobrazují vždy správně na 256 barvách.

Pojmenované barvy se dají použít v HTML bez znalosti kódu barvy.

Provoz webu

Strategie tvorby

Skládání stránek z kousků - všechny způsoby, jak automaticky aktualizovat menu.

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

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

Použitelnost je pojem pro fakt, že uživatelé umějí stránku použít.

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

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.

Řešení úkolů

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

Přesměrování stránky odkazem, meta tagem, javascriptem nebo na serveru.

Služby vzdálených serverů: pomáhají na stránky dostat věci jako počitadlo, kniha návštěv (guestbook), anketa, chat. Jak získat statistiku přístupů.

Hledání na vlastním serveru pomocí cizího vyhledávače.

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

Optimalizace pro vyhledávače

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

O Google, podle čeho řadí a jak je užitečný webmasterům

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

Čeština

Čeština už dnes nedělá takové problémy jako před lety. Úvod do problematiky kódování diakritiky. Příklad meta tagu pro nastavení kódování:

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

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

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

Server

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

Hosting, co byste měli vyžadovat, než si objednáte placený hosting.

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

Programování stránek -- základní nástin použitelných jazyků a technologií (Javascript, Java, CGI, PHP, ASP).

Následuje popis dalších sekcí webu.

Přehled HTML

HTML příručka je vlastně moje reference o HTML, takový manuál.

Přehled tagů

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

HTML tahák je velmi oblíbená pomůcka.

CSS styly

Hlavní stránka kaskádových stylů obsahuje odkazy na stránky o jednotlivých CSS vlastnostech.

CSS styly -- úvod, Struktura textu, CSS prakticky

Z článků o CSS vybírám: Složitější deklarace, Délkové jednotky v CSS, CSS pozicování, Design pozicováním, Tisk, Základy Dynamického HTML, Barvení rolovací lišty, Kurzory, Módy prohlížečů.

JavaScript

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

Články

Články původně většinou z weblogu 2003 - 2004, ale i nové texty.

Odkazy na zdroje o tvorbě stránek, takový malý katalog, abych nezapomněl hezké adresy. Napište mi další, prosím.

Z článků bych vypíchnul Kešovací návod pro autory webu a webmastery a Na co stránka při vykreslování čeká.

Aktuální informace naleznete v mém weblogu.

Ostatní

Další boční větve projektu jsem shrnul do samostatného rozcestníku Ostatní:

FrontPage 2000 - neoficiální nápověda Velmi podrobný návod na ovládání programu FrontPage s překladem anglických výrazů.

O reklamě je série článků na téma grafické reklamy ve webových stránkách.

Encyklopedie HTML a tvorby webu zatím pouze v návrhu.

FAQ - často kladené dotazy, velmi chaotická úprava.

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.

Nic jiného tu o PHP nemám, protože se jazykem PHP běžně nezabývám.

Doublethinkovy návody

Flash - flash.jakpsatweb.cz

Fireworks - fireworks.jakpsatweb.cz

(O obě subdomény se stará Martin Hozík, Doublethink)

Diskuse

Diskusní fórum na Jak psát web je určeno spíše začátečníkům.

O těchto stránkách

Stránky Jak psát web mají ISSN 1801-0458.

Tyto stránky jsou soukromé a nezávislé. Jejich cílem je pomáhat lidem udržet si svobodu slova. Neopisuji. Vše se snažím ověřit a uvádím pochybnosti, pokud něco nevím jistě.

Nikdo nesmí být nucen číst tyto stránky při vyučování ve škole.

Prosím o odkaz

Přidejte, prosím, na své stránky odkaz:

<a href="http://www.jakpsatweb.cz/">Jak psát web</a>

Děkuju. Nebo si můžete vybrat ikonku.

Jsem autorem všech zdejších textů (pokud není uvedeno jinak) a vyhrazuji si na ně všechna práva. Kontakt na mě.

Yuhů, Dušan Janovský

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 Barvy Provoz webu

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 19. února 2005.