Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

Výpočetní technika 2008/09. Obsah předmětu Využití sítě VŠB-TU ( 16.9. ) Využití sítě VŠB-TU ( 16.9. ) Řešení mat. úloh v Excelu ( 30.9. ) Řešení mat.

Podobné prezentace


Prezentace na téma: "Výpočetní technika 2008/09. Obsah předmětu Využití sítě VŠB-TU ( 16.9. ) Využití sítě VŠB-TU ( 16.9. ) Řešení mat. úloh v Excelu ( 30.9. ) Řešení mat."— Transkript prezentace:

1 Výpočetní technika 2008/09

2 Obsah předmětu Využití sítě VŠB-TU ( ) Využití sítě VŠB-TU ( ) Řešení mat. úloh v Excelu ( ) Řešení mat. úloh v Excelu ( ) Programování funkcí ( ) Programování funkcí ( ) Matlab - základy ( ) Matlab - základy ( ) Matlab – rozsáhlejší úlohy ( ) Matlab – rozsáhlejší úlohy ( ) Webové prezentace – HTML ( ) Webové prezentace – HTML ( )

3 Síť VŠB-TU Ur čeno p ro studenty Ur čeno p ro studenty UNIS, Edison (heslo) organizace studia UNIS, Edison (heslo) organizace studia uzivatel.vsb.cz Osobní agenda ( změna hesla ) uzivatel.vsb.cz Osobní agenda ( změna hesla ) ID jm é no – osobní číslo ( přiděleno při zápisu ) ID jm é no – osobní číslo ( přiděleno při zápisu ) Heslo – implicitně rodné číslo (nutno změnit) Heslo – implicitně rodné číslo (nutno změnit) Osobní nastavení – kopie pošty na jiný , na SMS Osobní nastavení – kopie pošty na jiný , na SMS posta.vsb.cz přístup k poště posta.vsb.cz přístup k poště

4 Síť VŠB-TU knihovna.vsb.cz knihovna knihovna.vsb.cz knihovna mdg.vsb.cz katedra matematiky mdg.vsb.cz katedra matematiky homel.vsb.cz/~kuc14/teach_VT.html tato prezentace homel.vsb.cz/~kuc14/teach_VT.html tato prezentace

5 Správce domovských stránek Umožňuje spravovat soubory vlastních webových stránek Umožňuje spravovat soubory vlastních webových stránek Soubory jsou na serveru homel webová adresa je pak Soubory jsou na serveru homel webová adresa je pak homel.vsb.cz/~IDjmeno/ homel.vsb.cz/~IDjmeno/ Správce umožňuje: Správce umožňuje: 1) průchod adresářovým stromem (Nahoru, poklepem dolů) 1) průchod adresářovým stromem (Nahoru, poklepem dolů) 2) vytvoření nového adresáře (Vytvořit složku) 2) vytvoření nového adresáře (Vytvořit složku) 3) vložení souboru do aktuálního adresáře (Vložit soubor) 3) vložení souboru do aktuálního adresáře (Vložit soubor) 4) akce – Smazat, Přejmenovat, Upravit 4) akce – Smazat, Přejmenovat, Upravit 5) přístup – Zakázat, Povolit 5) přístup – Zakázat, Povolit

6 Co je HTML Jazyk pro vytvoření webové stránky Jazyk pro vytvoření webové stránky Stránku zapsanou pomocí HTML zobrazuje prohlížeč Stránku zapsanou pomocí HTML zobrazuje prohlížeč (Internet Explorer, Netscape, Mozilla, …) (Internet Explorer, Netscape, Mozilla, …) Jazyk HTML se stále vyvíjí, adresa konsorcia, které schvaluje nové verze je Jazyk HTML se stále vyvíjí, adresa konsorcia, které schvaluje nové verze je (poslední verze je z 10.června 2008) (poslední verze je z 10.června 2008)

7 Tvorba stránky Zdrojový kód HTML je textový soubor s příponou html Zdrojový kód HTML je textový soubor s příponou html Vytvoří se v jakékoliv textovém editoru, Vytvoří se v jakékoliv textovém editoru, např. v Poznámkovém bloku např. v Poznámkovém bloku Příkazy jazyka HTML se nazývají TAGy Příkazy jazyka HTML se nazývají TAGy Párový tag: …. Nepárový tag: Párový tag: …. Nepárový tag: Zdrojový kód prohlížené stránky lze zobrazit postupem: Zdrojový kód prohlížené stránky lze zobrazit postupem: Zobrazit, Zdrojový kód Zobrazit, Zdrojový kód

8 Příklad 1 (jednoduchá stránka) Jméno stránky Jméno stránky Nadpis první úrovně Nadpis první úrovně Zde začíná první odstavec a hned končí. Zde začíná první odstavec a hned končí. Druhý odstavec následuje. Druhý odstavec následuje. … titulek v okně prohlížeče … titulek v okně prohlížeče … nadpis první úrovně … nadpis první úrovně … odstavec … odstavec

9 Příklad 1 (ještě jednou totéž) Jméno stránky Jméno stránky Nadpis první úrovně Nadpis první úrovně Zde začíná první odstavec a hned končí. Zde začíná první odstavec a hned končí. Druhý odstavec následuje. Druhý odstavec následuje.

