NOVINKA - Online rekvalifikační kurz Java programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Kritika webu http://www.teamspeak4fun.eu

Jak se ti líbí web?
Ještě nikdo nehodnotil, buď první!
Přejít na web:
http://www.teamspeak4fun.eu

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

Aktivity
Avatar
tomasodrago
Člen
Avatar
tomasodrago:2.4.2013 14:14

Budu rád za každý názor či radu...

 
Odpovědět
2.4.2013 14:14
Avatar
Michal Žůrek - misaz
Tvůrce
Avatar
Odpovídá na tomasodrago
Michal Žůrek - misaz:2.4.2013 14:24

Já osobně bych tu stránku "zcvrkl" aby byla menší, na mém notebooku se vleza asi jenom 3/4 obsahu z toho 1/2 je hlavička a menu. Já bych zmenšil mezery mezi jednotlivými částmi a hlavičku bych taky zmenšil.

 
Nahoru Odpovědět
2.4.2013 14:24
Avatar
David Hartinger
Vlastník
Avatar
David Hartinger:2.4.2013 15:28

V kódu máš nějak moc section.

Nahoru Odpovědět
2.4.2013 15:28
New kid back on the block with a R.I.P
Avatar
michalsip
Člen
Avatar
michalsip:2.4.2013 15:42

oprav si kód: <br><br<br>
jinak se mi ta stránka líbí. Je pravda že bych trochu uvažoval o těch velikostech. Možná by stálo za to se zamyslet nad tím že hodně lidí má nízké rozlišení nebo třeba tablety a nebaví je moc scrolovat. Ale při rozlišení 1650 x 1050 je to ale super :-)

Nahoru Odpovědět
2.4.2013 15:42
Učíme se každý den, proto nasávejme vědomosti jak to jen jde a proměňujme je ve znalosti.
Avatar
Ben Žour
Tvůrce
Avatar
Odpovídá na tomasodrago
Ben Žour:2.4.2013 17:19

Patičce bych dal stejnou barvu jako fixnímu menu nahoře, případně obráceně :) Celý text v patičce bych více spíš vycentroval a zvětšil ikony sociálních sítí, v podstatě mi to nevadí ale ani tak jak to je. S velikostí stránky problém nemám.
Jinak se mi to celkem líbí, v pravidlech bych ale použil odstíny té modré co je v hlavičce, ikdyž nevím jak to bude vypadat.

Co se týče kódu je neodsazený a nepřehledný, jak říkal David Hartinger je tam dost section, a v pravidlech sis mohl ušetřit tu práci stylováním každého červeného odstavce zvlášť a vyřešit to s classem.

