1 Algoritmy a programovaní IV Studijní opory 2010 Mgr. Miroslav Langer2 Anotace předmětu: Síť Internet - historie, struktura, služby. Prohlížeče Inter...
Anotace předmětu: Síť Internet - historie, struktura, služby. Prohlížeče Internetu, editory Internetových stránek. Jazyk Html - syntaxe jazyka, základní struktura html dokumentu, propojení dokumentů, styly písma,
vkládání seznamů, tabulek.
Vytváření rámců. Jazyk Javascript - syntaxe jazyka. Komentáře, proměnné, výrazy a jejich hodnoty. Příkazy a operátory. Řídící struktury. Funkce. Události a akce. Objekty. Jazyk Java - syntaxe jazyka, základní datové typy. Třídy a strukturované datové typy, pole. Příkazy jazyka Java. Kompilátory jazyka Java. Tag Applet. Srovnání technologií a prostředků jazyků JavaScript a Java.
1. Síť Internet •
Historie (zdroj http://cs.wikipedia.org/wiki/Internet) o 1962 – vzniká projekt počítačového výzkumu agentury ARPA o 1969 – vytvořena experimentální síť ARPANET, první pokusy (2. září) s přepojováním uzlů (čtyři uzly) o 1972 – ARPANET rozšířena na cca 20 směrovačů a 50 počítačů, použit protokol NCP (Network Control Program) o 1972 – Ray Tomlinson vyvíjí první e-mailový program o 1973 – zveřejněna idea vedoucí později k TCP/IP jako náhrady za stávající protokol NCP o 1980 – vydáno RFC 760, které popisuje IPv4, experimentální provoz TCP/IP v síti ARPANET o 1983 – z ARPANETu oddělena síť MILNET (Military Network), TCP/IP přeneseno do komerční sféry (Sun), zavedeno DNS (Domain Name System) o 1984 – vyvinut program BIND pro DNS, k Internetu připojeno pouhých 1000 počítačů o 1985 – zahájen program NSFNET, sponzoruje rozvoj sítě ve výši 200 mil. dolarů, první komerční služby o 1987 – vzniká pojem „Internet“ o 1987 – v síti je propojeno 27 000 počítačů o 1989 – V evropské laboratoři CERN Tim Berners-Lee publikuje návrh vývoje WWW (Information Management: A Proposal) o 1990 – Tim Berners-Lee a Robert Cailliau publikují koncept hypertextu o 1990 – končí ARPANET o 1991 – nasazení WWW v evropské laboratoři CERN o 1992 – připojen Bílý dům (vstup vládních institucí na Internet), připojena Česká Republika (VŠCHT v Praze) o 1993 – Marc Andreessen vyvíjí Mosaic, první WWW prohlížeč, a dává ho zdarma k dispozici o 1994 – vyvinut prohlížeč Netscape Navigator o 1994 – Internet se komercionalizuje o 1996 – 55 milionů uživatelů o 1999 – rozšiřuje se Napster
o 2000 – 250 milionů uživatelů o 2003 – 600 milionů uživatelů o 2005 – 900 milionů uživatelů o 2009 – 1,8 miliardy uživatelů •
Struktura o LAN o MAN o WAN
•
Služby o Usenet/Newsgroups o IRC (Internet Relay Chat) o FTP (File Transfer Protocol) o Gopher o E-mail o Telnet o WWW (World Wide Web také zkráceně web) o HTTP (HyperText Transfer Protocol)
•
Prohlížeče Internetu o MS Internet Explorer o Mozilla Firefox o Opera o Netscape Navigátor o Safari o Gogole Chrome
•
Editory Internetových stránek o WYSIWYG o WYSIWYM o Strukturní editory o Macromedia Dream Viewer o Macromedia HomeSite o Front Page o Adobe GoLive o Nvu
o HTMLPad o PSPad o Rapid PHP Editor o Easy Web Editor o NoteTab Pro o Actual Drawing o AceHTML Pro o TOWeb o StudioLine Web o PHP Designer Personal o WYSIWYG Web Builder o CKEditor Kontrolní otázka: •
Popište strukturu internetu.
•
Rozdíly prohlížečů.
•
WYSIWYG.
•
WYSIWYM.
•
Strukturní editory.
2. Jazyk Html •
Syntaxe jazyka o Struktura dokumentu o Tagy
Párové
Nepárová
o Vnořování tagů
Zákaz křížení
o Case sensitivita
Non-case-sensitive
o Mezery v kódu o Entity o Uvozovky u atributů •
Základní struktura html dokumentu <TITLE> <META>
•
Propojení dokumentů o CSS o Skripty o Odkazy
•
Styly písma o Fyzické formátování
b - tučné písmo
i - kurzíva
u - podtržení textu
sub - dolní index
sup - horní index
small - zmenšení textu
big - zvětšení písma
s - přeškrtnutý text
strike - přeškrtnutý text
font - písmo
basefont - základní font
blink - blikání písma
nobr - nezalamovat obsah
o Logické formátování
•
span - úsek textu
strong - zvýraznění (tučně)
em - zvýraznění (kurzíva)
cite - citace
code - výpis kódu
dfn - nově použitý termín
kbd - vstup z klávesnice
samp - ukázka
tt - teletype
var - formátování proměnné
abbr - ustálený výraz
acronym - zkratka
del - smazaný obsah
ins - přidaný text
q - citace
Vkládání seznamů, tabulek o Seznamy
li - položka seznamu
ol - číslovaný seznam
ul - odrážkový seznam
dir - zvláštní druh seznamu
menu - typ seznamu
dl - seznam definic
dt - definovaný termín
dd - definice termínu
o Tabulky
•
table - tabulka
tr - řádek tabulky
td - buňka tabulky
th - hlavičková buňka tabulky
caption - hlavička tabulky
col - ovlivnění sloupce tabulky
colgroup - skupina sloupců tabulky
tbody - tělo tabulky
thead - hlavička tabulky
tfoot - patička tabulky
Vytváření rámců o form - formulář o input - vstupní pole o select - výběrové pole o option - volba o textarea - velké vstupní pole o label - popis pole o fieldset - skupina polí o optgroup - skupina voleb o legend - popis pole o button – tlačítko
Kontrolní otázky: •
Struktura HTML dokumentu.
•
Fyzické a logické formátování textu.
•
Seznamy a tabulky.
•
Rámce.
3. Jazyk Javascript •
Syntaxe jazyka o Středník na konci příkazu o Case-sensitive o Řetězce v uvozovkách o Escape sekvence o Logické hodnoty o Objekty a jejich metody a vlastnosti se oddělují tečkami o Programové sekvence uzavřené ve složených závorkách {}
•
Komentáře o Jednořádkový
//
o Víceřádkový •
Uvozený mezi /* */
Proměnné o Klíčové slovo var o Netypové proměnné
•
Výrazy a jejich hodnoty o Operátory přiřazení - číslo o Aritmetické - číslo o Bitové o Logické - true nebo false o Porovnávací o Řetězcové - znakový řetězec o Speciální
•
Příkazy a operátory o Příkazy
Výraz
Složený příkaz
Komentáře
Rozhodovací struktury
Cykly
Modifikace cyklů
•
Break
•
Continue
Label
With
Funkce
Export, import
Ovladače
Ošetření události
Hlášky
Objektový model •
Objekty
•
Metody
•
Události
o Operátory
•
aritmetické
řetězcové
logické
bitové
přiřazení
porovnávající
speciální
Řídící struktury o If o While o Switch
•
Funkce o Function o Return o Volání funkce
•
Argumenty funkce
Přetěžování
Události a akce o Události okna a dokumentu
o Události myši o Události klávesnice o Události formuláře a formulářových polí o Další události o Akce – reakce na událost •
Objekty o K adresování se používá tečková syntaxe
Podobjekt •
Vlastnost •
objekt.podobjekt objekt.vlastnost
Metoda •
objekt.metoda()
o Objekt window o Metody objektu window o Objekt window.event o Objekt document o Objekt String o Objekt Date o Objekt Math Kontrolní otázky: •
Syntax jazyka JavaScript.
•
Větvení v JS.
•
Události JS.
•
Adresování objektů.
•
Objekty používané a dostupné v JS.
4. Jazyk Java •
Syntaxe jazyka o Program o Typy o Podmínky o Cykly o Výjimky o Třídy o Odvozené třídy o Interface a balíčky o Vlákna a synchronizace o Collections
•
Základní datové typy o byte - celé číslo o short - celé číslo o int - celé číslo o long - celé číslo o float - reálné číslo o double - reálné číslo o char - znak UNICODE o boolean - logická hodnota
•
Třídy a strukturované datové typy o Třída
Soubor vlastností objektu, který do ní náleží
o Objekt o Pole •
Pole o Operátor new
•
Např.: int[] pole = new int[100]
Příkazy jazyka Java o Prázdný příkaz o Výrazový příkaz o Složený příkaz (blok)
o Deklarace lokálních proměnných o Návěští o if o switch o while o do o for o break o continue o return o throw, try, catch, finally o synchronized •
Kompilátory jazyka Java o Java Virtual Machina – JVM o Just In Time – JIT
•
Tag Applet o Slouží pro vkládání Java appleltů do HTML dokumentu o Dnes nahrazen tagem