Valentínska akcia je tu! Získaj až 80 % extra kreditov ZADARMO na náš interaktívny e-learning. ZISTIŤ VIAC:
NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
jandr
Nevyplnené
Avatar
jandr:1.11.2012 0:40

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.

 
Odpovedať
1.11.2012 0:40
Avatar
matesax
Tvůrce
Avatar
Odpovedá na
matesax:1.11.2012 5:55

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?

Editované
 
Hore Odpovedať
1.11.2012 5:55
Avatar
Kit
Tvůrce
Avatar
Odpovedá na matesax
Kit:1.11.2012 6:30

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.

Hore Odpovedať
1.11.2012 6:30
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
jandr
Nevyplnené
Avatar
jandr:1.11.2012 11:18

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.

 
Hore Odpovedať
1.11.2012 11:18
Avatar
Kit
Tvůrce
Avatar
Odpovedá na
Kit:1.11.2012 11:53

Takové SEO je k ničemu.

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

Hore Odpovedať
1.11.2012 11:53
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
jandr
Nevyplnené
Avatar
jandr:1.11.2012 11:56

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

 
Hore Odpovedať
1.11.2012 11:56
Avatar
samo007
Tvůrce
Avatar
Odpovedá na
samo007:1.11.2012 15:38

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.

Editované
 
Hore Odpovedať
1.11.2012 15:38
Avatar
jandr
Nevyplnené
Avatar
jandr:1.11.2012 15:45

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

 
Hore Odpovedať
1.11.2012 15:45
Avatar
Frunta
Tvůrce
Avatar
Frunta:1.11.2012 17:32

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ů.

 
Hore Odpovedať
1.11.2012 17:32
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:1.11.2012 18:24

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.

Hore Odpovedať
1.11.2012 18:24
New kid back on the block with a R.I.P
Avatar

Nevyplnené
Avatar
:1.11.2012 19:05

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

 
Hore Odpovedať
1.11.2012 19:05
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na
David Hartinger:1.11.2012 20:12

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.

Hore Odpovedať
1.11.2012 20:12
New kid back on the block with a R.I.P
Avatar
jandr
Nevyplnené
Avatar
jandr:1.11.2012 21:14

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

 
Hore Odpovedať
1.11.2012 21:14
Avatar
Frunta
Tvůrce
Avatar
Frunta:1.11.2012 21:51

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ů.

 
Hore Odpovedať
1.11.2012 21:51
Avatar
samo007
Tvůrce
Avatar
Odpovedá na
samo007:1.11.2012 22:55

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

Editované
 
Hore Odpovedať
1.11.2012 22:55
Avatar
Róbert Holička:1.11.2012 23:31

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..

 
Hore Odpovedať
1.11.2012 23:31
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:1.11.2012 23:37

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

 
Hore Odpovedať
1.11.2012 23:37
Avatar
Róbert Holička:1.11.2012 23:44

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

 
Hore Odpovedať
1.11.2012 23:44
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:1.11.2012 23:47

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

Editované
 
Hore Odpovedať
1.11.2012 23:47
Avatar
Odpovedá na samo007
Róbert Holička:1.11.2012 23:58

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

 
Hore Odpovedať
1.11.2012 23:58
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:2.11.2012 0:05

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

 
Hore Odpovedať
2.11.2012 0:05
Avatar
Odpovedá na samo007
Róbert Holička:2.11.2012 0:08

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

 
Hore Odpovedať
2.11.2012 0:08
Avatar
Odpovedá na David Hartinger
Róbert Holička:2.11.2012 1:35

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

 
Hore Odpovedať
2.11.2012 1:35
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:2.11.2012 8:51

Ď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">
 
Hore Odpovedať
2.11.2012 8:51
Avatar
Odpovedá na samo007
Róbert Holička:2.11.2012 12:18

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

 
Hore Odpovedať
2.11.2012 12:18
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Róbert Holička
David Hartinger:2.11.2012 12:45

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.

