Autor | Zpráva | ||
---|---|---|---|
David Pham Profil |
#1 · Zasláno: 29. 5. 2020, 17:11:40
Vytvořte webovou stránku o JavaScriptu s ukázkami jeho možností využití. Stránka bude mít dvousloupcovou sazbu s hlavičkou a patičkou, v levém sloupci bude jednoduché menu s osmi dynamickými tlačítky (ne odkazy HTML, ale skrývání a zobrazování bloků pomocí JS). Šířka stránky bude 1200px. Na titulní straně bude stručné pojednání o tom, co je JavaScript (1. tlačítko v menu). Součástí hlavičky budou analogové hodiny (v JS), zobrazující aktuální čas. V patičce bude Copyright s vaším jménem, pokud se na něj najede myší, změní se na řádek s vaší adresou.
Aktivace (kliknutí) tlačítek 2 – 8 zobrazí následující obsah: 2. Čtyři černobílé fotografie (400x300), po kliknutí myší na fotku se tato změní na barevnou. Při dalším kliknutí se opět změní na černobílou. 3. Libovolný malý test (10 otázek) s možností volit libovolným způsobem odpovědi s následným vyhodnocením. 4. Malá fotogalerie (5 fotek) s využitím veřejně dostupné knihovny JavaScriptu. 5. Libovolná hra v JavaScriptu s českým návodem 6. Digitální stopky s vlastnoručně nakreslenými číslicemi. 7. Jedna velká fotografie, která se po 5s změní na jinou (celkem 5 různých fotografií). Přechod snímků bude nějakým způsobem animovaný. Pod obrázkem bude možné zadat jiný čas přechodu |
||
Kajman Profil |
#2 · Zasláno: 29. 5. 2020, 17:55:03
Šlo by to vytvořit v html a javascriptu. Když budete moci použít css, usnadní Vám to nějaké programování v javascriptu.
Vyučující neodkázal na žádné studijní materiály? |
||
David Pham Profil |
Kajman:
Tohle jsem našel na internetu školy v loňský maturitní z. Za rok budu maturovat takže chci se nějak připravit na to. Kajman: Ano ovšem v HTML JavaScript taky CSS |
||
Kajman Profil |
#4 · Zasláno: 29. 5. 2020, 18:21:01
Tak když máte čas, v klidu si přečtěte knihy o těchto technologiích a potom se teprve vrhněte na programování. Obráceně to nefunguje.
|
||
David Pham Profil |
#5 · Zasláno: 29. 5. 2020, 18:39:54
A nemohl byste to vytvořit a potom bych se na to podíval?
Protože hodně věcí jsme ještě nebrali ve škole. Mě tenhle předmět moc nejde. Jsem cizinec a moc mi nejde čeština. Děkuji za odpověď. |
||
Kajman Profil |
#6 · Zasláno: 29. 5. 2020, 19:10:34
Zeptejte se ve škole, jestli jsou dostupná řešení starých otázek. Ale tím se nenaučíte dělat jiná zadání. Lepší je si přečíst knížky (nemusí být přeci v češtině), abyste měl rozhled, jaká filozofie stojí za jazyky, co to všechno umí a na co je to dobré.
Programování asi bude jen volitelný maturitní předmět. Pokud Vám nejde, zavčas si zvolte jiný. |
||
David Pham Profil |
#7 · Zasláno: 29. 5. 2020, 19:24:44
No už jsem se zeptal a říkali že to nemají.
A fakt to nemůžete to udělat? Nevím kde teďka sehnat knížku technologie o JavaScript ve vietnamštině |
||
Keeehi Profil |
#8 · Zasláno: 29. 5. 2020, 20:13:21
Tady nás někdo tahá za fusekli. Ještě jsem nezažil učitele co by mi neporadil kde mám sehnat informace k nějakému problému. Obzvlášť pokud ho sám zadal. Nechce tu spíš po nás někdo vypracovat domácí úkol na poslední chvíli?
|
||
David Pham Profil |
#9 · Zasláno: 29. 5. 2020, 20:19:50
Jako nevím jestli domácí úkol vypadá takhle dlouhý.
|
||
Keeehi Profil |
#10 · Zasláno: 29. 5. 2020, 20:32:15
Tak třeba semestrální práci. Říkej tomu jak chceš. Jde ale v důsledku pořád o to samé.
|
||
David Pham Profil |
#11 · Zasláno: 30. 5. 2020, 08:36:24
Jaký práce wtf, jenom jsem chtěl připravit na příští rok na maturitě tak nevím co tady mluvíte
|
||
Ikki Profil |
#12 · Zasláno: 30. 5. 2020, 09:45:56
No zkrátka máš smůlu a můžeš se jít učit. Vietnamec, číňan, polák nebo čech. Všichni když chtěli, tak se to naučili. Rasa, původ či jazyk není v dnešní době omezením.
|
||
Radek9 Profil |
#13 · Zasláno: 30. 5. 2020, 11:41:42
David Pham:
To, že ti moc nejde čeština, se trochu vylučuje s maturitou, ne? Zkus třeba tohle, ale za kvalitu neručím: www.facebook.com/watch/Vietnamese-HTML-Tutorial-1595399610678940 Každopádně i Google Translate zvládne obstojný překlad různých online tutoriálů. |
||
Kajman Profil |
#14 · Zasláno: 30. 5. 2020, 18:59:45
David Pham:
Pokud tedy vyhledávač nenajde žádnou elektronickou knihu ve vietnamštině, tak nejvíc materiálů bývá v angličtině. Z nich bych asi doporučil eloquentjavascript.net máte tam příklady a rovnou si tam můžete dělat úkoly přímo v prohlížeči, abyste látku lépe vstřebal a ověřil si, že nepotřebujete tu kapitolu přečíst ještě jednou. Jsem rád, že už mám maturitu za sebou. Tohle zadání bych asi za tu přidělenou hodinku nebo dvě nezvládl. |
||
Kcko Profil |
#15 · Zasláno: 31. 5. 2020, 01:07:55
Kajman:
To já taky ne, spíš mám pocit, že si člověk vybere jednu věc a tu udělá. (Bod 5 a 6 bych tedy fakt dělat nechtěl). |
||
Časová prodleva: 13 dní
|
|||
David Pham Profil |
Kcko:
Tak prosím jak vytvořím ten menu aspoň Prosím někdo poradit aspoň tu půlku Děkuji :// |
||
Kajman Profil |
#17 · Zasláno: 12. 6. 2020, 21:59:59
Máte přeci rok času. Začněte se čtením knih. Pošlete sem pak až výsledek snažení. Bez studia se k maturitě z programování nehlaste.
|
||
David Pham Profil |
#18 · Zasláno: 14. 6. 2020, 09:59:47 · Upravil/a: Moderátor (editace znemožněna) 14. 6. 2020, 13:26:09
Kajman:
Dobrý den nevíte jak udělat aby když kliknu na tlačítko třeba home tak, aby zobrazilo nějaký text? <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .dropbtn { background-color: #3498DB; color: white; padding: 16px; font-size: 16px; border: none; cursor: pointer; } .dropbtn:hover, .dropbtn:focus { background-color: #2980B9; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover {background-color: #ddd;} .show {display: block;} </style> </head> <body> <h2>Clickable Dropdown</h2> <p>Click on the button to open the dropdown menu.</p> <div class="dropdown"> <button onclick="myFunction()" class="dropbtn">Dropdown</button> <div id="myDropdown" class="dropdown-content"> <a href="#home">Home</a> <a href="#about">About</a> <a href="#contact">Contact</a> <a href="#home">Home</a> <a href="#home">Home</a> <a href="#home">Home</a> <a href="#home">Home</a> <a href="#home">Home</a> </div> </div> <script> /* When the user clicks on the button, toggle between hiding and showing the dropdown content */ function myFunction() { document.getElementById("myDropdown").classList.toggle("show"); } // Close the dropdown if the user clicks outside of it window.onclick = function(event) { if (!event.target.matches('.dropbtn')) { var dropdowns = document.getElementsByClassName("dropdown-content"); var i; for (i = 0; i < dropdowns.length; i++) { var openDropdown = dropdowns[i]; if (openDropdown.classList.contains('show')) { openDropdown.classList.remove('show'); } } } } </script> </body> </html> Moderátor Kajman: Vkládej prosím kódy mezi značky [>pre] a [>/pre] (stačí kliknout na ).
|
||
Kaštan Profil * |
#19 · Zasláno: 14. 6. 2020, 18:56:15
Jak moc na to spěcháš? Rád bych se to naučil a udělal to, ale bude mi to trvat tak 14 až 3 týdny dní (Musím se to naučit a dělám do toho ještě jiné věci).
|
||
Časová prodleva: 4 roky
|
0