Autor Zpráva
kejtos
Profil *
Dobrý den, mám problém ohledně údajné nepřijatelnosti webových stránek. Jako dokázání znalostí o tvorbě webu jsme měli udělat jednoduchý primitivní web. Tento web má být naprosto nepřijatelný, byl bych rád, kdyby mi někdo vysvětlil nepřijatelné chyby, protože sám zřejmě nejsem schopen tyto chyby objevit a následně odstranit.
Děkuji.


HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <head>
    
    <title>Stránka</title>
    <link rel="stylesheet" type="text/css" href="styl.css">
    
  </head>

<body>
 <h1>Malšice</h1>
 <hr color="black">
 <table class="obr">
<CAPTION align="bottom">Radnice</CAPTION>
<TR><TH><a href="http://www.malsice.eu"><img src="radnice.jpg" width="280" height="204" border="1px solid black"/></a>
    </table>
 

      

    <table class="table">

      <tr>
         <td> Katastrální výměra </td>
         <td> 38,6 km² </td>
      </tr>
      <tr>
         <td> Starostka </td>
         <td> Miloslava Šebková </td>
      </tr>
      <tr>
         <td> Okres </td>
         <td> Tábor </td>
      </tr>
      <tr>
         <td> Kraj </td>
         <td> Jihočeský </td>
      </tr>
      <tr>
         <td> Status </td>
         <td> Městys </td>
      </tr> 
      <tr>
         <td> PSČ </td>
         <td> 391 75 </td>
      </tr>    
      <tr>
         <td> Nadmořská výška </td>
         <td> 502 m.n.m. </td>
      </tr>
      <tr>
         <td> Počet obyvatel </td>
         <td> 1850 </td>
      </tr>
    </table>
    <br><br><br><br><br><br><br><br><br><br><br><br><br>
    <p>Městys Malšice se nachází v okrese Tábor v Jihočeském kraji. Leží na silnici číslo I/137 Tábor-Bechyně, 8 km od Tábora a 15 km od Bechyně. K 28. srpnu 2006 zde žilo 1747 obyvatel. Přímo v městečku Malšice žije 1050 obyvatel.
    </p>
    
    <table class="obr">
<CAPTION align="bottom">Občanská záložna</CAPTION>
<TR><TH><img src="zalozna.jpg" width="278" height="178" border="1px solid black"/>
    </table>
    <h2>Historie</h2>
    <p>První zmínka o obci pochází z roku 1279. V roce 1868 byly Malšice městysem; od 27. června 2008 jsou jím opět. Nejstarší část je strana východní, od kostela k číslu 9, pak strana severní od „Spálené ulice“ k číslu 27, dále strana západní (od čísla 28 – 38) a jižní (od čísla 39 – 46). Teprve do tohoto čtverhranu stavěny později nové statky a domy, čímž náves se zmenšila na nynější „Hlavní náměstí“, později vzniklé „Komenského náměstí“, „Táborskou ulici“, Spálenou ulici“, „Palackého ulici“, „Husovo náměstí“a „Lužnickou ulici“. V roce 1906 – 1907 zřízen při škole zdejší „Polévkový ústav“ pro školní mládež. Ustavilo se pětičlenné komité a učitel Jan Pazdera pověřen vybíráním příspěvků. Hlavní iniciativu vyvíjel zdejší odbor Národní Jednoty Pošumavské. Polévka vařena u paní Marie Čudové, hospodské v Malšicích a podávána dětem za cenu 5 halířů za jednu porci. V roce 1908 konána první školní slavnost stromková – zasazeno 31 lip nákladem 450.20 K.
    </p>
    <br><br><br>
    
     <table class="obr">
<CAPTION align="bottom">Kostel Nejsvětější trojice</CAPTION>
<TR><TH><img src="kostel.jpg" width="280" height="188" border="1px solid black"/>
    </table>
    <h2>Kostel a fara</h2>
    <p>Kostel Nejsvětější Trojice - na náměstí V. Háka. Kostel je zmiňován již roku 1379, barokně byl přestavěn 1743, fasáda opravena roku 1994. Malšická fara byla původně postavena na zapadlém místě na náměstí - U Šteflů (dnes Vinárna pod věží, kam se lidé chodí bavit), dnes je postavena vedle kostela, v minulém roce se dočkala částečného zrekonstruování, které se dokončí letos na jaře.
    </p>
    <br><br><br><br><br><br><br>
    
    <table class="obr">
