Seminarky.cz > Seminárky/Referáty > > HTML a CSS příručka

HTML a CSS příručka

Kategorie: Počítače/informatika

Typ práce: Seminárky/referáty

Škola: nezadáno/škola není v seznamu

Charakteristika: Práce přináší přehledný a praktický návod k tvoření webových stránek pomocí jazyků HTML a CSS. Popisuje jejich vlastnosti, možnosti využití, strukturu a především jednotlivé HTML tagy s jejich atributy a vlastnosti CSS. Dále ukazuje, jak vytvořit HTML soubor, nahrát data na stránku, připojit CSS styl k HTML souboru, či přibližuje rozdíly mezi jazykem HTML a jeho novější verzí XHTML.

Obsah

1.
Jazyk HTML
1.1.
Potřeby k vytvoření webové stránky
1.2.
Vytvoření HTML souboru
1.3.
Nahrávání dat na stránku
1.4.
HTML editory
1.5.
Základní struktura webové stránky
1.6.
Tagy a jejich atributy
1.6.1.
Strukturování textu
1.6.2.
Formátování textu
1.6.3.
Seznamy, odkazy
1.6.4.
URL adresa
1.6.5.
Barvy
1.6.6.
Grafika
1.6.6.1.
Obrázky
1.6.6.2.
Hypertextová grafika
1.6.6.3.
Tabulky
1.6.6.4.
Rámce
1.6.6.5.
Formuláře
1.6.6.6.
Neutrální tagy
1.7.
Jazyk XHTML
1.7.1.
Změny oproti HTML
1.7.2.
Rozdíly ve struktuře
1.7.3.
Zakázané tagy a atributy
2.
Jazyk CSS
2.1.
Možnosti CSS
2.2.
Připojení CSS stylu k HTML souboru
2.3.
Selektory
2.4.
Zobrazování podle výstupního zařízení
2.5.
Dědičnost, kaskáda
2.6.
Prvky blokové a řádkové
2.7.
Seznam vlastností
2.7.1.
Vzhled, efekty, uspořádání textu
2.7.2.
Styl a velikost písma
2.7.3.
Barvy a pozadí
2.7.4.
Velikost a obtékání
2.7.5.
Vnitřní a vnější okraje
2.7.6.
Rámečky
2.7.7.
Seznamy
2.7.8.
Pozicování
2.7.9.
Tabulky
2.7.10.
Délkové jednotky
2.8.
Pozicování
2.9.
Rozvržení stránky

Úryvek

"K vytvoření webových stránek je potřeba -
a) textový editor – možné psát dokonce i v poznámkovém bloku, ale lepší je PsPad, jinak klidně MS Word
b) browser (webový prohlížeč)
c) znalost HTML (popřípadě HTML editor)
d) webová adresa na kterou lze zapisovat (webhosting)

Vytvoření HTML souboru -
a) napsání HTML kódu v textovém editoru
b) uložit jako – název.htm

zdrojový kód lze zobrazit – PT - zobrazit zdrojový kód

k vytvoření webové stránky je pak už potřeba pouze placený webhosting nebo freehosting (zdrama, většinou pak adresa stránky obsahuje subdoménu)

Nahrávání dat na stránku – příhlášením a vložením kódu nebo nahrátím přes FTP (pokročilejší, avšak rychlejší)

