Prezentace na síti: HTML a PHP

HTML


Jazykem HTML (hypertext mark-up language) jsou napsány stránky pro internet. Tyto stránky potom pro uživatele zobrazí prohlížeč (Např. Netscape, Internet Explorer, Mozilla, Firefox, Thunderbird, Opera, Safari,...) a proto stránky obsahují vedle prostého textu příkazy k úpravě jejích zobrazení a k vkládání dalších prvků, např. obrázků. Podrobněji je možno se s těmito příkazy seznámit v odkazech a manuálech níže. Omezíme se zde pouze na nejzákladnější informace:

Stránka v HTML je soubor psaný prostým textem a označen příponou .html nebo .htm. Prostý text bez dalších příkazů zobrazí prohlížeč jednoduše jako prostý text. Příkazy jsou uzavírány do špičatých závorek, například k vytvoření velkého nadpisu H1:
<H1> Nadpis </H1>
Pokud se příkaz vztahuje na určitý podtext, je jeho působení zakončeno zopakováním příkazu s lomítkem před jménem příkazu. Příkazy je možno psát jak malými, tak velkymi písmeny. Uvedený příklad prohlížeč zobrazí na stránce jako:

Nadpis

Je obvyklé stránku uzavřít do příkazu HTML a rozdělit ji na hlavu (HEAD) obsahující název stránky (TITLE) různá upozornění, odkazy a programy k zobrazení (např. jakou sadou znaků se stránka má zobrazit) a vlastní tělo (BODY) stránky, takže běžná struktura stránky je:
<HTML>
<HEAD>
...
<TITLE> Jak se to jmenuje </TITLE>
</HEAD>
<BODY>
...
</BODY>
</HTML>
Prohlížeč jednoduchou stránku ovšem pochopí i bez těchto detailů. Snad nejdůležitějším příkazem (označeném A) je ovšem odkaz na jinou stránku, která je specifikovaná relativní - vůči dané stránce - nebo absolutní adresou na síti v následujícím formátu.
<A HREF="achjo.html">Toto odkazuje na soubor achjo.html ve stejné složce</A>
<A HREF="http://www.google.cz/">Toto odkazuje na vyhledávací stroj</A>
Toto prohlížeč zobrazí na stránce jako

Toto odkazuje na soubor achjo.html ve stejné složce Toto odkazuje na vyhledávací stroj

Všimněte si, jak je zobrazený text poukazů sevřen mezi příkazem A končící špičatou závorkou a koncem příkazu A. První odkaz nebude fungovat, pokud na něj kliknete, protože v složce této stránky žádný soubor achjo.html není. 		Výklad

Odkazy: Úvod do HTML.


W3C HTML Home Page (Toto je autoritativní příručka, některá z dalších stránek však může být užitečným úvodem do html).
Introduction to HTML: Table of Contents
HTML Code Tutorial
Bare Bones Guide to HTML
 Odkazy

Alternativní způsoby psaní dokumentů pro síť:


Psaní pro síť má řadu podob a úprav. Vedle přímého psaní v HTML lze používat wysiwyg editory (které již při psaní stánek ukazují jejích přibližnou podobu): Jednoduchý editor html-stránem je například součástí prohlížeče Mozilla (stáhnout). S tvorbou stránek vzniká řada praktických a estetických otázek, kterými se zabývá web design.

Alternativami k psaní stránek na svém počítači jsou Wiki a blogy, které lze většinou tvořit v příslušném wysiwyg editoru. Wiki jsou stránky, které mohou být editovány různými autory na síti. Blogy jsou jsou stránky editované přes sít, obvykle jen jejich autorem, často ve tvaru postupných záznamů, denníku autora nebo tematu.
 Výklad
 

PHP

Širší možnosti potom poskytuje PHP tím, že umožňuje vypočítávat a měnit podobu stránky, která je nakonec k uživateli poslána. Z různých okolností je tak možno vzít do úvahy například datum, nebo odkud se ke strance přistupuje, nebo jestli dotyčný zná heslo, atd.). Zde odkážeme ovšem na manuál níže. 		Výklad

Odkazy

Web design:
PHP:
Wiki:
Blog (weblog):

 Odkazy

Cvičení


Napište stránky nebo veďte blog k Vámi zvolenému tématu, za zvoleným účelem.
Zašlete potom e-mailem na adresu cvičícího následující informace:
  1. Adresa stránky (úvodní stránky, pokud jích je více) nebo blogu.
  2. Téma stránky (stránek) nebo blogu.
  3. Účel stránky (stránek) nebo blogu: Např. informovat, prodat (fiktivní) zboží nebo službu, vyvolat ohlas nebo změnu ohledně daného tematu (Jaký ohlas? Jakou změnu?), pobavit, sdílet zkušenost s jinými, a pod.
  4. Zdůvodněte Vámi zvolenou úpravu stránek nebo blogu.
Nápověda:

Studenti si mohou ukládat webové stránky do složky WWW k sobě na konto, na webu se pak objeví na
http://students.math.slu.cz/JmenoPrijmeni

V případě, že tam jsou stránky s koncovkami php,html, či htm, zobrazí
se, jinak to zobrazí obsah složky.

Pracovníci MU SU mají své stránky na 
http://homepages.math.slu.cz/JmenoPrijmeni
Samozřejmě řetězec JmenoPrijmeni je nahrazen skutečným jménem
uživatele, bez háčků a čárek a bez mezery mezi jménem a přijmením.
 Cvičení

Cvičení


Napište prezentaci na internetu, která vyšetří průběh některé z níže uvedených funkcí.

funkce

K vyšetření průběhu funkce patří:
  • Zjištění přirozeného definičního oboru.
  • Je funkce sudá, lichá, či periodická?
  • Průsečíky s osami (hodnota v nule, nulové hodnoty)
  • Kde v definičním oboru je funkce je spojitá, kde má body nespojitosti?
  • Lokální maxima, lokální minima a inflexní body.
  • Asymptotického chování.
  • Načrtnutí grafu.
K načrtnutí grafu použijte matematický software (např. Maple) a z něho exportovaný obrázek vložte do Vaší stránky.
Zašlete potom e-mailem na adresu cvičícího adresu stránky nebo přímo danou stránku.
 Cvičení

Shrnutí

Jazykem HTML lze psát instrukce pro zobrazování stránek na síti. Tvorba stránek může být usnadněna wysiwyg editorem. Další možnosti nabízí PHP.
 Shrnutí

predchozi obsah
T. Kopf a J. Kotůlek
Valid HTML 4.01 Transitional