Kritika webu jrdesigners.eu
http://jrdesigners.eu
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Neregistrovaný

Zobrazeno 50 zpráv z 51.
//= Settings::TRACKING_CODE_B ?> //= Settings::TRACKING_CODE ?>
V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.
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?
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.
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.
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.
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.
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 a
dám vediet
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.
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
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..
ok, len by má zaujímalo, z kade máš ten widget na galériu. Hľadal som niečo podobné. Dáš mi link?
galéria je robená cez WYSIWYG Web Builder 8 uložené v html a hodene do
kodu na stranke
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ť?
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
Dá sa aj upravovať priamo cez napr. ftp?
Pošleš mi link?
http://ulozto.cz/…en-djinn-rar ono ti to potom uloží
klasicky ako javascript a da
sa to aj upravovat
Nevedel by si mi prosim poslat nejaky link na nejaky widget na ten prechod ?
niečo čo by tam bolo pekne.. dakujem
Ď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">
veď to je to isté čo som mal žiadny efekt tam nieje
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.
ja robim grafiku toto
programovanie webu a podobne veci mi robi kamarat
ja to len skušam momentalne
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.
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
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.
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
Na té stránce je i nějaký Flash? Nějak jsem si nevšiml, mám ho vypnutý.
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
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.
č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...
Stránka komplet prerobená... čo nato teraz poviete ? je to už lepšie alebo sa to ešte zhoršilo ?
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ě...)
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...
Když přijdu na stránku, tak prostě netuším o čem je...
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.
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.
To myslíš vážně - pozadí jako image? SlideShow1 tam je k čemu? Atd...
dalšie prerobenie
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 "Náš zákazník, náš pán".</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...
Zobrazeno 50 zpráv z 51.