Pro nahrávání tímto způsobem potřebujete mít -
1. Nějaký program, zvaný FTP klient. Můžete použít Total Commander, ale ze zkušenosti doporučuji File Zillu.
2. Znát své jméno, heslo a FTP adresu (hostname) (většinou ftp://adresa např. ftp://webzdarma.cz) - po registraci ji najdete někde v administraci, registračním mailu apod.
U většiny FTP klientů je nápověda v češtině, práce s nimi se liší, ale většinou je okno rozděleno na několik částí. Ve dvou největších (pravá a levá) je obsah Vašeho pevného disku a v té druhé pak obsah Vašeho účtu na serveru. A dvojklikem na soubor v počítači (většinou levá část) ho přehrajete na server.

HTML editory – umožňují vytváření webových stránek i bez znalosti HTML
- stránku nelze udělat přesně podle vašich představ
- vhodné pro jednorázové vytváření stránky "laikem"
- kód je až několikanásobně objemnější než při ručním psaní

Základní struktura webové stránky -

Párový tag, který začíná celý dokument
Párový příkaz, který vymezuje hlavičku dokumentu. Nic z toho, co je zde se nezobrazí ve vlastním textu
Párový tag- to co bude zde se zobrazí na úplném vršku stránky (v titulkovém pruhu). Je to vlastně stručné shrnutí obsahu stránky, které by nemělo přesáhnout 200 znaků.
Ukončení hlavičky
Zde začíná vlastní dokument
Mezy tagy a je veškerý obsah a formátovací tagy
Konec těla dokumentu
Konec celé stránky

Atributy tagů - K některým tagům můžeme přiřazovat určité vlastnosti. Říkáme jim atributy a zapisujeme je dovnitř ostrých závorek. Od názvu tagu a od ostatních atributů je oddělujeme mezerou a jejich hodnotu určujeme rovnítkem a dáváme ji do úvozovek.

tagy se rozdělují na párové a nepárové, přičemž párové musíme uzavřít

Tagy a jejich atributy -

Strukturování textu-
Odstavec - (entery a více než jedna mezera jsou ignorovány); align="left | right | center | justify"
Přechod na nový řádek (ve wordu Enter) - (break)
Oddělovací vodorovná čára - (horizontal rule line); width= šířka (v pixelech nebo procenta celkové šířky); height= v pixelech; align="left | right | center""

Poznámka

Součástí práce jsou dvě tabulky o rozsahu cca 1/3 strany.
Některé body textu jsou pro přehlednost zvýrazněny kurzívou.

Vlastnosti

STÁHNOUT PRÁCI

  1. SMS platba (ČR) 15 Kč

    Platba prostřednictvím brány mobilního operátora. Pro započetí platebního procesu prosím vyplňte kontrolní kód a stiskněte tlačítko "Zaplatit"

    Po proběhnutí platby budete přesměrováni zpět na tuto stránku, kde najdete odkaz ke stažení práce.


    V případě potíží s realizací platby se neváhejte obrátit na infolinku poskytovatele služby, společnost Advanced Telecom Services s.r.o., na čísle +420 776 999 199

    Nápověda pro zákazníky Telefónica O2:

    1. Vyplňte Vaše číslo na mobil, zvolte jako operátora Telefónica O2 a klikněte na POTVRDIT.
    2. Zobrazí se Vám informace, že SMS byla odeslána.
    3. Na mobilní telefon Vám bude doručena SMS zpráva s odkazem.
    4. Klikněte na odkaz v SMS zprávě, budete propojeni na platební bránu společnosti Telefónica O2. Zde potvrďte platbu.
    5. Na internetu se zobrazí výsledek proběhlé platby.
    Pro úspěšnou realizaci platby je nutné mít aktivní službu „O2 platba“. Služba je většinou aktivní automaticky, takže není třeba nejdřív nic aktivovat.

    Nápověda pro zákazníky Vodafone:

    1. Vyplňte Vaše číslo na mobil, zvolte jako operátora Vodafone a klikněte na POTVRDIT.
    2. Dojde k přesměrování na Vodafone portál.
    3. Potvrďte Vaše mobilní číslo kliknutím na DALŠÍ. .
    4. Na Váš mobilní telefon přijde SMS zpráva s kódem.
    5. Zadejte tento kód do formuláře, klikněte na OK.
    6. Objeví se Vám údaje o platbě, kterou potvrďte kliknutím na POKRAČOVAT.
    7. V té chvíli proběhne platba, o jejímž výsledku Vás informuje došlá SMS zpráva.
    Pro úspěšnou realizaci platby je nutné mít aktivní službu „M-peněženka“. Služba je většinou aktivní automaticky, takže není třeba nejdřív nic aktivovat.

    Nápověda pro zákazníky T-mobile:

    1. Vyplňte Vaše číslo na mobil, zvolte jako operátora T-mobile a klikněte na POTVRDIT.
    2. Dojde k přesměrování na T-mobile portál, potvrďte zde svůj souhlas s podmínkami platby.
    3. Pokud máte na T-zones účet, přihlaste se a pokračujte bodem 7.
    4. Pokud účet na T-zones nemáte, vepište do formuláře svoje mobilní číslo a klikněte na ODESLAT ČÍSLO.
    5. Přijde Vám SMS zpráva s kódem.
    6. Vepište kód jako heslo do formuláře a klikněte na PŘIHLÁSIT.
    7. Objeví se Vám údaje o platbě, které potvrďte kliknutím na tlačítko ZAPLATIT.
    8. V té chvíli proběhne platba, o jejímž výsledku Vás informuje došlá SMS zpráva.
    Pro úspěšnou realizaci platby je nutné mít aktivní službu „M-platba“. Služba je většinou aktivní automaticky, takže není třeba nejdřív nic aktivovat.
  2. Platit kartou 15 Kč

    Platba kartou. Pro započetí platebního procesu prosím vyplňte kontrolní kód a stiskněte tlačítko "Zaplatit"

    Po proběhnutí platby budete přesměrováni zpět na tuto stránku, kde najdete odkaz ke stažení práce.


    Po odeslání kontrolního kódu budete přesměrováni do platební brány GP webpay, kde zadáte údaje potřebné pro platbu. Platbu dokončíte stisknutím tlačítka "ZAPLATIT".

    Akceptované karty: VISA, VISA Electron, V PAY, MasterCard, Maestro.

  3. Koupit za kredity - 10 Kč >>> ZVÝHODNĚNÁ CENA!
    Jedním stiskem tlačítka, obratem a za výhodnou cenu!
    JEN PRO REGISTROVANÉ UŽIVATELE
    Cena za stažení je pouze 180 kreditů (=10Kč).
  4. Platit převodem z ČSOB a Poštovní spořitelny, službou PaySec 10 Kč >>> ZVÝHODNĚNÁ CENA!
    Rychle, bezpečně a pohodlně.
    Zaplatit za tuto práci přes PaySec >>> Kliknutí na odkaz Vás přesměruje do platebního rozhraní
    Kliknutím na ikonku Vás přesměrujeme do platebního systému, kde si vyberete převod z ČSOB, Poštovní spořitelny nebo platbu PaySec
  5. SMS platba (Slovensko) - 0,60€
    Stahovací kód k této práci získáte do několika minut se službou mobilního operátora Premium Rate SMS.
    Zašlete SMS zprávu ve tvaru: SEMmezera22977
    - na telefonní číslo: 8877
    Cena jedné SMS je 0,60€ včetně DPH. Pro využití SMS platby je třeba mít aktivovanou službu Premium Rate SMS. Službu technicky zajišťuje Advanced Telecom Services, s. r. o.
    SMS musí být ve formátu TEXT, bez diakritiky a bez formátování (tj. základní velikost a typ písma). Stahovací kód je použitelný pouze pro tuto práci a je platný až do uzavření okna internetového prohlížeče.
    Stahovací kód přijde obratem na mobil, je platný 24 hodin a lze jej zadat celkem dvakrát.
    Pro stažení této práce zadejte stahovací kód (bez uvozovek):


Důležité informace: Provedením mobilní platby, odesláním SMS, platbou kredity, platbou kartou, PaySecem nebo převodem z účtu souhlasíte s Podmínkami stahování.
Veškeré informace o platbách si můžete přečíst zde.
Máte při placení nebo stahování práce problém? Odpovědi na časté problémy najdete zde nebo kontaktujte naší podporu.

Diskuse