poskolak.github.io

Repozitář pro GitHub stránky kroužku robotiky

View My GitHub Profile

Rozcestník na jednotlivé stránky

20.5.2022 Cíl: dokončit předchozí a zbavit nás teček

image image

6.5.2022 Cíl: naučit se mít kulaté zprávy vlevo i vpravo

  1. Zprávy vertikálně odskočit (např. margin-bottom, nebo padding-bottom)
  2. Liché zprávy, široké 50% a vlevo
  3. Sudé zprávy, 50% a vpravo

8.4.2022 Cíl: připravit chaty pro projekt autíček

  1. Vytvořit novou stránku robochat.html
  2. Název chatu v levém sloupci: Autíčka
  3. Přidat “živé” chaty, zatím všechno vlevo
  4. Udělat kulaté rohy ve zprávách chatu

25.3.2022 Cíl: chaty v sloupcích

  1. Přesun chatů a SEND tlačítka do pravého sloupce
  2. Jako bonus: kulaté rohy

11.3.2022 Cíl: seznámit se s živým chatem a vyzkoušet i sebe

  1. Znovu zjistit co je CSS
  2. Zjistit co znamená <!– –>
  3. Zjistit co znamená UL a LI u tagů
  4. Zprovoznit chat u sebe, zatím pouze kopírovat věci mezi šipkami

25.2.2022 Prázdninové stylování Cíl: aby to bylo černý, texty bílé

  1. Zjistit, co je vlastně stajlování a zjistit, co znamená zkratka CSS???
  2. Přečíst úvod https://www.jakpsatweb.cz/css/
  3. Upravit pozadí stránky bublin i chatů na černo a texty na bílo

11.2.2022 Vývojářské možnosti v Chrome nebo FF

  1. Naučit se pustit okno výv. nástrojů (zkratky, v menu)
  2. Naučit se přepínat zobrazení pro desktop nebo simulaci mobilu
  3. Opravit šířku v simulaci mobilu u chatů a mobil
  4. Andy smaže obrázek nebo ho opraví

28.1.2022 Úvod do responzivní design

  1. Přečíst https://www.websites.cz/responzivni-design-co-je-a-jak-funguje/ https://cs.wikipedia.org/wiki/Responzivn%C3%AD_web_design
  2. Chaty hezky zobrazit na mobilu https://www.vzhurudolu.cz/prirucka/viewport-meta Toto zkusit přidat do hlavičky html, tj ```
... ... .... 

------
21.1.2022
Cíl je udělat CHATY a začít používat TryIt editor

1. Vyzkoušet TryIt [https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_trulli](https://www.w3schools.com/html/tryit.asp?filename=tryhtml_images_trulli)
2. Přidat stránku s chaty, inspirace

<!DOCTYPE html>

CHATY Instáče

jméno
aktivní naposledy před 10 roky... 		rychlá fotka
texty rychlá fotka
fotka texty rychlá fotka

```

7.1.2022 Cíl: Vytvořit minimálně 3 obdélníky s barveným pozadím, které mají kulaté rohy Jak?

  1. Projít návod na michal.html
  2. Podívat se na zdrojový kód stránky
  3. Podívat se na svojí stránku andy.html, nelinka.html, stelinka.html
  4. Podívat se na návod na kulaté rohy
  5. Zkusit to přidat kulaté rohy k první, druhé a třetí zprávě. Nápověda: <span style="TADY BUDE NĚJAKÝ NOVÝ KÓD PRO ROHY UKONČENÝ STŘEDNÍKEM; display: inline-block; width: 300px; background-color: #BBB;">První zpráva</span>

17.12.2021

  1. Přihlásit se do Github.com v prohlížeči na PC nebo laptopu
  2. Následně vyzkoušet editaci souborů nelinka.md a stelinka.md
  3. Vytvořit HTML soubor nelinka.html / stelinka.html a napsat do nich aktuální datum a čas
  4. Přidat do svého souboru text nějakého fiktivního postu