Front-end Front-end
Probíhá výprodej HTML, JavaScript a Bootstrap. Slevy až 80 %
Vyšlehej si extra vědomosti! Až 100% bodů na prémiový obsah zdarma! Více zde

Kritika webu dettube-cz.euweb.cz

Jak se ti líbí web?
1 hlasů
Přejít na web:
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

Aktivity (1)
Avatar
Daniel
Člen
Avatar
Daniel:15. dubna 16:10

Ahojte udělal jsem velkou aktualizaci mého webu.Na web můžete nahrát video a také jsem přidal diskuzi.

 
Odpovědět  -3 15. dubna 16:10
Avatar
Jurajs
Člen
Avatar
Odpovídá na Daniel
Jurajs:15. dubna 16:39

Poradím ti: pokud sem chceš dávat takový odpad, tak to raději smaž....Nic bych neřekl kdyby se ten web rovnal webu z roku 2019....Ale tomuhle se fakt nic nedá říct a ani nevidím tu tvoji velkou aktualizaci :/ ....
Koukni na netu na nějaké free šablony stahni si nějakou a uč se to z toho....Tohle co ukazuješ to je katastrofa!....Od té doby co jsem ti poslala ten odkaz na ty free šablony, tak vubec nevidim zlepšení!....Tohle ti každy zkritizuje, ja se dicvim, ze mas odvahu to sem davat :/

 
Nahoru Odpovědět  -1 15. dubna 16:39
Avatar
Daniel
Člen
Avatar
Daniel:15. dubna 17:02

Ja nechci free šablony.Protože nechci to co jsem neudělal a ani se nehodí žádná šablona a pro tebe je to odpad, ale pro mě je to úspěch.Projdi si to pořádně ten můj web.Když nevidíš změnu.
;-( ]:->

 
Nahoru Odpovědět  -8 15. dubna 17:02
Avatar
Jurajs
Člen
Avatar
Odpovídá na Daniel
Jurajs:15. dubna 17:19

Ne, nevidím změnu...Sorry, ale já jsem ti chtěl pomoct...A tím že si stáhneš free šablonu, tím se naučíš pořádně HTML a CSS....A uvidíš aspoň jaký je v tom rozdíl, na tenhle web ti nikdo chodit nebude, i když tam budou nějaké videa, to raději člověk shlédne videa na youtube....
Nevím jak ty, ale já bych se raději učil první kódovat normální web, který bude aspoň trochu vypadat (jak kód tak design webu)....

 
Nahoru Odpovědět  +4 15. dubna 17:19
Avatar
Odpovídá na Daniel
Jaroslav Smrž:15. dubna 18:47

Ahoj, tak tohle je opravdu hrůza.... Ani koukat se na to nedá kvůli příšerným barvám. O formátování ani nemluvím. A teď k samotnému "kódu" - to je pekelný chaos. Hned nastavení kódování, opravdu windows-1250 ??? Dále, k čemu linkuješ CSS soubor, když "styluješ" přímo u každého elementu??? Projdi si základní tutoriály HTML5 a CSS3 tady na IT Network. Pak se nauč Bootstrap framework a pak teprve zkoušej prezentovat seriózní projekt. Tohle je vážně výsměch všem lidem tady na síti. Můj první web před 20 lety vypadal lépe.
PS vůbec nejvíc se mi líbí

<h2>...............................................................................................</h2>

xDDD

Editováno 15. dubna 18:49
Nahoru Odpovědět  +2 15. dubna 18:47
I have no idea what it is doing but I´m scared to delete it... xD
Avatar
Daniel
Člen
Avatar
Daniel:15. dubna 20:10

Jestli mě chcete urážet, tak jsem vůbec nepište!!! Kdybyste mi poradili. |-)

 
Nahoru Odpovědět  -6 15. dubna 20:10
Avatar
Odpovídá na Daniel
Jaroslav Smrž:16. dubna 7:00

Nikdo tě neuráží a již jsme ti poradili. Ty žádáš kritiku, ale nechceš ji slyšet, takhle se nikdy nic nenaučíš. Například máš vůbec představu k čemu slouží kódování windows-1250? Nevadí ti, že máš kvůli tomu rozsypané všechny texty? Takovou hlavičku, co máš, nenajde google ani na 500. stránce s výsledky. Víš k čemu slouží

<h2></h2>

? To jsou základní věci, které musíš znát!

Projdi si základní tutoriály HTML5 a CSS3 tady na IT Network. Pak se nauč Bootstrap framework a pak teprve zkoušej prezentovat seriózní projekt.

Nahoru Odpovědět  +4 16. dubna 7:00
I have no idea what it is doing but I´m scared to delete it... xD
Avatar
Jiří Zeman
Člen
Avatar
Jiří Zeman:16. dubna 9:17

Já jsem ti to říkal už jednou....
Nechci být sprostý, protože se bojím, že i moje banka sprostých slov by nevyjádřila to, co chci říct...

Tak ještě jednou!

  1. https://www.jakpsatweb.cz/
  2. https://www.itnetwork.cz/
  3. kup si knížky https://www.vzhurudolu.cz/ebooky (řekni si rodině, ať ti to koupí k vysvědčení/na­rozeninám/svát­ku)
  4. Makej na webdesignu
  5. Googli po internetu
  6. Zkoušej
  7. Až budeš cítit, že to má koule, to co jsi vytvořil tak poté prezentuj
  8. Dokud nezvládáš základy, tak už sem nic nedávej!

HTML+CSS - základ!!!!!!
Ty nejsi schopný napsat jednoduchý správný kód. Tolik lidí se tě tu snaží nasměrovat na správnou cestu, ale ty si říct prostě nedáš! Nedáš! NEDÁŠ!

Kdybyste mi poradili.

Ach jo :/

Jestli mě chcete urážet, tak jsem vůbec nepište!!!

Ty urážíš nás!!! Sorry jako!

Editováno 16. dubna 9:18
Nahoru Odpovědět  ±0 16. dubna 9:17
Chybami se člověk učí.
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:16. dubna 11:10

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

  1. Firefox - nastroje - vyvoj webu kapatko - vyberu si pozadi
  2. 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/nos­cript.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 class

A 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;}
 
Nahoru Odpovědět  +1 16. dubna 11:10
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:16. dubna 14:32

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.

 
Nahoru Odpovědět 16. dubna 14:32
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:16. dubna 15:13

tip navigace
https://www.jotform.com/…u-tutorials/
https://navnav.co/
https://medium.com/…21644390afeb

google = top navigation (top10 top100)

 
Nahoru Odpovědět 16. dubna 15:13
Avatar
Matěj Strnad:16. dubna 17:20

Je cool když máš na webu video o směrnici o autorských právech a to video tu směrnici porušuje :D 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...

Nahoru Odpovědět 16. dubna 17:20
Škoda že Google nikdo nenaučil slovo "soukromí"...
Avatar
Odpovídá na Peter Mlich
Andy Scheuchzer:16. dubna 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
hr:after {content:"...­.............­...........";}

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? :-?

Nahoru Odpovědět  +1 16. dubna 20:20
Člověk, co si myslí, že snědl všechnu moudrost světa, i když tomu tak není.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 13 zpráv z 13.