EDIT: neodolal jsem :` http://validator.w3.org/check?… je tam toho teda celkem dost

Editováno 2.4.2013 17:22
 
Nahoru Odpovědět
2.4.2013 17:19
Avatar
tomasodrago
Člen
Avatar
tomasodrago:2.4.2013 17:39

Takhle by to bylo lepší?

       <div id="container">



   <div id="banner">

<img src="images/banner.png" alt="TeamSpeak4fun.eu"> </a>


   </div>

   <div class="obsah">

   <article class="uvod">
   <header>
   <h1>O nás</h1>
   </header>
   <section>
 <p>Provozujeme TeamSpeak3 Server pro hráče browserové hry DarkOrbit , ale i jiných her a komunit.<br> Naše TS funguje na systému registrací , takže můžete mít klid , že sem nikdo jentak nevlítne a nezačne dělat nepořádek.<br> Vedení TS se k jeho chodu staví profesionálně a snaží se svoje zkušenosti vložit i do začínajích adminů. <br>Server je stabilní bez častých výpadků a jediné co za poskytnutý prostor požadujeme je dodržování <a href="pravidla.html">pravidel</a> , což v praxi znamená dodržování zásad slušného chování.
   </p>
   </section>
   </article>

   </section>
               </div>
   </div>
   <div class="boxplace">

   <article class="box1">
   <header>
   <h1> TS3 DarkOrbit</h1>
   </header>
   <section>
   <p>Poskytujeme prostor pro komunikaci mezi hráči českých i jiných serverů hry DarkOrbit. Zakládáme nové místnosti pro klany i sekce pro servery.</p>
   <a href="ts3server://89.29.14.194?port=9987"><span class="button">Připojit</span></a>
   </section>
   </article>


   <article class="box2">
   <header>
   <h1>Public</h1>
   </header>
   <section>
   <p>Krom hry DarkOrbit rádi přivítáme i hráče jiných her či členy komunit. Pro tyto potřeby existuje na našem serveru sekce.</p>
   <a href="ts3server://89.29.14.194?port=9987"><span class="button">Připojit</span></a>
   </section>
   </article>

   <article class="box3">
   <header>
   <h1>TS3 Forum</h1>
   </header>
   <section>
   <p>Na fóru zveřejňujeme oficiální oznámení. Můžete zde žádat o UnBan , odebrání trestu či podat stížnost na uživatele nebo admina.   </p>
   <a href="http://forum.teamspeak4fun.eu"><span class="button">Přejít</span></a>
   </section>

   </article>
        </div>



   <footer>
   <div class="patickavlevo">
 <a href="http://facebook.com/teamspeak4fun.eu"><img src="images/facebook_32.png" class="opacity"></a>  <a href="http://www.youtube.com/user/TeamSpeak4funEu" class="opacity"><img src="images/youtube_32.png"></a> <a href="mailto:[email protected]"><img src="images/email_32.png" class="opacity"></a>
   </div>



   <div class="copyright">
<p>Web by TS3Expert.maweb.eu (c) 2013</p>
   </div>
   </footer>
 
Nahoru Odpovědět
2.4.2013 17:39
Avatar
Kit
Tvůrce
Avatar
Odpovídá na tomasodrago
Kit:2.4.2013 17:44

Když box1, box2 i box3 vypadají stejně, měla by to být jen jedna class. K čemu ji definovat 3×? Vlastně uvnitř "boxplace" jsou zbytečné.

Nahoru Odpovědět
2.4.2013 17:44
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
Cverna
Člen
Avatar
Cverna:4.4.2013 0:01

na tie boxi pouzi nieco taketo

  • {

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

    • moz-box-sizing: border-box;
    • webkit-box-sizing: border-box;

.box {
width:274px;
float:left;
}
.box+.box {
margin-left:26px;
}

Editováno 4.4.2013 0:05
Nahoru Odpovědět
4.4.2013 0:01
Všetko mi bolo možné, lebo som chcel. (M.R.Štefánik)
Avatar
tomasodrago
Člen
Avatar
tomasodrago:4.4.2013 14:45

Díky všem...

No tak jsem to trochu poupravil , kouknul by jste se mi na to někdo prosím jestli jsem zas něco nepokazil? Doufám , že vás moc neprudím , ale nejlépe se učím praxí.

Upravil jsem ten kod a trochu jsem to zmenšil. Přemýšlím , že bych ještě napsal mobilní verzi...

 
Nahoru Odpovědět
4.4.2013 14:45
Avatar
Cverna
Člen
Avatar
Cverna:4.4.2013 14:58

Po grafickej stranke nebudem hodnotit, ale chcelo by to zmodernizovat.
Kazdy img co ta mas potrebuje alt ** popis to je povinne!!! a menu co mas - prve musis dat li a az potom odkaz **a href opacne to je chyba

<li><a href="index.php" title="O nás">O nás</a></li>

a ked davas plavuce divi tak si urci triedu

.left {
float : left;
}

podobne aj pre right
a potom napises

<div class"box left"></div>
Nahoru Odpovědět
4.4.2013 14:58
Všetko mi bolo možné, lebo som chcel. (M.R.Štefánik)
Avatar
Kit
Tvůrce
Avatar
Odpovídá na Cverna
Kit:4.4.2013 15:21

Doplnil bych, že obrázky, u kterých mě nenapadá žádný vhodný "alt", nejspíš nepatří do HTML ale do designu, tedy do CSS.

Za vhodné alty nepovažuji "šipka", "pozadí", "roh" apod. Musí se týkat obsahu stránky.

Nahoru Odpovědět
4.4.2013 15:21
Vlastnosti objektů by neměly být veřejné. A to ani prostřednictvím getterů/setterů.
Avatar
tomasodrago
Člen
Avatar
tomasodrago:4.4.2013 18:36

Díky dost jste mi pomohli se rozhýbat... Myslím , že by to již mělo být správně.

 
Nahoru Odpovědět
4.4.2013 18:36
Avatar
Neaktivní uživatel
Tvůrce
Avatar
Neaktivní uživatel:4.4.2013 18:55

Pořád je trošku zavádějící název třídy těch boxů dole, proč box-left :)? Přejmenoval bych to na box, samozřejmě je to hovadina ale když už, tak už ;)

Nahoru Odpovědět
4.4.2013 18:55
Neaktivní uživatelský účet
Avatar
tomasodrago
Člen
Avatar
tomasodrago:4.4.2013 19:01

Ok , díky... A co říkáš na design? Jelikož nemám geneticky dané cítění pro design, tak se ho snažím nějak natlouct do hlavy sám :D

 
Nahoru Odpovědět
4.4.2013 19:01
Avatar
Cverna
Člen
Avatar
Cverna:4.4.2013 21:02

nemyslel som box-left ale box left. Lebo potom nemusi davat v css vsade float:left or float: right, ale urobi si dve triedy pre float a ma. POtom v HTML da iba

<div class"box left"></div>

alebo right mas to univerzalnejsie a menej kodu v css.

Nahoru Odpovědět
4.4.2013 21:02
Všetko mi bolo možné, lebo som chcel. (M.R.Štefánik)
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 15 zpráv z 15.