~Nožka

Tvorba webových stránek

Obsah:

HTML a CSS
Kostra HTML5 stránky
Něco málo k Javascriptu
Dynamické webové stránky
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 |