Tvorba webových stránek bejb <3

Stránku spravuje Miriam Kropáčková omg

Úvod

Co je to webová stránka

Webová stránka je informační dokument, který se zobrazuje v aplikaci zvané webový klient (Firefox, Chrome, Opera, Explorer, ...). Dokument je psaný ve značkovacím jazyce HTML a kromě textu a obrázků obsahuje také odkazy na jiné dokumenty. Webový klient tento dokument získá od webového serveru (apache, iis, ...), který trvale běží na nějaké adrese v Internetu.

Struktura webové stránky

Struktura webu je celkové rozložení jednotlivých částí webu včetně propojení jednotlivých stránek mezi sebou. Jedná se o velmi důležitou součást použitelnosti webu. Strukturu je potřeba rozmyslet ještě před začátkem tvorby webu, měla by brát ohled na snadnou orientaci nejen pro uživatele, ale i pro vyhledávače.

Význam některých HTML značek

head P  ohraničuje hlavičku stránky
p    P  odstavec
h1   P  hlavní nadpis

Odkazy

Jak se dělá odkaz

Označíme část textu a klikneme na ikonu odkazu. Vybereme libovolnou stránku webu nebo vložíme vlastní odkaz.

Kliknutím na Přejít na odkaz přejdeme na stránku, na kterou odkazujeme.

Pro vytvoření odkazu použijeme tag <a> ve spojení s atributem href (Hypertext Reference). Hodnotou atributu href je URL nebo-li adresa souboru na který chceme odkazovat.

Odkaz se vytvoří tagem <a>. Vložíme ho tímto tagem <a>

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na serveru sport.cz
Odkaz na pokusný dokument, který je ve stejném adresáři.
Odkaz na pokusný dlooouhý dokument
Odkaz na začátek tohoto dokumentu
Odkaz na 1.kapitolu dlooouhého dokumentu
Odkaz na poslední kapitolu dlooouhého dokumentu
Tento dokument se otevře v novém okně/záložce
Tento dokument se otevře v novém okně/záložce
Tento obrázek se otevře v okně s názvem AR AR AR AR
Tento obrázek se otevře v okně s názvem AR AR AR AR
Tento obrázek se otevře v okně s názvem AR AR AR AR
Webový formulář
Webový formulář otevřený v novém okně

Obrázky

Fusce wisi. Nunc auctor. Mauris tincidunt sem sed arcu. Nam quis nulla. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Quisque porta. Curabitur sagittis hendrerit ante. Maecenas libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce tellus. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede.

Etiam sapien elit, consequat eget, tristique non, venenatis quis, ante. Quisque porta. Mauris dictum facilisis augue. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? In rutrum. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Integer vulputate sem a nibh rutrum consequat. Curabitur bibendum justo non orci. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Nunc auctor. Integer vulputate sem a nibh rutrum consequat.