Kritika webu jrdesigners.eu

HTML a CSS Kritika webů - ukažte se! jrdesigners.eu American English version English version

Jak se ti líbí web?
Celkové hodnocení (4 hlasů):
44444
Přejít na web:
http://jrdesigners.eu
Avatar
jandr
Neregistrovaný
Avatar
jandr:

Zdravím sme študenti Žilinskej Univerzity. Popri štúdiu by sme si chceli privyrobiť robením webdesignu, grafiky a podobne. Vytvorili sme stránky http://www.jrdesigners.eu referencie zatiaľ niesu tak sú tam len také provizorné. Poprosím vás o názor na túto stránku. Čo by sa malo zlepšiť čo prerobiť, alebo či prerobiť celý web. Vopred ďakujem za každú radu a názor.

 
Odpovědět 1.11.2012 0:40
Avatar
matesax
Redaktor
Avatar
Odpovídá na jandr
matesax:

Je to velmi pěkné. Jen - proč nevyužíváte HTML5 tagy?. (Nemám rád, když se nadužívají neutrální tagy.) A drobnůstka - ecapujte znaky. Má te tam hodně zbloudilých (uzavíracích) tagů. A přijde mi, že by se některé věci dali shodit pryč.

Třeba toto:

<div id="wb_Text11" style="position:absolute;left:360px;top:924px;width:679px;height:162px;z-index:29;">
<h2><span style="color:#000000; font-family:'Trebuchet MS'; font-size:16px;">- originálny grafický design vašej stránky</h2>
<h2><span style="color:#000000; font-family:'Trebuchet MS'; font-size:16px;">- viac zákazníkov</h2>
<h2><span style="color:#000000; font-family:'Trebuchet MS'; font-size:16px;">- vaše stránky nájdu ľudia skôr ako stránky vašej konkurencie</h2>
<h2><span style="color:#000000; font-family:'Trebuchet MS'; font-size:16px;">- originálny a intuitívny redakčný systém</h2>
<h2><span style="color:#000000; font-family:'Trebuchet MS'; font-size:16px;">- vaše stránky ponúkajú neobmedzenú reklamu do celého sveta</h2>

Proč nenadefinujete element h2 v CSS?

Editováno 1.11.2012 5:58
 
Nahoru Odpovědět 1.11.2012 5:55
Avatar
Kit
Redaktor
Avatar
Odpovídá na matesax
Kit:

Protože tam to h2 vůbec nepatří. Je to seznam.

jandr: Ta stránka je přestylovaná, chybně použité tagy, chybně použitá id, chybné pozadí (text se nedá číst). Doporučuji zbavit se position:absolute, protože s tím bývají dost velké problémy v prohlížečích.

Nahoru Odpovědět 1.11.2012 6:30
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
jandr
Neregistrovaný
Avatar
jandr:

To h2 je tam iba kvôli seo aby sa na stránke nachádzali aj nejaké h2 nadpisy, nevedel som kde to použiť tak som to dal sem.

Kit: Ktorý text sa nedá čítať nech to opravím plz. A ten zdroják mi bude ešte kamarát programátor opravovať. Toto som robil ja a som v tom ešte celkom noob.

Skôr by som sa chcel zamerať na ohodnotenie vzhľadu stránky a použitelnosti.
Ďakujem zatiaľ za každú radu aj názor.

 
Nahoru Odpovědět 1.11.2012 11:18
Avatar
Kit
Redaktor
Avatar
Odpovídá na jandr
Kit:

Takové SEO je k ničemu.

Měl jsem na mysli text na strakatém pozadí.

Nahoru Odpovědět 1.11.2012 11:53
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
jandr
Neregistrovaný
Avatar
jandr:

A ako to teda upraviť aby bolo aj seo k niečomu ? Text v tom zelenom obrázku v indexe ?

 
Nahoru Odpovědět 1.11.2012 11:56
Avatar
samo007
Redaktor
Avatar
Odpovídá na jandr
samo007:

Ten text naľavo vyzerá ako menu. Treba dať návštevníkovi najavo, že to je iba obyčajný text. Stránka vyzerá chaoticky. Myslím, že ako firma na tvorbu webu, by váš web mal byť ukážkový.
Čo je to za pozadia za tými textami? Daj tam radšej samostatný obrázok.

Editováno 1.11.2012 15:41
 
Nahoru Odpovědět 1.11.2012 15:38
Avatar
jandr
Neregistrovaný
Avatar
jandr:

samo007 takže asi celkovy redesign ? a spraviť niečo jednoduchšie ?

 
Nahoru Odpovědět 1.11.2012 15:45
Avatar
Frunta
Redaktor
Avatar
Frunta:

Nebýt toho muže, co se opírá o levou stranu stránky, bych si myslel, že jsou to stránky nějaké skupiny skateboardistů.

 
Nahoru Odpovědět 1.11.2012 17:32
Avatar
David Čápka
Tým ITnetwork
Avatar
David Čápka:

Není to špatné, ale určitě bych to ještě doladil. Na kód jsem nakoukal, ale už tu o něm něco padlo, takže něco ke vzhledu. Líbí se mi odvážnější barvy, ale je špatným zvykem i vizitkou ukládat texty jako obrázky, mám na mysli ty nadpisy. Měnící se obrázky by si zasloužily nějaký přechod přes JavaScript, jsou na to hotové widgety. Esteticky se mi nelíbí červené odrážky nalevo, když zelenou, tak ale všude. Nemáte favicon, ten člověk nalevo by mohl mít také něco zeleného, alespoň kravatu, to je přeci banalita nalasovat a kolorizovat a udělá to hodně. Tady vidím, že to má smysl, jen to doladit.

Nahoru Odpovědět 1.11.2012 18:24
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar

Neregistrovaný
Avatar
:

skateboardistov ?:D Prečo?..pre tie odvážnejšie farby? Skúsim to zajtra doladiť, tak ako hovorí sdraco. Tie texty, ktoré sú ako obrázky, tak sú robené vo photoshope a neviem, ako by som tam dal tie efekty v kóde a či sa to vôbec dá. Skúsim tam dať teda nejaký widget a uvidím aký to spraví efekt, doladím aj uja :D a dám vediet :)

 
Nahoru Odpovědět 1.11.2012 19:05
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na
David Čápka:

Ano, dá. Obrázkové texty se již nedělají, vlastně by se neměly dělat nikdy, je to proti myšlence HTML. Přes CSS 3 nastavíš fonty a stín, s trochou šikovnosti dosáhneš podobného efektu.

Nahoru Odpovědět 1.11.2012 20:12
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
jandr
Neregistrovaný
Avatar
jandr:

Ďakujem pekne vyskúšam to :) snad bude dobry vysledok

 
Nahoru Odpovědět 1.11.2012 21:14
Avatar
Frunta
Redaktor
Avatar
Frunta:

Skateboardistov? Ano, především logo a kombinace černé se zelenou vytváří podle mě dojem stránky věnující se skateboardování. Ale jinak je to celkem povedené, chtělo by to však zmenšit šířku stránky, kvůli uživatelům netbooků.

 
Nahoru Odpovědět 1.11.2012 21:51
Avatar
samo007
Redaktor
Avatar
Odpovídá na jandr
samo007:

Prepáč, príliš som sa spoliehal na upozornenia na devbooku (ukazuje iba odpovede).
Áno, treba niečo jednoduchšie. Je tam toho priveľa a s tým aj veľa chýb. Ako vraví môj profesor, "v jednoduchosti je krása". A to platí aj tu.
Inak, toho muža ani nevidím, pretože som na mobile. Takže pri priblížení, alebo pri zmenšení okna na PC sa určite stane to isté. Skús dať celú stránku do divu s margin: auto a napíš šírku:

šírka pozadia muža * 2 + šírka stránky

Tým dosiahneš pri zmenšení rolovanie tak, aby mohol návštevník vždy vidieť toho muža (či čo tam je).

PS: Zaregistruj sa tu :)

Editováno 1.11.2012 22:57
 
Nahoru Odpovědět 1.11.2012 22:55
Avatar
Róbert Holička:

už som zaregistrovaný :) skúsim teda prvé úpravy ako povedal sdraco , samozrejme aj šírku stránky upravím a keď to nebude stále ono tak pôjde sa spravit komplet redesignt a skusim niečo jednoduchšie..

 
Nahoru Odpovědět 1.11.2012 23:31
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

ok, len by má zaujímalo, z kade máš ten widget na galériu. Hľadal som niečo podobné. Dáš mi link?

 
Nahoru Odpovědět 1.11.2012 23:37
Avatar
Róbert Holička:

galéria je robená cez WYSIWYG Web Builder 8 uložené v html a hodene do kodu na stranke :)

 
Nahoru Odpovědět 1.11.2012 23:44
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

