Projekt 1 HTML5/CSS3 początki! Opcje

[maiza]

Zacząłem edukować się w kierunku HTML 5 i CSS 3 (kiedyś coś tam pisałem w starszych wersjach, kilka lat temu).

Znalazłem na necie jakiś layout .psd i spróbowałem go zakodować w HTML 5 i CSS 3.

http://maiza.ct8.pl/projekty/patent/index.html

To jest oczywiście tylko strona głowna, bez odsyłaczy etc. Głównie mi chodzi o opinie kodu, tzn. czy prawidłowo zakodowałem ogolny zarys w HTML 5 i CSS 3, co zrobilem zle lub co moglem zrobic lepiej lub czego nie powinieniem zrobic?

Tu jest css:

http://maiza.ct8.pl/projekty/patent/css/style.css

A tu jest jpg szablonu:

http://maiza.ct8.pl/projekty/patent/patent.jpg

Mialem troche problem z menu, tzn. z jego tłem/przyciskami, zrobiłem to chyba w nie zbyt dobry sposób.. Dodatko jak widać na jpg w szablonie jest dość nietypowa czcionka, w PS zrobiona z tzw. Sharpem, dużo szukałem o tym i niestet nie udało mi się tak samo sformatować tej czcionki w CSS, nie mogłem znajść nic konkretnego na temat antyaliasingu..

Głównie proszę o ocene kodu html i css.

btw. przy okazji, jak widzicie, na dole strony, Ostatnie projekty, chciałbym zrobić tam galerię, tak jak to narazie przedstawiaja obrazki zrobione na sztywno, aczkolwiek nie wiem przez co moge uzyskac taka galerie? JS? jQuery ? czy cos innego? Ma ktoś jakiś pomysł, jak taką galerie z bocznymi przelacznikami i poziomym suwakiem moge zrobic?

[sowiq]

Nie no, kolego, bez jaj. Tak się nie wstawia obrazków tła. Już pomijając, że nie daj Boże zmieni się któryś napis w menu i będzie miał inną szerokość. To jest do poprawy w pierwszej kolejności.

[HTML] pobierz, plaintext 
<div id="bg_menu">
    <img src="images/bg_menu.png" alt="bg"/>
</div>
 
<nav>
    <ul>
        <li><a href="#">Home</a> </li>
        <li><a href="#">O Fundacji</a> </li>
        <li><a href="#">Działalność</a> </li>
        <li><a href="#">Wydarzenia</a> </li>
        <li><a href="#">Nowe projekty</a> </li>
        <li><a href="#">Kontakt</a> </li>
    </ul>
</nav>
[HTML] pobierz, plaintext 

Druga sprawa, że linkó w menu nie powinieneś pozycjonować za pomocą padding-top. Wypozycjonowany powinien być element nadrzędny (w tym wypadku <nav /> albo <ul />).
(IMG:http://i.imgur.com/o0JMdge.png)

Po co na siłę stosujesz HTML5, powielając tym samym elementy HTML?

[HTML] pobierz, plaintext 
<section>
    <div id="artykuly">
        [...]
    </div>
</section>
<footer id="stopka">
    <div id="zawartosc_stopki">
        [...]
    </div>
</footer>
[HTML] pobierz, plaintext 

Wystarczyłoby:

[HTML] pobierz, plaintext 
<section id="artykuly">
    [...]
</section>
<footer id="stopka">
    [...]
</footer>
[HTML] pobierz, plaintext 

A to tylko błędy na pierwszy rzut oka, w kodzie HTML, który ma 150 linijek. Jak dla mnie trója z minusem.

Ten post edytował sowiq 10.02.2014, 16:07:09