<CAPTION align="bottom">Malšická škola</CAPTION>
<TR><TH><img src="skola.jpg" width="276" height="118" border="1px solid black"/>
    </table>
    <h2>Škola</h2>
    <p>Malšická škola byla postavena v roce 1962. V roce 2003 se podařilo zrekonstruovat většinu technického zařízení školy (kotelna, rozvody UT, okna, podlahovou krytinu, sociální zařízení, světla, rozhlas) včetně venkovní fasády.
V roce 2007 jsme dokončili přístavbu nového křídla s tělocvičnou, 2 kmenovými učebnami, 
učebnou informatiky a školním klubem. Po stavební stránce se škola stala moderní budovou poskytující veškerý komfort pro vzdělávání žáků. 
Velké výhody přináší i pozice venkovské školy. Učitelé využívají možnosti překrásného okolí školy k častým činnostem v přírodě.
Ve školním roce 2011/2012 vzděláváme 160 dětí, v každém ročníku organizujeme jednu třídu. Nižší počet žáků přináší problémy ekonomické, ale z hlediska pedagogického se náhle jeví jako ohromná výhoda jak pro děti nadané, tak pro děti vyžadující větší péči.
    </p>
    <br><br><br><br>
    <h2>Fotbal</h2>
    <p>Malšice jsou též plné sportovních nadšenců válejících za <a href="http://www.tjmalsice.cz">TJ Malšice</a>. Tomuto klubu vévodí především fotbalové družstvo <a href="index2.html">mužů</a>, které sklízí noho úspěchů.</p>
 <br><br><br><br><br>
 <div class="pt">Věnováno městysu Malšice, mému domovu a místu plného radosti a přátelství.</div>
    
  </body>
</html>


