Ocena strony i problem z wersja mobilna.

Question

Witam,

Prosilbym o ocenienie strony, w najbardziej krytyczny sposob jaki sie da.

http://johannesgge.de

Strona jest w jezyku niemieckim, ale mysle, ze nie jest to jakis duzy problem, bo to tylko tekst. Mysle, ze sam panel nie jest jakims problemem, bo wielszosc brzmi jak w jezyku angielskim czy polskim.

Oprocz tego mam pytanie, jak stworzyc wersje mobilna podstrony: FilmKritiken, gdyz jest ona dosyc spora i nie mam pojecia, jak mozna ja dopasowac do weraji mobilnej

Pozdrawiam, dziekuje i milego dnia

DC

Answer 1

Szukam i szukam i znaleźć nie mogę żadnego nagłówka na stronie, dlaczego?

• https://validator.w3.org/nu/?doc=http%3A%2F%2Fjohannesgge.de%2F
• nie używaj w HTML onclick, zamiast tego w pliku JavaScript podepnij zdarzenie za pomocą addEventListener pod odpowiedni element

<div id="logo_div" onclick="javascript:location.href='http://johannesgge.de/'">
        <img src="http://johannesgge.de/res/pic/logo_2.png">
</div>

• logo_div powinno być, jako link i na dodatek zazwyczaj traktowane jest jako <h1>
• masz pomieszane nazewnictwo przy klasach / id (tak btw to do stylowania używaj klas)

login_div
volleWeiteDiv

Zdecyduj się na jeden sposób, ten z CamelCase jest raczej wykorzystywany przy JS, w HTML to zazwyczaj login-div, volle-weite-div (cokolwiek to znaczy), ewentualnie zainteresuj się czymś takim, jak BEM

• popracuj też ogólnie nad nazwami klas, tak żeby faktycznie oznaczały jakiś element i zdecyduj się na jeden język

<a href="programme/"> 
    <input type="button" class="button" value="Zur Übersicht"> 
</a>

• tutaj samo <a> może być przyciskiem, nie potrzebujesz dotkowego inputa w środku
• dane kontaktowe powinny być zapisane w liście definicji
• email powinien być zapisany coś w tym stylu

  <a href="mailto:adres e-mail">opis</a>

• brakuje Ci znacznika <main>
• poprawne zapisywanie ikonek
• nie używamy

      target="_blank"

pozwalamy użytkownikowi zdecydować, czy chce otworzyć to w kolejnej karcie, czy tej samej

Comments

Dziekuje bardzo :)