Tvorba webových stránek

Obsah:

  1. HTML a CSS
  2. Kostra HTML5 stránky
  3. Něco málo k Javascriptu
  4. Dynamické webové stránky
  5. Databáze
Ladění chyb:
Firebug
Web developer

HTML a CSS

Kde hedat informace a inspiraci?
Jak psát web
Web tvorba
LinuxSoft -- HTML tutorial
LinuxSoft -- CSS
LinuxSoft -- JavaScript
Velice užitečné postřehy Pavla Satrapy
Open source web design
Vše o WWW -- Jiří Kosek
Jak pohodlně udělat menu bez použití rámců?
Jak se dostat do vyhledávače?
Jak udělat web pro všechny?
Pravidla pro tvorbu přístupného webu
Přístupný web
Dogma W4D
Přístupný web -- stručně
Bezpečné barvy
Generátor barevných schemat
Další věci okolo
Co je to Lorem Ipsum
Co je to Pangram
Generátor Lorem Ipsum
Pixy
Generátor "dummy" textu
SASS:
web
příručka
Na Wikipédii
Mřížky:
Semantic
Neat
CSS Frameworky:
CSS frameworks
Compass
Bourbon
Pure
HTML5:
http://www.html5.cz/
http://cs.wikipedia.org/wiki/HTML5
Seriál Webdesignérův průvodce po HTML5
Seriál HTML5 a jeho zajímavé vlastnosti
Vyhněte se nejobvyklejším chybám v HTML5

Kostra HTML5 stránky

Znaková sada
<meta charset="utf-8 />
SEO
<meta name="description" content="popis webu" />
<meta name="keywords" content="html5,html 5,meta tag" />
Připojení stylového souboru
<link rel="stylesheet" href="styles.css" />
Favicona
<link rel="shortcut icon" href="favico.png />
<!doctype html>
<html lang="cs">
<head>
  <title></title>
  <meta charset="utf-8" />
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="author" content="" />
  <link rel="stylesheet" href="styles.css" />
  <link rel="shortcut icon" href="favico.png" />
  <!--[if IE]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
  <header>
    <h1>Nadpis</h1>
    <nav>
      <ul>
        <li>Jabka</li>
        <li>Hrušky</li>
      </ul>
    </nav>
  </header>

  <main>
    <article>
      <h1>Článek</h1>
      <nav>
      </nav>
      <p>Lorem ipsum</p>
    </article>
    <aside>
      <p>More information</p>
    </aside>
  </main>

  <section class="">
  </section>

  <footer>
    <p>Powered by: </p>
  </footer>
</body>
</html>

`--> stáhnout

Něco málo k Javascriptu

| navigace |

Dynamické webové stránky

Formuláře:
Hypertext Transfer Protocol
GET
POST
formuláře

Databáze

| navigace |

Licence Creative Commons Valid XHTML 1.0 Strict Valid CSS! Antispam.er.cz Blog: Tlapicka.net