Aha, takže ty si to len skopíroval? Tak to mi moc nepomôže :(
Pls, pri odpovedi na devbooku klikni na "odpoveď", inak ma to neupozorní.

Zaujíma ma ten kód. Môžeš mi to poslať?

Editováno 1.11.2012 23:50
 
Nahoru Odpovědět 1.11.2012 23:47
Avatar
Odpovídá na samo007
Róbert Holička:

stiahni si ten program a tam ti to galériu vytvorí, môžeš si tam donej hneď vložiť obrázky na skúšku a ono ti ju vytvori.. potom si ju už len umiestniš na stranku.. da sa ešte všeliako upravovat a je ich tam viac :)

 
Nahoru Odpovědět 1.11.2012 23:58
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

Dá sa aj upravovať priamo cez napr. ftp?
Pošleš mi link?

 
Nahoru Odpovědět 2.11.2012 0:05
Avatar
Odpovídá na samo007
Róbert Holička:

http://ulozto.cz/…en-djinn-rar ono ti to potom uloží klasicky ako javascript :) a da sa to aj upravovat :)

 
Nahoru Odpovědět 2.11.2012 0:08
Avatar
Odpovídá na David Čápka
Róbert Holička:

Nevedel by si mi prosim poslat nejaky link na nejaky widget na ten prechod ? niečo čo by tam bolo pekne.. dakujem :)

 
Nahoru Odpovědět 2.11.2012 1:35
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

Ďakujem.
Skús toto:

 <script language="JavaScript" type="text/javascript">
obr = -1;
cas = 5000;
function animation(){
obrazky = ["a.gif","b.gif","c.gif"];
if (obr+1==obrazky.length) obr=0;
else obr++;
obrazek.src = obrazky[obr];
window.setTimeout('animation()',cas);
}
</script>
</head>
<body onLoad="animation()">
<img src="a.gif" name="obrazek">
 
Nahoru Odpovědět 2.11.2012 8:51
Avatar
Odpovídá na samo007
Róbert Holička:

veď to je to isté čo som mal :) žiadny efekt tam nieje :)

 
Nahoru Odpovědět 2.11.2012 12:18
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Róbert Holička
David Čápka:

Nastuduj si jQuery, pokud to myslíš s tvorbou webů vážně, tak se bez ní neobejdeš. Fade effect tam uděláš jediným příkazem.

Nahoru Odpovědět 2.11.2012 12:45
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Róbert Holička:

ja robim grafiku :) toto programovanie webu a podobne veci mi robi kamarat :) ja to len skušam momentalne :)

 
Nahoru Odpovědět 2.11.2012 12:53
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Róbert Holička
David Čápka:

No tak ať se jí naučí kamarád :P

Nahoru Odpovědět  +1 2.11.2012 12:56
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

Tak potom neviem. Niečo som dávnejšie našiel, ale neviem, kde je tá stránka na tie efekty :/ Keď budem mať čas, tak ti to pošlem.

 
Nahoru Odpovědět 2.11.2012 13:49
Avatar
Róbert Holička:

Zdravím, no nejaké detajlíky doladené ako napr. ujo má už zladenú kravatu, niesu tie šipky červené ale sú pekné zelené, stránka je daná do divu a už sa správne zobrazuje aj na telefóne a na tú slideshow som použil program ktorý mi vytvoril flash slideshow, veľmi peknú lenže program bol free a pozrite akú blbosť mi hodilo nalavo hore v tej slideshow.. neviete či by sa to dalo odstrániť ? ak áno tak ako prosím ? ďakujem :) a keď ešte nejaké veci vyladiť čo tomu pomôžu tak kludne napíšte... netreba ma chváliť treba napísať čo zlepšiť.. každý sa učí na svojich chybách :)

 
Nahoru Odpovědět 7.11.2012 2:10
Avatar
TomBen
Redaktor
Avatar
Odpovídá na Róbert Holička
TomBen:

Grafika by neměla být bez účelu. Grafika by měla mluvit do mysli těch,
které chce oslovit. Tohle mi přijde jako splácanina.
Na stránky, které by měly budit důvěru, zářit seriózností, nabízet znalosti
a nevtíravým způsobem dávat najevo kvalitu služeb, použít jedovatou zelenou,
strašidelné logo jako z odněkud z Gulagu a pochechtávajícího se kravaťáka,
který neznámo proč stojí se založenýma rukama opřený o směsici podivných oken
v kombinaci s úchylnými hláškami, to je fakt síla.

Nahoru Odpovědět 7.11.2012 4:25
Za posledních 200 miliónů let se nic zvláštního nestalo, akorát dinosauři vymřeli a opice se naučily programovat.
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Róbert Holička
David Čápka:

Kravatu chválím, Flash ne. Je to umírající technologie, již jsem ti psal, abys použil jQuery. Proč se lidé tak často vyhýbají správným a jednoduchým řešením? Těmhle widgetům se říká Carousel, uděláš je jednoduše sám a ještě jednodušeji stáhneš hotové, vyber si třeba tady: http://www.tripwiremagazine.com/…arousel.html