Hore Odpovedať
2.11.2012 12:45
New kid back on the block with a R.I.P
Avatar
Odpovedá na David Hartinger
Róbert Holička:2.11.2012 12:53

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

 
Hore Odpovedať
2.11.2012 12:53
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Róbert Holička
David Hartinger:2.11.2012 12:56

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

Hore Odpovedať
2.11.2012 12:56
New kid back on the block with a R.I.P
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:2.11.2012 13:49

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.

 
Hore Odpovedať
2.11.2012 13:49
Avatar
Róbert Holička:7.11.2012 2:10

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

 
Hore Odpovedať
7.11.2012 2:10
Avatar
TomBen
Tvůrce
Avatar
Odpovedá na Róbert Holička
TomBen:7.11.2012 4:25

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.

Hore Odpovedať
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 Hartinger
Vlastník
Avatar
Odpovedá na Róbert Holička
David Hartinger:7.11.2012 7:54

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

Hore Odpovedať
7.11.2012 7:54
New kid back on the block with a R.I.P
Avatar
Kit
Tvůrce
Avatar
Odpovedá na David Hartinger
Kit:7.11.2012 8:01

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

Hore Odpovedať
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:7.11.2012 10:18

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

 
Hore Odpovedať
7.11.2012 10:18
Avatar
samo007
Tvůrce
Avatar
Odpovedá na Róbert Holička
samo007:8.11.2012 7:05

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.

Editované
 
Hore Odpovedať
8.11.2012 7:05
Avatar
Róbert Holička:8.11.2012 10:01

č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...

 
Hore Odpovedať
8.11.2012 10:01
Avatar
Ex_0
Člen
Avatar
Ex_0:8.11.2012 10:14

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

 
Hore Odpovedať
8.11.2012 10:14
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Róbert Holička
David Hartinger:8.11.2012 10:36

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

Hore Odpovedať
8.11.2012 10:36
New kid back on the block with a R.I.P
Avatar
Odpovedá na David Hartinger
Róbert Holička:11.11.2012 16:06

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

 
Hore Odpovedať
11.11.2012 16:06
Avatar
matesax
Tvůrce
Avatar
Odpovedá na Róbert Holička
matesax:11.11.2012 16:10

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ě...)

 
Hore Odpovedať
11.11.2012 16:10
Avatar
Odpovedá na matesax
Róbert Holička:11.11.2012 16:13

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...

 
Hore Odpovedať
11.11.2012 16:13
Avatar
matesax
Tvůrce
Avatar
Odpovedá na Róbert Holička
matesax:11.11.2012 16:14

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

 
Hore Odpovedať
11.11.2012 16:14
Avatar
David Hartinger
Vlastník
Avatar
Odpovedá na Róbert Holička
David Hartinger:11.11.2012 18:28

To pozadí je hrozné :`

Hore Odpovedať
11.11.2012 18:28
New kid back on the block with a R.I.P
Avatar
TomBen
Tvůrce
Avatar
Odpovedá na Róbert Holička
TomBen:11.11.2012 18:39

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.

Hore Odpovedať
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:11.11.2012 21:00

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

 
Hore Odpovedať
11.11.2012 21:00
Avatar
Kit
Tvůrce
Avatar
Kit:11.11.2012 21:14

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.

Hore Odpovedať
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:11.11.2012 22:22

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.

 
Hore Odpovedať
11.11.2012 22:22
Avatar
matesax
Tvůrce
Avatar
Odpovedá na Róbert Holička
matesax:12.11.2012 7:44

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

 
Hore Odpovedať
12.11.2012 7:44
Avatar
Róbert Holička:21.11.2012 21:46

dalšie prerobenie

 
Hore Odpovedať
21.11.2012 21:46
Avatar
matesax
Tvůrce
Avatar
Odpovedá na Róbert Holička
matesax:22.11.2012 6:10

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... :)

Editované
 
Hore Odpovedať
22.11.2012 6:10
Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 50 správy z 51.