CSS
body {background-color: #FF6666}
p {color: black;}
a         {text-decoration: none}
a:link    {color: blue}
a:visited {color: navy}
a:active  {color: black}
a:hover   {color: red; text-decoration: underline}

h1 {margin: 0px; text-align: center; color: #000043; font-size: 5em}
h2 {text-align: left; color: #000043}

.table {border: 3px solid black; border-collapse: collapse; float: left; margin: 3px}
tr {border: 1px solid black}
td {border: 1px solid black}

.mapka {float: right; margin: 1em; border: 1px solid black}
.obr {float: right; margin: 1em; border: none}
.pt {text-align: left; font-weight: bold; text-decoration: overline; color: #000043}
Zechy
Profil
kejtos:
<html>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<head>

Tak mě tak napadá... nemají se meta tagy zapisovat do hlavičky? :-)
Chamurappi
Profil
Reaguji na kejtose:
Vytkl bych ti podivné použití tabulek a hromádky <br>.
Osobně bych asi při hodnocení uvedeného kódu nepoužil frázi „naprosto nepřijatelný“, ale neznám bližší kontext tvé situace, nevím, jaké měl tvůj hodnotitel představy a jaké si klade podmínky pro přijatelný web. Spousta ostrých kritérií, podle kterých jde kód hodnotit, je sporná.
shaggy
Profil
kejtos:
Jako dokázání znalostí o tvorbě webu jsme měli udělat jednoduchý primitivní web. Tento web má být naprosto nepřijatelný, byl bych rád, kdyby mi někdo vysvětlil nepřijatelné chyby, protože sám zřejmě nejsem schopen tyto chyby objevit a následně odstranit.
Už fakt, že nie si schopný sám tie chyby nájsť potvrdzuje tvrdenie tej neznámej osoby/firmy. A ja musím s nimi súhlasiť, ak to bola nejaká ukážka tvojich schopností a ty si sa uchádzal o miesto kodera, tak je jasné, že si neuspel. HTML je primitívny jazyk, funkčne je tvoja stránka možno dobrá, ale kvalitatívne nie.
A čo je na nej zle?
Používaš tabuľky na netabuľkové dáta, niekde sa ti objavujú zbytočné lomítka naviac (pozri si tvoje img tagy), používaš štýly ale aj tak odriadkovávaš veľkým množstvom <br> atď.
Fisak
Profil
kejtos:
pokud nejsi schopen sám odhalit chyby tak existuje w3 validátor který ti je odhalí a navrhne řešení http://validator.w3.org/
Bubák
Profil
Fisak:
W3C validátor nenajde všechny chyby, třebas tuto:
<img src="skola.jpg" width="276" height="118" border="1px solid black"/>
kejtos
Profil *
Chamurappi:Vytkl bych ti podivné použití tabulek a hromádky <br>.
Děkuji, pokusil jsem se to odstranit, je to tedy nyní lepší?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

  <head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">    
    <title>Stránka</title>
    <link rel="stylesheet" type="text/css" href="styl.css">
    
  </head>

<body>
 <h1>Malšice</h1>
 <hr color="black">
<a class="obr" href="http://www.malsice.eu"><img src="radnice.jpg" width="280" height="204" border="1px solid black" title="Radnice"></a>
      <table class="table">

      <tr>
         <td> Katastrální výměra </td>
         <td> 38,6 km² </td>
      </tr>
      <tr>
         <td> Starostka </td>
         <td> Miloslava Šebková </td>
      </tr>
      <tr>
         <td> Okres </td>
         <td> Tábor </td>
      </tr>
      <tr>
         <td> Kraj </td>
         <td> Jihočeský </td>
      </tr>
      <tr>
         <td> Status </td>
         <td> Městys </td>
      </tr> 
      <tr>
         <td> PSČ </td>
         <td> 391 75 </td>
      </tr>    
      <tr>
         <td> Nadmořská výška </td>
         <td> 502 m.n.m. </td>
      </tr>
      <tr>
         <td> Počet obyvatel </td>
         <td> 1850 </td>
      </tr>
    </table>
    <br>
    <p>Městys Malšice se nachází v okrese Tábor v Jihočeském kraji. Leží na silnici číslo I/137 Tábor-Bechyně, 8 km od Tábora a 15 km od Bechyně. K 28. srpnu 2006 zde žilo 1747 obyvatel. Přímo v městečku Malšice žije 1050 obyvatel.
    </p>
    
<img class="obr" src="zalozna.jpg" width="278" height="178" border="1px solid black" title="Záložna">
    </table>
    <h2>Historie</h2>
    <p>První zmínka o obci pochází z roku 1279. V roce 1868 byly Malšice městysem; od 27. června 2008 jsou jím opět. Nejstarší část je strana východní, od kostela k číslu 9, pak strana severní od „Spálené ulice“ k číslu 27, dále strana západní (od čísla 28 – 38) a jižní (od čísla 39 – 46). Teprve do tohoto čtverhranu stavěny později nové statky a domy, čímž náves se zmenšila na nynější „Hlavní náměstí“, později vzniklé „Komenského náměstí“, „Táborskou ulici“, Spálenou ulici“, „Palackého ulici“, „Husovo náměstí“a „Lužnickou ulici“. V roce 1906 – 1907 zřízen při škole zdejší „Polévkový ústav“ pro školní mládež. Ustavilo se pětičlenné komité a učitel Jan Pazdera pověřen vybíráním příspěvků. Hlavní iniciativu vyvíjel zdejší odbor Národní Jednoty Pošumavské. Polévka vařena u paní Marie Čudové, hospodské v Malšicích a podávána dětem za cenu 5 halířů za jednu porci. V roce 1908 konána první školní slavnost stromková – zasazeno 31 lip nákladem 450.20 K.
    </p>
    <br>
    

<img class="obr" src="kostel.jpg" width="280" height="188" border="1px solid black" title="Kostel Nejsvětější trojice">
    <h2>Kostel a fara</h2>
    <p>Kostel Nejsvětější Trojice - na náměstí V. Háka. Kostel je zmiňován již roku 1379, barokně byl přestavěn 1743, fasáda opravena roku 1994. Malšická fara byla původně postavena na zapadlém místě na náměstí - U Šteflů (dnes Vinárna pod věží, kam se lidé chodí bavit), dnes je postavena vedle kostela, v minulém roce se dočkala částečného zrekonstruování, které se dokončí letos na jaře.
    </p>
    <br>

 
    <h2>Škola</h2>
    <img class="obr" src="skola.jpg" width="276" height="118" border="1px solid black" title="Škola">
    <p>Malšická škola byla postavena v roce 1962. V roce 2003 se podařilo zrekonstruovat většinu technického zařízení školy (kotelna, rozvody UT, okna, podlahovou krytinu, sociální zařízení, světla, rozhlas) včetně venkovní fasády.
V roce 2007 jsme dokončili přístavbu nového křídla s tělocvičnou, 2 kmenovými učebnami, 
učebnou informatiky a školním klubem. Po stavební stránce se škola stala moderní budovou poskytující veškerý komfort pro vzdělávání žáků. 
Velké výhody přináší i pozice venkovské školy. Učitelé využívají možnosti překrásného okolí školy k častým činnostem v přírodě.
Ve školním roce 2011/2012 vzděláváme 160 dětí, v každém ročníku organizujeme jednu třídu. Nižší počet žáků přináší problémy ekonomické, ale z hlediska pedagogického se náhle jeví jako ohromná výhoda jak pro děti nadané, tak pro děti vyžadující větší péči.
    </p>
    
    <br>
    <h2>Fotbal</h2>
    <p>Malšice jsou též plné sportovních nadšenců válejících za <a href="http://www.tjmalsice.cz">TJ Malšice</a>. Tomuto klubu vévodí především fotbalové družstvo <a href="index2.html">mužů</a>, které sklízí noho úspěchů.</p>
 <br>
 <div class="pt">Věnováno městysu Malšice, mému domovu a místu plného radosti a přátelství.</div>
    
  </body>
</html>


CSS

body {background-color: #FF6666}
p {color: black;}
a         {text-decoration: none}
a:link    {color: blue}
a:visited {color: navy}
a:active  {color: black}
a:hover   {color: red; text-decoration: underline}

h1 {margin: 0px; text-align: center; color: #000043; font-size: 5em}
h2 {text-align: left; color: #000043}

.table {border: 3px solid black; border-collapse: collapse; float: left; margin: 3px}
tr {border: 1px solid black}
td {border: 1px solid black}

.mapka {float: right; margin: 1em; border: 1px solid black}
.obr {float: right; margin: 1em; border: none}
.pt {text-align: left; font-weight: bold; text-decoration: overline; color: #000043}

br {clear: both}

shaggy:
Už primitivnost stránek jasně naznačuje, že se jedná o 2. ročník na střední škole, nikoliv o ucházení se o místo.
Fisak:
O to jsem se také pokoušel, ovšem poté, co mi při odstranění 1 z 5 chyb vyhodil dalších 130, jsem se po nakouknutí do několika článků a diskuzí dozvěděl, že validátor je zbytečný.
joe
Profil
Validátor je pro informaci, není cílem získávat zelený výsledek.

1. Píšeš kód jak se ti zlíbí. Mělo by to mít nějakou úroveň, správně zanořené (odsazené) apod., taková úhlednost.
2. Používáš <br> tam, kde by nemělo být.
3. Řádek 55 - </table> tam je navíc
4. Motáš HTML s CSS - border="1px solid black"
5. Možná si motáš atribut alt a title (u obrázků)
6. Mícháš české názvy s anglickými
7. V CSS chceš zřejmě upravit styly pro <tr> a <td> u tabulky s třídou "table", ale nemáš ji v selektoru uvedenou, správně tedy .table tr a .table td
8. Nenapadá mě, jak jsi přišel na název třídy "pt", mohl bys používat nějaké logické názvy.
9. V CSS je dobrým zvykem i za poslední vlastností psát ; ale není to nutnost.
10. Stránka se většinou dává do nějakého obalového elementu, kde si můžeš určit šířku samotné stránky a není to tam tak roztáhlé po celé šířce.

Co se týká dané nepřijatelnosti, možná chce po vás učitel udělat nějaký web a ne "web". To co jsi zde ukázal, tak není skoro nic, pokud to má ukázat tvé znalosti získaného v předmětu a možná proto ta nepřijatelnost, ne?
kejtos
Profil *
joe:
děkuji,
nedostatky opraveny, co se úpravy, pojmenování apod. týče, budu na tom pracovat; jinak ohledně poznámky o "webu", máš-li tím na mysli, že v něm nejsou okna, nějaké menu, panely, pozicování aj., tak je to tím, že tak daleko ve výuce nejsme, není to závěrečné shrnutí, nýbrž pouhé ověření současného stavu.
Spectator
Profil
Pokud je to jen ukázka toho co sji tak nějak pochytil, tak dejme tomu. I "profesionálně" udělaný web jsem videl horší.
kejtos
Profil *
Spectator:
Děkuji, výtky, jež zde padly, jsem si vzal k srdci, a v tomto případě jsem je hned aplikoval a opravil tak chyby. :-)
_es
Profil
kejtos:
Nedefinuješ font písma.
shaggy
Profil
kejtos:
Už primitivnost stránek jasně naznačuje, že se jedná o 2. ročník na střední škole, nikoliv o ucházení se o místo.
Ale to som samozrejme nemohol vedieť. Ak je to tak ako vravíš, tak nechápem o čo ide - úroveň stredných škôl v tejto oblasti je mizerná a ak ti učiteľ nedokáže vysvetliť, čo je na tých stránkach neprijateľné, nemá právo niečo také učiť.
panther
Profil
kejtos:
Už primitivnost stránek jasně naznačuje, že se jedná o 2. ročník na střední škole, nikoliv o ucházení se o místo.
chyby tam jsou, jak bylo zmíněno výše, ale na 2. ročník SŠ... těžko říct, co všechno jste se učili, kolik toho máte či nemáte umět. Můžeš se, jen tak ze zvědavosti, zeptat, co je naprosto nepřiměřené a dát sem vyjádření profesora?
Ugo
Profil
Celkově mám přístup asi na 300 web. stránek vytvořenými placenými lidmi, hodně z toho jsem i prošel a nějak upravoval a mohu říct, že v tomto nevidím problém, jisté školácké chyby tam jsou, meta tag mimo, odsazování (z části za to může moci i vložení sem) a ono pletení si html s css, ovšem říci - je to nepřijatelné, vypadni máš za 5 je standartní chování profesorů a samozřejmě standartně špatně, k čemu je platíme když se to stejně musíš naučit na diskuzi od lidí co za to placeni nejsou? Zeptej se co je na tom vyloženě špatně, jestli kód a nebo rozsah, věřím tomu že rozsah by to být mohl.

P.S. co tu ještě nepadlo, nedával bych všem <br> clear, nemusí se to vždy hodit a může to po čase způsobovat wtf stavy
Petr ZZZ
Profil
kejtos:
Texty by mohly být v elementu <p></p> (odstavec), ne přímo v <div>u (ale viděl bych to jako spíš drobnou chybu, žádná tragédie to není):
<div class="pt">Věnováno městysu Malšice...</div>

Ještě mě napadlo – vztahuje se kritika učitele (jen) na kód, nebo (také) na obsah?
YoSarin
Profil
A není problémem třeba právě to že to neprojde validátorem?

Já vím, my se tu můžeme plácat po zádech a říkat si jak je validita neužitečná a přeceňovaná, ale faktem je, že někteří lidé to tak prostě nevidí. I na ČVUTu v předmětu tvorba webu jsme museli vytvořit stránky tak, aby prošly validátorem - error na výstupu = neprošels, předělat. Na střední škole by mě to nepřekvapilo vůbec.

Měli jste na tu práci vůbec nějaké požadavky nebo zadání?
_es
Profil
YoSarin:
neprošels, předělat
Čo je z praktického hľadiska rozumnejší prístup, než špekulovať nad každou značkou a atribútom v kóde pri každom študentovi, či ide o chybu neškodnú alebo významnú.

někteří lidé to tak prostě nevidí
Ak aj vidia, tak môže prevážiť praktické hľadisko.
YoSarin
Profil
_es:
Nechtěl jsem o tom polemizovat, ve výsledku jsou důvody celkem vedlejší...

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0