Nahoru Odpovědět 7.11.2012 7:54
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Kit
Redaktor
Avatar
Odpovídá na David Čápka
Kit:

Na té stránce je i nějaký Flash? Nějak jsem si nevšiml, mám ho vypnutý.

Nahoru Odpovědět 7.11.2012 8:01
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Róbert Holička:

No nič tak pôjde sa spravit celkovy redesign.. niečo jednoduchšie.. myslím že toto nemá cenu zachraňovať. Tento tyžden dorobiť zápočty a nabudúci sa ide do toh.. potom sa ozvem :)

 
Nahoru Odpovědět 7.11.2012 10:18
Avatar
samo007
Redaktor
Avatar
Odpovídá na Róbert Holička
samo007:

Nevyzerá to zle, ale TomBen ma pravdu. Skús tam dať namiesto tej jasnej zelenej hráškovú zelenú, kt. tak neťahá oči. Každá stránka ma mať jemné farby, aby sa návštevník mohol sústrediť na obsah, nie na dizajn. Dizajn je dôležitý. Tie reklamy hore boli už na tom lepšie. Teraz to vyzerá čiastočne ako galéria. Bolo to ok, len tam chýbal ten prechod.

Editováno 8.11.2012 7:07
 
Nahoru Odpovědět 8.11.2012 7:05
Avatar
Róbert Holička:

čo poviete na takyto nejaky design ? :) ešte včera som spravil len taky navrh hore nalavo bude logo v tom páse bude nejaka slideshow alebo take niečo a dole text...

 
Nahoru Odpovědět 8.11.2012 10:01
Avatar
Ex_0
Člen
Avatar
Ex_0:

To pozadie je podla mna divne, lepsie by asi bolo keby bolo take sede s nejakym vzorom alebo take nieco

 
Nahoru Odpovědět 8.11.2012 10:14
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Róbert Holička
David Čápka:

Nelíbí se mi barva, jinak je to hezké :)

Nahoru Odpovědět  +1 8.11.2012 10:36
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
Odpovídá na David Čápka
Róbert Holička:

Stránka komplet prerobená... čo nato teraz poviete ? je to už lepšie alebo sa to ešte zhoršilo ?

 
Nahoru Odpovědět 11.11.2012 16:06
Avatar
matesax
Redaktor
Avatar
Odpovídá na Róbert Holička
matesax:

Proč tam je ta ohromná řada spanů a divů a proč nejsou nastylovány v CSS? A proč je na stránce tolik CSS? (Proč není externě...)

 
Nahoru Odpovědět 11.11.2012 16:10
Avatar
Odpovídá na matesax
Róbert Holička:

kód ešte nieje upravený je to len tak nahrubo.. myslím ohodnotit grafiku a použitelnosť ako som už chcel aj pri predchadzajucej stranke...

 
Nahoru Odpovědět 11.11.2012 16:13
Avatar
matesax
Redaktor
Avatar
Odpovídá na Róbert Holička
matesax:

Když přijdu na stránku, tak prostě netuším o čem je...

 
Nahoru Odpovědět 11.11.2012 16:14
Avatar
David Čápka
Tým ITnetwork
Avatar
Nahoru Odpovědět 11.11.2012 18:28
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
Avatar
TomBen
Redaktor
Avatar
Odpovídá na Róbert Holička
TomBen:

Jako potenciálního zákazníka - návštěvníka stránek by mě asi nejvíc odradil
ten obří self-promotion banner s letadlem. Nemá žádnou hodnotu pro člověka,
který si vážně chce nechat vyrobit stránky. Když mě zajímají reference,
nabídka, ceník a kontakt, musím posouvat každou stránku dolů, abych viděl to,
proč tam vůbec jsem. A to koukám na notebook - na mobilu by to zřejmě
bylo ještě horší.
Duhu a čtyřlístek bych buď přepracoval do formy loga firmy nebo vyhodil.
Pokud to má být logo, musí být jednotné všude v rámci stránek. Stejně jako
font iniciál J&R, ten by měl být všude stejný.
Stránky by měly být nabité konkrétními a podstatnými informacemi.
Efekty a pohyblivé prvky by měly nenápadně pomáhat v přístupu k těm
informacím a ne samoúčelně čouhat jako sláma z bot.

Nahoru Odpovědět 11.11.2012 18:39
Za posledních 200 miliónů let se nic zvláštního nestalo, akorát dinosauři vymřeli a opice se naučily programovat.
Avatar
Ex_0
Člen
Avatar
Ex_0:

je tam na mna moc vela farby, myslim tu duhu, v jednoduchosti je krasa, ale toto je moc prehnane s tim pozadim

 
Nahoru Odpovědět 11.11.2012 21:00
Avatar
Kit
Redaktor
Avatar
Kit:

Pokaždé, když někdo napíše "SEO optimalizace", Bůh zabije koťátko kotě mourek koťátka na prodej nádherná britská koťátka.

Nahoru Odpovědět  +1 11.11.2012 21:14
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Róbert Holička:

Pozadie upravene... snad to bude už lepšie.. a neviem no.. ta slideshow to tam ani mne moc nesedi len neviem čo tam dat do toho hlucheho miesta.. chcel by som tam sat talu prebiehajucu galeriu referencii lenže prvé musíme nejaké referencie získať.. a to je dosť problém.

 
Nahoru Odpovědět 11.11.2012 22:22
Avatar
matesax
Redaktor
Avatar
Odpovídá na Róbert Holička
matesax:

To myslíš vážně - pozadí jako image? SlideShow1 tam je k čemu? Atd...

 
Nahoru Odpovědět 12.11.2012 7:44
Avatar
Róbert Holička:

dalšie prerobenie

 
Nahoru Odpovědět 21.11.2012 21:46
Avatar
matesax
Redaktor
Avatar
Odpovídá na Róbert Holička
matesax:

Proč není CSS a JS mimo? Je tam zbloudilý ukončovací tag script. Od kdy se píše do spanu? Proč je tam stále ten blok:

<div id="wb_Image7" style="position:absolute;left:113px;top:12px;width:418px;height:137px;z-index:1;padding:0;">
<img src="images/logo.png" id="Image7" alt="" style="width:418px;height:137px;"></div>
<div id="wb_Image5" style="position:absolute;left:225px;top:514px;width:866px;height:847px;z-index:2;padding:0;">
<img src="images/tabulka.png" id="Image5" alt="" style="width:866px;height:847px;"></div>
<div id="wb_Image1" style="position:absolute;left:398px;top:0px;width:125px;height:95px;z-index:3;padding:0;">
<a href="./index.php"><img src="images/home1.png" id="Image1" alt="" style="width:125px;height:95px;"></a></div>
<div id="wb_Image2" style="position:absolute;left:550px;top:0px;width:125px;height:51px;z-index:4;padding:0;">
....

Takže texty by měly vypadat takto:

<h2>Kto sme ?</h2>

<p>Sme študenti Žilinskej Univerzity fakulty Multimediálnych technológií. Zákazníkom poskytujeme kvalitné a cenovo dostupné služby. Naše riešenia sa vyznačujú originálnosťou, použiteľnosťou, prístupnosťou a vysokou úrovňou zabezpečenia. Zároveň nami vytvorené web stránky umožňujú rýchly a efektívny rozvoj v budúcnosti.Široké skúsenosti v oblasti tvorby internetových a intranetových aplikácií. Dynamicky reagujeme na potreby a požiadavky naších zákazníkov &quot;Náš zákazník, náš pán&quot;.</p>

<h2>Prečo mať internetovú stránku ?</h2>

Seznamy takto:

<ul>
    <li>najrýchlejší spôsob ako informovať vaších potencionálnych zákazníkov o vašej spoločnosti</li>
    <li>neobmedzený priestor na vaše prezentovanie
    <li>reklama nikdy nebude dostupná do celého sveta, ale vaša webová stránka áno</li>
    <li>môže sa stať vaším obchodným nástrojom, môžte predávať váš tovar, komunikovať</li>
</ul>

Odrážku definuješ v CSS... Styly nadefinuj skupinově - takže tagu p, tagu ul, tagu ul li... Ne každému elementu v HTML - to je dávno mrtvý způsob... Používej HTML5 tagy.

Totéž toto:

<div class="carousel-caption">
            <p>
              Vzorová stránka

            </p>
          </div>
        </div>
      </div>

Nemám slov... :)

Editováno 22.11.2012 6:12
 
Nahoru Odpovědět 22.11.2012 6:10
Avatar
David Čápka
Tým ITnetwork
Avatar
Odpovídá na Róbert Holička
David Čápka:

Vidím, že jsi mě konečně poslechl s tím JavaScriptovým widgetem, vypadá to super. Co je hrozné je to pozadí, vůbec se tam nehodí, měli byste mít něco více technického.

Nahoru Odpovědět 22.11.2012 12:32
Miluji svou práci a zdejší komunitu, baví mě se rozvíjet, děkuji každému členovi za to, že zde působí.
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 51 zpráv z 51.