10 Použité Tagy … údaje o verzi jazyka HTML … údaje o verzi jazyka HTML … ohraničení HTML kódu … ohraničení HTML kódu … hlavička … hlavička … tělo stránky (to, co se má zobrazit) … tělo stránky (to, co se má zobrazit) Zdrojový text HTML kódu má dvě části: hlavičku a tělo. Podobně jako každý rozumný počítačový program nebo také kuchařský recept.

11 Členění webové stránky … odstavec … zalomení řádku … odstavec … zalomení řádku Josef Kopecký Josef Kopecký Okružní 247 Okružní Ostrava-Poruba Ostrava-Poruba až … nadpisy úrovně 1 až 6 (nejmenší) až … nadpisy úrovně 1 až 6 (nejmenší) … čára přes celou šířku obrazovky … čára přes celou šířku obrazovky

12 Atributy TAGů Nastavují vlastnosti určitého TAGu. Například u TAGu můžeme nastavovat: šířku v bodech nebo %: width šířku v bodech nebo %: width zarovnání (left, right): align zarovnání (left, right): align odstranění stínu: nonshade odstranění stínu: nonshade výšku čáry v bodech: size výšku čáry v bodech: size

13 Typy písma Text vysázený zvoleným fontem Text vysázený zvoleným fontem Fyzické fonty: … tučně, … kurzíva, … neproporcionální písmo, … podtržené, … přeškrtnuté, … větší, … menší, … dolní index, … horní index … tučně, … kurzíva, … neproporcionální písmo, … podtržené, … přeškrtnuté, … větší, … menší, … dolní index, … horní index Logické fonty: (stanoví prohlížeč) … citace, … ukázka kódu, … fráze, … písmo definované uživatelem, … příklady, … silné zvýraznění, … označení proměnných, … definice … citace, … ukázka kódu, … fráze, … písmo definované uživatelem, … příklady, … silné zvýraznění, … označení proměnných, … definice

14 Typy písma - příklad Z matematiky se mi velice líbí polynomy. Obzvláště rád po večerech řeším kvadratické rovnice ax 2 +bx+c=0, jejichž řešení je v oboru komplexních čísel. Z matematiky se mi velice líbí polynomy. Obzvláště rád po večerech řeším kvadratické rovnice ax 2 +bx+c=0, jejichž řešení je v oboru komplexních čísel. nastavení velikosti, barvy a řezu písma nastavení velikosti, barvy a řezu písma Nějaký text. Nějaký text. barvu lze „ nam íchat“ ze tří základních barev, např. #CC00CC barvu lze „ nam íchat“ ze tří základních barev, např. #CC00CC

15 Seznamy Nečíslovaný: Nečíslovaný: modrá ● modrá modrá ● modrá červená ● červená červená ● červená zelená ● zelená zelená ● zelená Číslovaný: Číslovaný: modrá 1. modrá modrá 1. modrá červená 2. červená červená 2. červená zelená 3. zelená zelená 3. zelená

16 Seznamy Definiční: Definiční: ovoce ovoce jablka, hrušky, třešně jablka, hrušky, třešně zelenina zelenina zelí, kedlubny, salát zelí, kedlubny, salát ovoce ovoce jablka, hrušky, třešně jablka, hrušky, třešně zelenina zelenina zelí, kedlubny, salát zelí, kedlubny, salát

17 Tabulky Buňka11 Buňka11 Buňka12 Buňka11 Buňka11 Buňka12 Buňka12 Buňka21 Buňka22 Buňka12 Buňka21 Buňka22 Buňka21 Buňka21 Buňka22 Buňka22

18 Odkazy Určují: 1) kam se odkazujeme (adresu zdroje) Určují: 1) kam se odkazujeme (adresu zdroje) 2) výrazněný text 2) výrazněný text Zvýrazněný text Zvýrazněný text Příklady: Otevři Seznam.cz Otevři Seznam.cz Otevři dokument Otevři dokument Spuštění u Spuštění u Napište mi. Napište mi.

19 Odkazy V rámci jedné stránky V rámci jedné stránky Přesuň na označený text. Přesuň na označený text. označený text označený text Některé atributy: title … zobrazí bublinu Některé atributy: title … zobrazí bublinu target … otevře nové okno target … otevře nové okno zvýrazněný text zvýrazněný text

20 Obrázky Vkládat lze obrázky v různých formátech: jpg, gif, png, … Vkládat lze obrázky v různých formátech: jpg, gif, png, … Atributy: align=left, right … umístění Atributy: align=left, right … umístění width=60, height=120 … výška, šířka width=60, height=120 … výška, šířka border=”5” … šířka rámu border=”5” … šířka rámu Obrázek na pozadí (tapeta) Obrázek na pozadí (tapeta)

21 Užitečné odkazy Jak zjistit ovou adresu mobilu: Jak zjistit ovou adresu mobilu: Tvorba webových stránek Tvorba webových stránek


Stáhnout ppt "Výpočetní technika 2008/09. Obsah předmětu Využití sítě VŠB-TU ( 16.9. ) Využití sítě VŠB-TU ( 16.9. ) Řešení mat. úloh v Excelu ( 30.9. ) Řešení mat."

Podobné prezentace


Reklamy Google