Kritika webu dettube-cz.euweb.cz
http://dettube-cz.euweb.cz
Při vložení tohoto webu do kritiky web získal od našeho robota následující hodnocení:
Kladných hodnocení: 7; Varování a poznámky: 8; Kritické chyby: 1.
Stránka obsahuje mnoho zbytečných chyb. Většinu nalezených chyb je možné jednoduše opravit. Pokud si s něčím nevíte rady, použijte Český neoficiální validátor HTML stránek
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
![]:->](images/img/smileys/evil.png)
Urazky necti 
Jenom ten
text, ktery by ti z te reakce mohl pomoci, neco hodnoti.
Ostatne, neni problem jim u reakce kliknout minusko. Treba admin kontroluje
prispevky a panove si priste rozmysli
- marginy padingy mas nestejne
http://dettube-cz.euweb.cz/info.html
odkaz 'Co je to Dettube-cz?'
Nahore cara je viditelne blize nez cara ze spodu.
Zleva je odkaz rekneme 40px. Ale text nadtim Vitej je na levem okraji.
A pod ostatni stranky. Napr http://dettube-cz.euweb.cz/, text menu a ctverecek menu,
nahore a dole to je jina velikost uvnitr modreho obdelniku, totez zleva. Pokud
to neni zamerne, tak to vypada divne.
- silene barvy, nesladene (VYBER AUTHORA - Daniel, modry text na divokem pozadi, proc ne tmave zeleny?)
S barvami by ti mohlo pomoci toto. A nebo se daji googlem najit "web color
palette"
https://mlich.zam.slu.cz/js-color4.htm
- Firefox - nastroje - vyvoj webu kapatko - vyberu si pozadi
- Pozadi #ccffff, dam ho do te tabulky napravo do zahlavi sloupce a vygeneruje to ruzne barevne odstiny.
Tam bych treba pod menu zvolil barvu 00CCCC.
Barvu textu a obrazku bych zkusil bilou nebo podle pozadi ccffff.
- Videl jsi html a css kod? Take se bojis?
Prvne si vsimnes, ze tam je kodovani win1250 smichane s utf-8. DALŠÍ WEBY
vs PĹ™evážnÄ.
Potom objevis presmerovani pomoci noscript a refresh
URL=http://www.dettube-cz.euweb.cz/noscript.html. Netusim, kvuli cemu to tam
mas.
Po zkouknuti js kodu http://www.dettube-cz.euweb.cz/js/main.js se clovek zas desi
toho, ze by opisoval tolik pismenek kvuli antispamu.
href="/ostatni-videa.php"class="odkaz-lime" -- tady ti schazi mezera pred classA mozna bys mohl zkusit nejaky validator, pripdane zkopirovat vzor kodu od jinud. Treba z bootstrapu. Vlevo, kdyz si proklikas menicko... https://getbootstrap.com/…tent/tables/ A nebo zkus starsi verzi, ta ma menicko prehlednejsi. https://getbootstrap.com/docs/3.3/css/ | https://getbootstrap.com/…/components/
A dival jse se, kdyz nastavis sirku okna full-screen, 2/3, 1/3 co se stane? Uplne ti litaji nadpisy. To by se dalo vyresit uzavrenim cele stranky do divu s sirkou, treba podle em (velikost pismene M), 40em = 40x sirma M. margin 0:auto je centrovani.
<div style="margin:0 auto; width:40em; ">H2 s teckami bych zmenim na hr a pridal class a cele to prestyloval. Pripadne se da cara skryt a pouzit misto ni
hr:after {content:"...........................";}No, myslim si, ze jsi ten web moc nepromyslel. Mel by sis urcit, co, na jake strance a jak chces prezentovat. A pouzit jednotici prvky.
http://dettube-cz.euweb.cz/daniel.php
Take celkem desiva stranka.
FF - nastroje - nastroje pro vyvojare - editor stylu - + (pridat novy)
body {width:46em; margin:0 auto; font: 16px arial; color:#002020}
input, label, textarea {font: 16px arial; color:#002020; padding:0.3em; width:25em; margin-right:0.5em;}
button, a {margin-right:0.5em;}
h2 {margin:0.75em 0; padding:0;}
dd {margin:0; padding:0;}
h2 ~ h2, dd ~ h2 {color: #87A7A7;}
hr {color: #C3D3D3; height:0; border:0px solid; border-bottom:1px solid; margin:1em 1em;}Co by bylo fajn, kdybys z bootstrapu obslohnul pojmenovani trid. Aby treba Toto vypadalo vzdy stejne:
styl tlacitko = btn
<a class="btn"></a>
<button class="btn"></button>
<input type=button class="btn">Ted tam treba resis v tom formulari tlacitko pro odeslani a odkaz a snazis se
mu tam datava B jako bold a nejake dalsi veci. No, stejna trida by to
sjednotila, ne?
Bootstrap ma tez spesl pravidla, kdyz jsou tlacitka vedle sebe nebo pod
sebou.
Jo, dalsi jedna z desivych veci je to menu. Aspon na firefoxu se zobrazuje
divne. Co treba udelat ramecek, dovnitr nejaka jemna barvicka a uvnitr jen
odkazy, ktere se podtrhavaji a:hover {...}, podtrhavani viz tahle stranka. A
nebo menit pozadi na hover.
https://mlich.zam.slu.cz/…tuality1.htm
A pouzit na to class nav jako navigace? Aspon pro obalovaci prvek.
menu-styl-pozadi = nav
http://www.dettube-cz.euweb.cz/
.menu-styl-pozadi {border:2px solid #86B9B9; background:#DDFFFF; color: #002020; font-family:arial; width:8em;}
.menu-styl-pozadi h2, .menu-styl-pozadi p, .menu-styl-pozadi a, .menu-styl-pozadi dd {font-size:16px; margin:0.5em 0; padding:0; display:block; background:transparent; color:#002020}
.menu-styl-pozadi h2 {font-size:20px;}
.menu-styl-pozadi a {text-decoration:none;}
.menu-styl-pozadi a:hover {color:#f00; text-decoration:underline; cursor:pointer;}
.menu-styl-pozadi .button-red {color:#f00; position:absolute; right:0.5em; top:0; width:1.33em; overflow:hidden; }
.menu-styl-pozadi .button-red:before {content:"x"; font-weight:bold; background:#f00; color:#fff; border-radius:1em; padding:0 0.25em; font-size:20px;}Jak jsem to myslle s tim rameckem u menu, tady maji neco podobneho.
https://www.slu.cz/…z/ubkoustavu
Vpravo, kdyz si rozkliknes Vedecka cinnost, pohybujes mysi pres to sede menu,
tak ten hover efekt vypada celkem sympaticky. Ale jinak bych takove menu na web
nedaval
A nebo misto zavrit bych tam dal sipecku <<. A misto Otevrit, menu
tlacitko [=], zase sipecku >>. Ikdyz, nevim...
Treba si promyslet, co na webu chces nabizet a ktomu zvolit spravne graficke prvky, nazvy tlacitek a odkazu, aby to mel uzivatel intuitivni.
Je cool když máš na webu video o směrnici o autorských právech a to
video tu směrnici porušuje 
Ještě se vydáváš za autora a toto si určitě ty nedělal.
Jinak nevím jestli myslíš že tě tu pochválíme ale kdyby si udělal aspoň pár věcí co ti tu radíme možná by to bylo jiné, přidal jsi tam v podstatě jen nahrávání videí které stějně nějak nefunguje...
Neaktivní uživatel:16.4.2019 20:20
H2 s teckami bych zmenim na hr a pridal class a cele to prestyloval. Pripadne se da cara skryt a pouzit misto ni
<code>hr:after {content:"...........................";}</code>
Nebylo by lepší v takovém případě něco jako tohle?
hr {
border-width: 0 0 3px 0;
border-bottom-style: dotted;
}Nebo ne? 
Niesomtu Hraskova:29.4.2019 22:11
Ahoj, všetci vieme (aj tí čo nevedia nič o programovaní, stačí že
chodia na iné webové stránky - preto je im jasné ako ký web asi vypadat
, že Tvoj web nesplna ani
estetický priemer a o funkcionalite škoda hovoriť. No na druhú stranu Ti aj
tak skladám pochvalu, pretože som si rozklikla nielen Tvoj web ale aj Tvoj
profil v ktorom máš napísaný svoj vek : 12rokov. A vzhladom na tuto
skutocnost je Tvoj web super aj napriek tomu ze nestoji za nic, je chvalihodné
že miesto toho aby si sedel za pc a hral sa nejake stupidne hry cele dni ci
vypisoval si s kamaratmi na fb blbosti ktore len kradnu ludom cas z ich kratkych
zivotov, sa ucis a snazis ovladat technologie ktore dnes ovladaju vsetkych tych
ktorí su lenivy a nechcu sa naucit nic. Viem si predstavit aku radost si mal zo
svojho webu ze sa ti tlacitko zafarbi na nejaku farbu a funguju ti tam rozne
odkazy atd...:) Si sikovny a ked sa nenechas odradit tak mozno raz budes radit
ty nam.
Zobrazeno 14 zpráv z 14.