o tvorbě internetových stránek
Důležité: Weblog - Stažení celého webu - Diskuse - Změny
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.
Obrázky a pozadí - Odkazy - Tabulky - Rámy - Formuláře - Další tagy a jejich použití
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 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 -- ú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.
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>
Ú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ě.
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
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.
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.
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.
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 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.
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.
HTML příručka je vlastně moje reference o HTML, takový manuál.
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.
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čů.
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 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.
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.
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.
Flash - flash.jakpsatweb.cz
Fireworks - fireworks.jakpsatweb.cz
(O obě subdomény se stará Martin Hozík, Doublethink)
Diskusní fórum na Jak psát web je určeno spíše začátečníkům.
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.
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ý
Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 19. února 2005.