Printris. Hra Printris je psána pomocí příkazů Javascriptu a standardních příkazů HTML.
|
|
- Františka Moravcová
- před 8 lety
- Počet zobrazení:
Transkript
1 Printris Hra Printris je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra je založena ne principu Tetrisu. Úkolem hráče je umístit tři stejné tiskárny vodorovně nebo svisle do jedné řady. Ovládání je možné myší kliknutím na tlačítka pod hrací plochou nebo pohybem šipkových tlačítek a mezerníku nebo číslic 4,5,6. Rychlost hry lze snižovat nebo zvyšovat klikem myši na symboly "+" a "-" nebo samotnými tlačítky "+" a "-". Tlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot. Stažení hry Hru je možné zkopírovat a upravit dle vlastních znalostí: Pravým tlačítkem myši se zobrazí menu, ze kterého je nutné zvolit Zobrazit zdrojový kód (Text se může mírně lišit podle používaného prohlížeče. Předchozí text platí pro Internet Explorer. Pro Mozillu Firefox je to text Zobrazit zdrojový kód stránky. ) Pomocí standardních příkazů OS Windows se text označí (př. kombinace kláves CTRL+A) a zkopíruje do schránky. (př. kombinace kláves CTRL+C) V libovolném textovém editoru, který umí pracovat s prostým textem (např. Notepad, který je součástí OS Windows)se otevře nový soubor a text se do něj ze schránky vloží.(př. kombinace kláves CTRL+V) Název souboru je libovolný, ale musí se uložit s příponou html nebo htm (standardní přípona souboru pro web) Další nutnou součástí hry jsou obrázky.
2 Seznam je následující: tisk1.gif, tisk2.gif, tisk3.gif, tisk4.gif obrázky tiskáren pozadi.gif, background.jpg pozadí hry a pozadí herní plochy. Obrázky se dají stáhnout, tak, že v adresním řádku prohlížeče se smaže printris.htm a nahradí př. images/tisk1.gif ( př. na ) Po odklepnutí klávesou Enter se zobrazí výzva k uložení souboru. Soubor je nutno uložit pod stejným názvem i příponou do stejné složky s předchozím souborem. Obrázek je také nutné uložit do podsložky images, kterou je nutné vytvořit. Správnou funkci všech stažených komponent hry lze ověřit přímým spuštěním souboru cannon.htm Výměna obrázků Obrázky ve hře lze nahradit vlastními. Lze nahradit i pozadí za těchto podmínek. - obrázky musí mít stejný název a typ (Zkušenější programátoři mohou použít jiný typ obrázku za předpokladu, že názvy obrázků upraví ve zdrojovém kódu, bude popsáno níže.) - pozadí hry je pouze vzorek, který skládá pozadí ze svých opakujících se částí - pozadí musí mít průhledné (transparentní) pozadí (popis této vlastnosti je mimo rozsah tohoto návodu a je možné jej najít na internetu) - obrázky musí mít stejnou délku a šířku v pixelech (popis této vlastnosti je opět mimo rozsah tohoto návodu a je možné jej najít na internetu) Změna názvu složky, použití jiných formátů obrázků Pokud je nutné použít jiné typy obrázků nebo podsložku, kde jsou uloženy je nutné je patřičně upravit v souboru printris.htm. Tato činnost je určena zkušenějším programátorům. - Pro obrázky tiskáren a pozadí hry: souboru printris.htm v kódu na řádku 79 Pic[0] = new Image(); Pic[0].src = "images//pozadi.gif"; Pic[1] = new Image(); Pic[1].src = "images//tisk1.gif"; Pic[2] = new Image(); Pic[2].src = "images//tisk2.gif";
3 Pic[3] = new Image(); Pic[3].src = "images//tisk3.gif"; Pic[4] = new Image(); Pic[4].src = "images//tisk4.gif"; zvolenou složkou a typ gif zvoleným typem obrázku ) je nutné nahradit složku images - Pro obrázek pozadí herní plochy: souboru printris.htm v kódu na řádku 11 body { background-image: url(images/background.png); je nutné nahradit složku images zvolenou složkou a typ png zvoleným typem obrázku Stručný popis funkcí hry v jazyce Javascript Hra je, jak bylo již uvedeno výše napsána pomocí Javascriptu a příkazů HTML. Přímo v kódu jsou uvedeny v komentářových řádcíchstručné nápovědy jednotlivých funkcí a prvků a popisy proměnných. K pochopení funkce je nutné zvládnout základy Javascriptu a HTML. Záhlaví souboru HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head> <META NAME="description" content="printris- JavaScript game"> <META NAME="author" content="jiri Mensik"> <META NAME="keywords" content="javascript, Game"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso "> <style type="text/css"> body { background-image: url(images/background.png); </style> <title>printris</title></head> HTML kód s tabulkou skóre a ovládání <BODY> <form> <DIV ALIGN=center> <table noborder cellpadding=0 cellspacing=0> <tr> <td valign="top" bgcolor="#99cccc"><strong>speed:</strong> <input type=button value="-" width=16 style="width:16;background-color:#ffffff" onclick="keydown(45);hidefocus()"></td> <td><input size=1 name="level" onfocus="hidefocus()"></td> <td><input type=button value="+" width=16 style="width:16;background-color:#ffffff" onclick="keydown(43);hidefocus()"></td> <td valign="middle" bgcolor="#99cccc"><strong>score:</strong> <input size=4 name="score" onfocus="hidefocus()"></td>
4 <td><input type=button value="teacher's guide" name="help" width=120 style="width:120;background-color:#ffffff" onclick="javascript:teachers_guide()"></td> </tr></table> Kód Javascriptu Test kláves <script language="javascript1.2"> //browser test var IsNetscape; if(navigator.appname == "Netscape") IsNetscape = true; else IsNetscape = false; if (navigator.appname!= "Microsoft Internet Explorer") document.captureevents(event.keydown) document.onkeydown = NetscapeKeyDown; function NetscapeKeyDown(key) { KeyDown(key.which); </script> <script for=document event="onkeydown()" language="jscript"> if (window.event) KeyDown(window.event.keyCode); </script> <script language="javascript"> var i, j, c, nc, dt, IsOver, MaxW=3, MaxH=12, w, h, Level, Score, TimerInterval, IsHideFocus=true; document.open("text/plain"); //test keys if (navigator.appname == "Konqueror") { document.write("<input width=0 height=0 style=\"width:0; height:0\" name=\"keycatch\" onblur=\"keycatchfocus()\" onkeyup=\"keycatchchange()\">"); KeyCatchFocus(); IsHideFocus=false; function KeyCatchFocus() { settimeout("document.forms[0].keycatch.focus()",100); function KeyCatchChange() { var vv=""+document.forms[0].keycatch.value; if (vv=="") return; KeyDown(vv.charCodeAt(0)); document.forms[0].keycatch.value=""; Vykreslení pozadí //drawing background document.writeln("<table noborder cellpadding=0 cellspacing=0 bgcolor=#ffffff><tr><td>"); for (j=0; j < MaxH; j++) { for (i=0; i < MaxW; i++) document.write("<img src=\"images\pozadi.gif\" border=0>");
5 document.writeln("<br>"); document.writeln("</td></tr></table>"); document.close(); Počáteční inicializace proměnných // initialization of variables Level=4; Fld = new Array(MaxW); for (i=0; i < MaxW; i++) { Fld[i]=new Array(MaxH); BFld = new Array(MaxW); for (i=0; i < MaxW; i++) { BFld[i]=new Array(MaxH); Pic= new Array(5); Pic[0] = new Image(); Pic[0].src = "images//pozadi.gif"; Pic[1] = new Image(); Pic[1].src = "images//tisk1.gif"; Pic[2] = new Image(); Pic[2].src = "images//tisk2.gif"; Pic[3] = new Image(); Pic[3].src = "images//tisk3.gif"; Pic[4] = new Image(); Pic[4].src = "images//tisk4.gif"; Test stisku kláves //test pressing keys function KeyDown(whichkey) { //alert(whichkey); if ((whichkey==43) (whichkey==107) (whichkey==65451)) { Level++; if (Level>8) Level=8; else Init(); if ((whichkey==45) (whichkey==109) (whichkey==65453)) { Level--; if (Level<1) Level=1; else Init(); if (whichkey == 37) AllLeft(); if (whichkey == 39) AllRight(); if (whichkey == 40) AllSpace(); if (whichkey == 32) AllSpace(); if (whichkey == 52) AllLeft(); if (whichkey == 53) AllSpace(); if (whichkey == 54) AllRight(); if (whichkey == 12) AllSpace(); if (whichkey == 65460) AllLeft(); if (whichkey == 65461) AllMiddle(); if (whichkey == 65462) AllRight();
6 Funkce časovače // timer function Timer() { if (! IsOver) { if (nc) { dt=0; ThreeTest(); if (dt>0) Erase(); if (dt==0) { NewChip(); nc=false; else ChipDown(); RefreshScreen(); // game initialization function Init() { for (i=0; i<maxw; i++) { for (j=0; j<maxh; j++) { Fld[i][j]=0; BFld[i][j]=false; nc=true; IsOver=false; Score=0; RefreshScreen(); window.clearinterval(timerinterval); TimerInterval=window.setInterval("Timer()",50*(8-Level)+Level); Test pozic (levá, pravá, střed, mezera, náhodná pozice) // test position left function AllLeft() { if ((IsOver) (nc)) return; if (w>0) { if (Fld[w-1][h]==0) { Fld[w-1][h]=c; Fld[w][h]=0; w--; RefreshScreen(); // test position right function AllRight() { if ((IsOver) (nc)) return; if (w<maxw-1)
7 { if (Fld[w+1][h]==0) { Fld[w+1][h]=c; Fld[w][h]=0; w++; RefreshScreen(); // test position middle function AllMiddle() { if (w>1) AllLeft(); if (w<1) AllRight(); // test position space function AllSpace() { while ((!nc)&&(!isover)) ChipDown(); // random position new object function NewChip() { w=math.round(math.random()*100) % MaxW; c=math.round(math.random()*100) % (MaxW+1) + 1; h=0; Fld[w][h]=c; Test pozic (objekt je dole, tři objekty) //test - object is down function ChipDown() { if (h<maxh-1) { if (Fld[w][h+1]==0) { Fld[w][h+1]=c; Fld[w][h]=0; h++; else { if (h==0) { IsOver=true; if (window.opener) { if (window.opener.sethighscores) window.opener.sethighscores("threefit","",score,1); if (confirm("game over! Score: " + Score + ". Play again?")) Init(); else nc=true; else nc=true; // test three objects function ThreeTest()
8 { dt=0; for (j=maxh-1; j>=2; j--) { i=0; c=fld[i][j]; if (c!=0) { if ((Fld[i][j-1]==c)&&(Fld[i][j-2]==c)) BFld[i][j-1]=true; BFld[i][j-2]=true; if ((Fld[i+1][j-1]==c)&&(Fld[i+2][j-2]==c)) BFld[i+1][j-1]=true; BFld[i+2][j-2]=true; i=1; c=fld[i][j]; if (c!=0) { if ((Fld[i][j-1]==c)&&(Fld[i][j-2]==c)) BFld[i][j-1]=true; BFld[i][j-2]=true; if ((Fld[i-1][j]==c)&&(Fld[i+1][j]==c)) BFld[i-1][j]=true; BFld[i+1][j]=true; i=2; c=fld[i][j]; if (c!=0) { if ((Fld[i][j-1]==c)&&(Fld[i][j-2]==c)) BFld[i][j-1]=true; BFld[i][j-2]=true; if ((Fld[i-1][j-1]==c)&&(Fld[i-2][j-2]==c)) BFld[i-1][j-1]=true; BFld[i-2][j-2]=true;
9 Výmaz objektů z herní plochy //erase function Erase() { for (j=0; j<maxh; j++) { for (i=0; i<maxw; i++) { if (BFld[i][j]) { BFld[i][j]=false; Fld[i][j]=0; do { c=0; for (j=maxh-1; j>=1; j--) { for (i=0; i<maxw; i++) { if ((Fld[i][j]==0)&&(Fld[i][j-1]!=0)) { Fld[i][j]=Fld[i][j-1]; Fld[i][j-1]=0; c++; while (c>0); Score+=3*Level*dt; i=1; if ((Score>33)&&(Level<2)) i=2; if ((Score>99)&&(Level<3)) i=3; if ((Score>333)&&(Level<4)) i=4; if ((Score>666)&&(Level<5)) i=5; if ((Score>1111)&&(Level<6)) i=6; if ((Score>1919)&&(Level<7)) i=7; if ((Score>3333)&&(Level<8)) i=8; if (i>level) { Level=i; window.clearinterval(timerinterval); TimerInterval=window.setInterval("Timer()",50*(8-Level)+Level); Obnova hrací plochy //refresh screen function RefreshScreen() { for (i=0; i < MaxW; i++) { for (j=0; j < MaxH; j++) window.document.images[i+maxw*j].src = Pic[Fld[i][j]].src; window.document.forms[0].level.value = Level; window.document.forms[0].score.value = Score;
10 function HideFocus() { if (IsHideFocus) { window.document.forms[0].help.focus(); window.document.forms[0].help.blur(); Init(); HideFocus(); Odkaz na příručku učitele //teacher guide function teachers_guide() { window.open('teachers_guide.htm','','scrollbars=yes,menubar=no,height=500,width=350,resizable=y es,toolbar=no,location=no,status=no'); Test kláves if (navigator.appname!= "Microsoft Internet Explorer") document.captureevents(event.keydown); document.onkeydown = NetscapeKeyDown; function NetscapeKeyDown(key) { KeyDown(key.which); </script> <table noborder cellpadding=0 cellspacing=0> <tr> <td><input type=button value="<-" width=37 style="width:37;background-color:#ffffff" onclick="keydown(37);this.blur()"></td> <td><input type=button value="\/" width=37 style="width:37;background-color:#ffffff" onclick="keydown(40);this.blur()"></td> <td><input type=button value="->" width=37 style="width:37;background-color:#ffffff" onclick="keydown(39);this.blur()"></td> </tr> </table> </DIV> </form> </BODY>
ČERV. Hra Červ je psána pomocí příkazů Javascriptu a standardních příkazů HTML.
ČERV Hra Červ je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra napodobuje pohyb viru-červa v počítačové síti. Úkolem hráče je napadat (požírat) počítače a snaží se vyhnout srážce s
VíceDalší nutný soubor je laydiv.js, ve kterém jsou uloženy funkce pro zobrazování virů na ploše a funkce pro odkaz na Teachers Guide.
ESCAPE OF VIRUSES Hra Escape of viruses je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra se spouští tlačítkem Start game. Úkolem hráče je eliminovat viry na hrací ploše kliknutím kurzoru
VíceTlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot.
CATCHER Hra Catcher je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Úkolem hráče je rozeznat volný a placený software. Objekty s názvem a logem software se nepravidelně objevují a pohybují
VíceTlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot.
HTML Editor Cannon Hra Cannon je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hráč vystřeluje z hlavně kanónu koule, které při interakci s totožnými objekty způsobí hromadnou explozi stejných
VíceTlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot.
DOMINO Hra Domino je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra je vytvořena na základě principu dominových kostek. Jednotlivé kostky zobrazují loga nejznámějších internetových prohlížečů.
VíceTlačítko Teachers Guide obsahuje odkaz na stručný popis hry a její účel v projektu Ingot.
PEXESO Hra Pexeso je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hra je vytvořena na základě známého pexesa. Úkolem hráče je najít 2 stejné karty (nebo 2 karty se stejnou tématikou ve
VíceTlačítkem Poskládej jiný počítač se hra vrátí na úvodní obrazovku a lze zvolit jiný obrázek.
PUZZLE POČÍTAČE Hra Puzzle počítače je psána pomocí příkazů Javascriptu, skriptovacího jazyka PHP a standardních příkazů HTML. Před vlastním spuštěním hry je možné seznámit se s nejznámějšími komponenty
VíceHTML - Úvod. Zpracoval: Petr Lasák
HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají
VíceTvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD
Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu
VíceTvorba fotogalerie v HTML str.1
Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné
VíceTvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
VíceZáklady informatiky. HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra HTML
Více25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY
25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné
VíceStřední průmyslová škola strojnická Vsetín. Předmět Druh učebního materiálu Tvorba a editace textu v dokumentu
Název školy Číslo projektu Autor Střední průmyslová škola strojnická Vsetín CZ.1.07/1.5.00/34.0483 Ing. Martin Baričák Název šablony III/2 Název DUMu 1.4 WORD - psaní a úpravy textu I. Tematická oblast
VíceZáklady informatiky. 03, HTML, tvorba WWW stránek. Daniela Szturcová Část převzata z přednášky P. Děrgela
Základy informatiky 03, HTML, tvorba WWW stránek Daniela Szturcová Část převzata z přednášky P. Děrgela Obsah přednášky Princip WWW dokumentu, ukázka Nástroje pro tvorbu Pravidla tvorby HTML, tagy Kostra
VícePŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB
ÚTVAR ROZVOJE HLAVNÍHO MĚSTA PRAHY PŘEHLED A MOŽNOSTI VYUŽITÍ WEBOVÝCH MAPOVÝCH SLUŽEB Ústav rozvoje hlavního města Prahy publikuje prostřednictvím ArcGIS Serveru mnohé webové mapové služby (v souřadnicovém
VíceFortiaViewer verze 5.0
FortiaViewer verze 5.0 Prohlížeč obrázků formátu BMP a JPG ve složce, který je malý, nevyžaduje instalaci a můžete si jej vypálit do každé složky s fotografiemi na CD nebo DVD Příručka uživatele FORTIA
VíceMísto úvodu. Čeho se vyvarovat. Mazání znaků
Místo úvodu Proč používat program pro psaní a úpravy textu? Můžete v něm snadno nejenom psát, ale i opravovat libovolné části textu. Přitom ovládání programu vychází z práce v prostředí Windows (práce
VíceINTERNET A SÍTĚ. Role při tvorbě webových aplikací. Rozhodovací vrstvy při tvorbě webových aplikací. povrch kostra struktura obsah strategie
INTERNET A SÍTĚ Ing. Pavel Smutný, Ph.D. Kancelář: H305 Telefon: 3511 Email: pavel.smutny@vsb.cz Role při tvorbě webových aplikací 1996 2009 GIF HTML CSS CGI analytik, informační architekt, grafik, programátor
VíceAplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Radek Havlík [ÚLOHA 32 ODKAZY A TEXTY]
Aplikované úlohy Solid Edge SPŠSE a VOŠ Liberec Radek Havlík [ÚLOHA 32 ODKAZY A TEXTY] 1 CÍL KAPITOLY Cílem této kapitoly je naučit se tvořit odkazy ke strojním součástem, plochám, dílům, sestavám, a práci
VíceTvorba webových stránek
Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený
VíceManuál k programu KaraokeEditor
Manuál k programu KaraokeEditor Co je KaraokeEditor? Program slouží pro editaci tagů v hudebních souborech formátu mp3. Tagy jsou doprovodné informace o písni, uložené přímo v mp3. Aplikace umí pracovat
VíceZá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou
Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány
VíceModul 2. Druhá sada úkolů:
Zadání Druhá sada úkolů: Modul 2 Všechny potřebné složky a soubory pro splnění následující sady úkolů se nachází ve složce sada2. 1. Ve složce Ulohy vytvořte šest nových složek (podle obrázku) a pojmenujte
VíceNázev Live prez Sear enta Maps
Vladimír Jarotek Název Live Search prezentace Maps Nadpis Obsah 1. Co je to Live Search Maps 2. API 3. Závěr 4. Literatura Nadpis 1 Co je to a co nabízí Live Search Maps Jedná se o projekt (službu) prohledávání
VícePříručka pro aplikaci KSnapshot
Richard J. Moore Robert L. McCormick Brad Hards Kontrolor: Lauri Watts Vývojář: Richard J Moore Vývojář: Matthias Ettrich Překlad: Lukáš Vlček 2 Obsah 1 Úvod 5 2 Použití KSnapshot 6 2.1 Spuštění KSnapshot.....................................
VíceHTML Hypertext Markup Language
HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé
VíceTvorba stránek v HTML ve Wordu
Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o
VíceSupernova 16 Ovládací zkratky. Akce Funkce Stolní počítač Přenosný počítač Automatické popisování grafických objektů LEVÝ CONTROL + PRAVÁ HRANATÁ
Supernova 16 Ovládací zkratky Akce Funkce Stolní počítač Přenosný počítač Automatické popisování grafických objektů PRAVÁ HRANATÁ G Otevřít kontextové menu ovládacího panelu ZÁVORKA MEZERNÍK Předčítací
VíceMgr. Vlastislav Kučera lekce č. 2
Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se
VíceRozvodnice design verze 3.1
Rozvodnice design verze 3.1 (rozvodnice Opale, Pragma a Kaedra) Leden 2007 1 Úvod Program Rozvodnice design je určen pro rychlý návrh a specifikaci rozvodnic MiniOpale, MiniPragma, Pragma a Kaedra Popis
VíceZakládání nové nebo úprava existující stránky
NÁVOD KTERAK UPRAVOVATI OBSAH WEBU PP. PRO PLZEŇSKÉ PANENKY VYROBIL PŘEMEK 2008 Zakládání nové nebo úprava existující stránky Např. když je nový program na měsíc nebo aktualita, nebo když je někde něco
VíceManuál k editoru TinyMCE
Manuál k editoru TinyMCE Popis ovládacích prvků UPOZORNĚNÍ: Některé tlačítka nemusí být k dispozici. Styl písma Dolní a horní index Zarovnání textu Může se aplikovat na označený text. B - tučné písmo,
Více22. Tvorba webových stránek
22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči
VíceMgr. Vlastislav Kučera přednáška č. 2
Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS
Více!!Via!AUREA,!s.r.o.!
ViaAUREA,s.r.o. Lidická48,60200Brno IČ:26257700 DIČ:CZ26257700 Posledníaktualizace:25.9.2015 tel.:+420511110431 ehmail:info@viaaurea.cz 1 SPECIFIKACE%HTML%KREATIVY%...%3 1.1 COJEHTMLBANNER...3 1.2 DEFINICEPROKLIKU...4
VíceDalší nutný soubor je wordlist.js, ve kterém je uložena databáze slov a procedure s texty nápovědy.
SHIP Hra Ship je psána pomocí příkazů Javascriptu a standardních příkazů HTML. Hráč hádá slovo, jehož počet písmen se zobrazuje pomocí prázdných znaků reprezentovaných podtržítkem. Hráč kliká myší na písmena
VíceÚvod. Program ZK EANPRINT. Základní vlastnosti programu. Co program vyžaduje. Určení programu. Jak program spustit. Uživatelská dokumentace programu
sq Program ZK EANPRINT verze 1.20 Uživatelská dokumentace programu Úvod Základní vlastnosti programu Jednoduchost ovládání - umožňuje obsluhu i málo zkušeným uživatelům bez nutnosti většího zaškolování.
VícePříručka pro aplikaci KSnapshot
Richard J. Moore Robert L. McCormick Brad Hards Kontrolor: Lauri Watts Vývojář: Richard J Moore Vývojář: Matthias Ettrich Překlad: Lukáš Vlček 2 Obsah 1 Úvod 5 2 Použití KSnapshot 6 2.1 Spuštění KSnapshot.....................................
VíceProgramování v jazyce JavaScript
Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Události (events) BI-JSC Evropský sociální fond
VíceOFF - LINE. PRO ZAČÁTEČNÍKY Zdroje textů a obrázků
TVORBA WEBOVÉ STRÁNKY OFF - LINE 10 BODŮ VYTVOŘ SI WEB PRO ZAČÁTEČNÍKY Zdroje textů a obrázků 1.Vytvořte si na disku novou složku například C:/DT2_WEB nebo C:/POKUS a přejděte do ní. Dvojklikem na ikoně
VíceDINOX IP kamery řady: DDC-xxxx DDR-xxxx DDX-xxxx DDB-xxxx
DINOX IP kamery řady: DDC-xxxx DDR-xxxx DDX-xxxx DDB-xxxx Rychlá uživatelská příručka Obsah Rychlá uživatelská příručka... 1 1. Systémové požadavky... 3 2. Připojení do sítě... 4 3. Přístup pomocí webového
VíceProgramování v jazyce JavaScript
Programování v jazyce JavaScript Katedra softwarového inženýrství Fakulta informačních technologií České vysoké učení technické v Praze Pavel Štěpán, 2011 Skriptovani browseru BI-JSC Evropský sociální
Více8 Makra Příklad 4 Excel 2007
TÉMA: Úprava maker rozhodování, příkaz If..Then..Else Sekretářka společnosti Naše zahrada potřebuje upravit makra vytvořená pomocí záznamu tak, aby vyhovovala jejím požadavkům. Pro úpravy využije Editor
Více1 Tvorba WWW stránek pomocí programu Microsoft FrontPage
1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou
VíceIII/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-214. Internetový prohlížeč
Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu Autor Jazyk Téma sady didaktických materiálů Téma didaktického materiálu Vyučovací předmět Cílová skupina (ročník) Úroveň
VícePráce v programu Word 2003
Práce v programu Word 2003 Prostředí programu WORD 2003 Program WORD 2003 slouží k psaní textů, do kterých je možné vkládat různé obrázky, tabulky a grafy. Vytvořené texty se ukládají, jako dokumenty s
VíceZADÁNÍ SAMOSTÁTNÉ PRÁCE
ZADÁNÍ SAMOSTÁTNÉ PRÁCE TÉMA: SEZNAM ŽÁKŮ SKUPINY V HTML KÓDU POPIS: vytvoř seznam spolužáků ve skupině v HTML kódu pomocí POZNÁMKOVÉHO BLOKU. Program POZNÁMKOVÝ BLOK najdeš takto tlačítko START -> Všechny
VíceS klávesovými zkratkami ovládnete Windows jako profík Novinky.cz
Page 1 of 5 S klávesovými zkratkami ovládnete Windows jako profík Většina lidí ovládá počítač především myší a klávesnici používá pouze na psaní. Pomocí dvou nebo třech tlačítek, které zmáčknete najednou,
VíceMgr. Vlastislav Kučera Struktura stránky, hlavička,
Mgr. Vlastislav Kučera Struktura stránky, hlavička, Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to
VíceNSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák
NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE
VíceArchiv elektronických dokumentů Zela
Archiv elektronických dokumentů Zela Instalace po rozbalení servisního balíčku 38 se automaticky spustí instalační program, který nainstaluje potřebné moduly pro provoz archivu dokumentů. Tyto moduly je
VíceModul Statistika poskytuje přehled o počtu studentů na fakultách, v jednotlivých programech, oborech, apod.
Statistika Modul Statistika poskytuje přehled o počtu studentů na fakultách, v jednotlivých programech, oborech, apod. 1. Spuštění modulu Statistika 2. Popis prostředí a ovládacích prvků modulu Statistika
VíceWord 2007 pro začátečníky
Word 2007 pro začátečníky 1 Word OP LZZ Tento kurz je financován prostřednictvím výzvy č. 40 Operačního programu Lidské zdroje a zaměstnanost z prostředků Evropského sociálního fondu. 2 Word Cíl kurzu
VíceČeská příručka. Obsah Balení. Systémové Požadavky. Instalace a podpora. Roccat Isku klávesnice Rychlá instalační příručka
Česká příručka Obsah Balení Roccat Isku klávesnice Rychlá instalační příručka Systémové Požadavky Windows XP, Vista 32/64, Windows 7 32/64 USB 2.0 port Internetové připojení pro stažení ovladačů Instalace
VíceJavascript. Javascript - jazyk
Návrh a tvorba WWW stránek 1/30 Javascript skripty provádí prohlížeč - klient dynamicky generovaný obsah stránek, efekty, interakce nejrozšířenější klientský skriptovací jazyk (VBScript a další) nesouvisí
Více<html> - párový tag, uzavírá celý dokument <head> - párový, určuje hlavičku dokumentu <body> - párový, uzavírá tělo dokumentu Př. Základní struktura
mv Všechny html tagy jsou uzavřeny do závorek . Většina tagů je párových, tzn. ke každému tagu existuje druhá značka s lomítkem před tagem. (, ) HTML tagy by měly udávat pouze logické členění
VíceInternetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače
VY_32_INOVACE_In 6.,7.11 Internetový prohlížeč-vyhledávání a ukládání dat z internetu do počítače Anotace: V prezentaci se žák seznámí se základními typy prohlížečů. Zaměříme se na prohlížeč Internet Explorer.
VícePro využití aktivního odkazu (modrý a podtržený) použijte klávesu Ctrl + kliknutí myší.
Pro využití aktivního odkazu (modrý a podtržený) použijte klávesu Ctrl + kliknutí myší. Při odesílání registrací či hlášení do ISPOP můžete narazit na problémy, které mohou zabraňovat odeslání dokumentů
VíceNápověda pro ovládání automaticky čtené učebnice
Speciální vzdělávací pomůcky k podpoře výuky slabozrakých žáků Nápověda pro ovládání automaticky čtené učebnice Požadavky na počítač Pro používání čtených pomůcek Vám postačí běžný osobní počítač, reproduktory
VíceStručný manuál pro webový editor. Ukládáni základních informací, tvorba menu
Stručný manuál pro webový editor Ukládáni základních informací, tvorba menu Po přihlášení ( zadejte zaslané přihlašovací jméno a heslo ) se Vám zobrazí stránka, kde jsou následující údaje: 1. blok, který
VíceKonvertor diakritiky 3. Instalace
OBSAH Popis... 2 Ovládání aplikace... 3 Odstranění diakritických znamének... 4 Operace s textem... 4 Nastavení aplikace... 4 Písmo... 4 Jazyk... 4 Přidání dalšího jazyka do aplikace... 5 Znaky... 5 Instalace
VíceTHEOPHILOS. (návod k použití)
THEOPHILOS (návod k použití) Nejprve si z internetových stránek www.theophilos.com (nebo www.theophilos.sk) stáhněte všechny soubory, které Vás zajímají a nainstalujte je (podrobný návod na instalaci programu
Více<!DOCTYPE html> <html lang="cs"> <head> <meta charset="utf-8" /> <title>název stránky v titulkovém pruhu prohlížeče</title> </head>
1. HTML5 Technologie HTML5 zavádí a vylepšuje širokou škálu funkcí, zahrnující pokročilé nástroje pro práci s formuláři, multimédii, strukturami a sémantikou, aby poskytla autorům více flexibility a interoperability
VíceJavaScript 101. "Trocha života do statických stránek"
JavaScript 101 "Trocha života do statických stránek" Nacionále: JavaScript 101 Vznik: Netscape, 1995 Původně Mocha, později LiveScript, nakonec z marketingových důvodů přejmenován na JavaScript JavaScript
VíceMS Word. verze Přehled programů pro úpravu textu
MS Word verze 2013 Přehled programů pro úpravu textu Pro úpravu textu slouží textový editor Jednoduché (zdarma, součást operačního systému MS Windows): Poznámkový blok, WordPad Komplexní: MS Word, Writer
VíceKurikulum počítačové gramotnosti pro žáky se speciálními vzdělávacími potřebami příloha ŠVP ( 2.stupeň ZŠ - 3.část )
Projekt je součástí operačního programu Rozvoj lidských zdrojů a je financován z Evropského sociálního fondu a ze státního rozpočtu ČR. Metodika je zpracována v rámci projektu OP RLZ, výtisk je neprodejný,
VíceČESKY. Macro Key Manager Návod k použití
ČESKY Macro Key Manager Návod k použití Introduction Macro Key Manager je speciální software pro tablety. S použitím software Macro Key Manager můžete nastavit funkce kláves (Kopírovat = Ctrl+C ) či odkazy,
VíceÚvodní příručka. Správa souborů Kliknutím na kartu Soubor můžete otevřít, uložit, vytisknout a spravovat své soubory Wordu.
Úvodní příručka Microsoft Word 2013 vypadá jinak než ve starších verzích, proto jsme vytvořili tuto příručku, která vám pomůže se s ním rychle seznámit. Panel nástrojů Rychlý přístup Příkazy tady umístěné
VíceUŽIVATELSKÁ PŘÍRUČKA
UŽIVATELSKÁ PŘÍRUČKA Verze: 1.0.0 2 Obsah 0 Část I Předmluva 1 Vítejte 3... 3 Část II Instalace 4 Část III Aktivace programu 8 Část IV Obsluha programu 9 1 Menu... 9 Soubor... 9 Otevřít test... 9 Zobrazit
VíceXHTML 1. Značkovací jazyky (mark-up): Součastí prostředků je systém m značek
XHTML 1 Jazyk HTML značkovací jazyk, speciálně vyvinutý pro popis Internetových dokumentů. HTML umožňuje popis: struktury dokumentu; obsahu dokumentu; způsobu zobrazení obsahu prohlížečem na displeji.
VíceInformace o nové úpravě systému ASJA (leden 2015)
Informace o nové úpravě systému ASJA (leden 2015) 1. V hlavním (prostředním) sloupci systému ASJA je výčet jednotlivých oblastí, ve kterých probíhá vzdělávání JA, a to: CIVILNÍ SOUDNICTVÍ TRESTNÍ SOUDNICTVÍ
VíceZdokonalování gramotnosti v oblasti ICT. Kurz MS Excel kurz 2. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/28.
Zdokonalování gramotnosti v oblasti ICT Kurz MS Excel kurz 2 1 Obsah Práce s listy v MS Excel 2010... 4 Výběr (volba) listu... 4 Skrýt/zobrazit listy... 5 Klik na záložky... 5 Skrýt list (využítí pásu
VíceStručný postup k použití programu PL7 Junior (programování TSX Micro)
Stručný postup k použití programu PL7 Junior (programování TSX Micro) 1. Připojení PLC TSX Micro k počítači Kabel, trvale zapojený ke konektoru TER PLC, je nutné zapojit na sériový port PC. 2. Spuštění
VíceFrantišek Hudek. duben ročník
VY_32_INOVACE_FH12_WIN Jméno autora výukového materiálu Datum (období), ve kterém byl VM vytvořen Ročník, pro který je VM určen Vzdělávací oblast, obor, okruh, téma Anotace František Hudek duben 2013 6.
VíceWAK INTRA. Ovládání systému. internetový informační systém. účinný nástroj pro vedení firemních agend.
WAK INTRA účinný nástroj pro vedení firemních agend internetový informační systém Ovládání systému Jak na to? Tato prezentace poskytuje základní návod jak pracovat v systému WAK INTRA. Jednotlivé kroky
VíceTvorba webových stránek pomocí HTML kódu v příkladech. M. Seménka, 2014
Tvorba webových stránek pomocí HTML kódu v příkladech podpůrný text pro výuku M. Seménka, 2014 na příkladech se studenti seznámí se základními postupy tvorby www stránek Příklady je třeba důkladně prostudovat
VícePODROBNÝ NÁVOD K OVLÁDÁNÍ MAPOVÝCH APLIKACÍ MĚSTA
PODROBNÝ NÁVOD K OVLÁDÁNÍ MAPOVÝCH APLIKACÍ MĚSTA 1 OBSAH 1. ÚVOD... 3 2. ROZLOŽENÍ MAPOVÉ APLIKACE (PŘI ROZLIŠENÍ 1920X1200 PX)... 3 3. NÁSTROJE MAPOVÉ APLIKACE... 4 3.1 Pop-up okna...4 3.2 Záložky...4
VícePracovní plocha. V první kapitole se seznámíme s pracovním prostředím ve Photoshopu.
Obsah 1. Pracovní plocha 2. Paleta nástrojů, Paletky, Pruhy voleb 3. Paletka Navigator (Navigátor), nástroj Zoom (Lupa) 4. Práce s dokumentem - otevírání, zavírání, ukládání 1. Pracovní plocha V první
VíceNávod k aplikaci DPH Kontrol
Návod k aplikaci DPH Kontrol Obsah I. O aplikaci... 2 II. Jak používat DPH Kontrol... 3 1. Kontrola spolehlivosti plátců DPH... 3 2. Kontrola zveřejněných účtů... 5 III. Další práce s databází záznamů...
VíceMS Excel makra a VBA
Autor: RNDr. Obsah: MS Excel makra a VBA 1 Využití, ukázky, výhody a nevýhody... 2 2 Makra a zabezpečení... 2 2.1 Nastavení zabezpečení Excelu... 2 2.2 Uložení maker do sešitu a osobního sešitu maker...
VíceÚvod do filtrace, Quick filtr
Příručka uživatele systému Památkový katalog Úvod do filtrace, Quick filtr verze 1.x.x Autorská práva Copyright 2015 MUSOFT.CZ, s.r.o.. Všechna práva vyhrazena. Tato příručka je chráněna autorskými právy
VíceVzorce. Suma. Tvorba vzorce napsáním. Tvorba vzorců průvodcem
Vzorce Vzorce v Excelu lze zadávat dvěma způsoby. Buď známe přesný zápis vzorce a přímo ho do buňky napíšeme, nebo použijeme takzvaného průvodce při tvorbě vzorce (zejména u složitějších funkcí). Tvorba
VíceNávod pro používání Automaticky Čtených Učebních Pomůcek vytvořených v rámci projektu ARET
Návod pro používání Automaticky Čtených Učebních Pomůcek vytvořených v rámci projektu ARET Tato nápověda slouží k vysvětlení správného používání automaticky čtených učebních pomůcek dostupných na internetové
Více(X)HTML, CSS a jquery
Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje
VíceKlávesy, které lze naprogramovat:
Příloha 4: PROGRAMOVATELNÉ KLÁVESY Programovatelné klávesy urychlují práci uživatele, neboť mu umožňují předdefinování kláves často používanými vstupy (např. telefonní číslo kanceláře atd.) Programovatelné
VíceInternet. Internetový prohlížeč. Mgr. Jan Veverka Střední odborná škola sociální obor ošetřovatel
Internet Internetový prohlížeč Mgr. Jan Veverka Střední odborná škola sociální obor ošetřovatel Internet www stránka Internet = rozsáhlá celosvětová síť počítačů slouží k přenášení informací a poskytování
VíceÚvod do jazyka HTML (Hypertext Markup Language)
Úvod do jazyka HTML (Hypertext Markup Language) WWW zdroje: http://www.jakpsatweb.cz/ Jak psát web, návod na HTML stránky (Dušan Yuhů Janovský) http://www.kit.vslib.cz/~satrapa/www/kurs/ Kurs vytváření
VíceCTRL+C kopírovat CTRL+V vložit DELETE odstranit. CTRL při přetažení položky zkopírovat vybranou položku. F2 přejmenovat vybranou položku
Obecné klávesové zkratky CTRL+C kopírovat CTRL+V vložit DELETE odstranit CTRL při přetažení položky zkopírovat vybranou položku F2 přejmenovat vybranou položku CTRL+ŠIPKA DOLEVA předchozího slova CTRL+ŠIPKA
VíceInternet cvičení. ZS 2009/10, Cvičení 3.,8.12.2009. Tomáš Pop. DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz
Internet cvičení ZS 2009/10, Cvičení 3.,8.12.2009 Tomáš Pop DISTRIBUTED SYSTEMS RESEARCH GROUP http://dsrg.mff.cuni.cz CHARLES UNIVERSITY PRAGUE Faculty of Mathematics and Physics Java Script obecně Moc
Více13. Vytváření webových stránek
13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací
VíceMS Word základy. Úvod do MS Word. Nový dokument. Vytvoření zástupce programu na ploše. Otevření dokumentu a popis prostředí: Ukládání souboru:
MS Word základy Úvod do MS Word. Vytvoření zástupce programu na ploše. Start Programy PK na Microsoft Word Odeslat Plocha Vytvořit zástupce Otevření dokumentu a popis prostředí: Spuštění programu Start
VíceZŠ ÚnO, Bratří Čapků 1332
MS Excel 2002 Grada - po spuštění je třeba kliknout do středu obrazovky - v dalším dialogovém okně (Přihlášení) vybrat uživatele, zřídit Nového uživatele nebo zvolit variantu Bez přihlášení (pro anonymní
VíceZáklady rozpočtování s využitím IT
Změny a významné novinky v SW KROS plus 2012/2 Základy rozpočtování s využitím IT ÚRS PRAHA, a.s. VSTUPY: soupisy provedených prací rychlé orientační propočty fakturace přehled prostavěnosti Moduly UKAZATELE
VíceMETODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.
METODICKÝ POKYN PRÁCE S MS PowerPoint - ZAČÁTEČNÍCI Základní rozložení plochy Výchozím stavem při práci je normální zobrazení. pás karet - základní nabídka příkazů Pořadí jednotlivých snímků Základní plocha
VíceERP informační systém
Elektronické podání formulářů vyúčtování daně z příjmů na FÚ Systém WAK INTRA - modul Zaměstnanci menu Mzdy / Výsledky výpočtů - seznam Vyúčtování daně z příjmů ze závislé činnosti - volba Vytvořit soubor
VíceEXCEL IV. část. 7. Vzorce a funkceuložení, tisk a doplňky 8. Používané zkratky. Zpracoval: Ing. Pavel branšovský. pro potřebu VOŠ a SŠSE
EXCEL 2007 IV. část 7. Vzorce a funkceuložení, tisk a doplňky 8. Používané zkratky Zpracoval: Ing. Pavel branšovský pro potřebu VOŠ a SŠSE Volně použito podkladů z "Microsoft Office EXCEL 2007, Petr Broža,
VíceNastavení provozního prostředí webového prohlížeče pro aplikaci
Nastavení provozního prostředí webového prohlížeče pro aplikaci IS DP Informační systém o datový prvcích verze 2.00.00 pro uživatele vypracovala společnost ASD Software, s.r.o. dokument ze dne 23. 06.
VícePoužívání u a Internetu
Používání e-mailu a Internetu Je pro vás systém Windows 7 nový? I když má tento systém mnoho společného s verzí systému Windows, kterou jste používali dříve, můžete potřebovat pomoc, než se v něm zorientujete.
VíceIII/2 Inovace a zkvalitnění výuky prostřednictvím ICT
Číslo a název šablony Číslo didaktického materiálu Druh didaktického materiálu Autor Jazyk Téma sady didaktických materiálů Téma didaktického materiálu Vyučovací předmět Cílová skupina (ročník) Úroveň
Více