Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [www] cięcie i kodowanie firmowy lay
Forum PHP.pl > Inne > Oceny
Artu123
Witam!

Mam do oceny kolejne moje kodowanie

http://artu123.pl/projekty/iwanski/

Proszę o opinie i oceny .
webber
Widzę że powielasz błędy o których ludzie pisali Tobie w innych Twoich tematach

Spójrz na kod:

  1. <div id="top">
  2. <img src="grafika/logotyp.gif" id="logotyp" alt="" /><!-- Koniec #logotyp -->
  3. <h1>iwanski<span class="literki">.com.pl</span></h1>
  4. <div id="krecha"></div><!-- Koniec #krecha -->
  5. <h2>Prywatna praktyka stomatologiczna<br /><span class="kolor">Marcin &nbsp;Iwanski &nbsp;Lekarz &nbsp;stomatolog</span></h2>
  6. <div id="kontakt">
  7. <img src="grafika/komorka.gif" id="komorka" alt="" />
  8. <div id="kontaktinfo">
  9. <p>ZADZWOŃ DO NAS</p>
  10. <span class="numer1">(+48)</span>
  11. <span class="numer">888 555 444</span>
  12. </div><!-- Koniec #kontaktinfo -->
  13. </div><!-- Koniec #kontakt -->
  14. </div><!-- Koniec #top -->


Nie dawaj klas dla "literek" np. odwołaj się w .css do tego tak: div#top span { tu styl "literek" }

Nie używasz alt dla obrazków... dlaczego?

  1. <ul id="menu">
  2. <li><h3><a href="#" title="Strona Główna">Strona główna</a></h3></li>
  3. <li><h3><a href="#" title="O nas">O nas</a></h3></li>
  4. <li><h3><a href="#" title="Certyfikaty">Certyfikaty</a></h3></li>
  5. <li><h3><a href="#" title="Kontakt">Kontakt</a></h3></li>
  6. </ul><!-- Koniec #menu -->


Nie lepiej zdeficniować wielkość czcionki odwołując się ul#menu li a { font-size: 1em; } ?

  1. <li style="position:relative;width:5px;border:0px;background-color:#fff;margin-left:-1px;"></li>


tutaj mógłbyś dać po prostu class="cos" i zdefiniować styl w .css a nie inline.

  1. <div class="przelacznik"><span class="sss">1</span> - <a href="#">2</a></div>


Tu odwołać się do span poprzez div#przelacznik span { styl }

To tylko przykłady.

Ogólnei tutaj na forum zwrócono mi uwagę, więc mogę powtórzyć, masz bardzo złe nazwy wszystkich warstw, powinny określać co się w nich znajduje, a nie to gdzie się znajdują winksmiley.jpg
Po za tym nie sądzisz że czytelniej byłoby np. pisać .PrzerwaMiedzyPanelami a nie przerwamiedzypanelami? smile.gif

Pozdrawiam
Artu123
"<li style="position:relative;width:5px;border:0px;background-color:#fff;margin-left:-1px;"></li>"

Dodałem class to nie działało .
ano
1. Po co <div id="tlo"></div><!-- Koniec #tlo --> ?
2. Pousuwaj z elementów głównego menu <h3>
3. To:
  1. <div id="kontakt">
  2. <img src="grafika/komorka.gif" id="komorka" alt="" />
  3. <div id="kontaktinfo">
  4. <p>ZADZWOŃ DO NAS</p>
  5. <span class="numer1">(+48)</span>
  6. <span class="numer">888 555 444</span>
  7. </div><!-- Koniec #kontaktinfo -->
  8. </div><!-- Koniec #kontakt -->
  9. </div><!-- Koniec #top -->

zrób używając jednego div'a (usuń div #kontaktinfo)
4. Do usunięcia:
  1. <div id="krecha"></div><!-- Koniec #krecha -->
- wystarczy, że do <h1> dodasz border-bottom: (...)
5. Po co to:
  1. <li style="position:relative;width:5px;border:0px;background-color:#fff;margin-left:-1px;"></li>
?
6. Te kreski: <div class="kreskalewa"></div> rób tak samo jak w punkcie 4. (border-bottom do <h3>)
7. To też do usunięcia: <div class="przerwamiedzypanelami"></div>
8. Tego też nie kumam: <div class="h3s"><h3>Lorem Ipsum is simply</h3></div> - po co kolejny div? samo h3 nie wystarczy?
9. <div class="float"> - to też do usunięcia (samo <a> ostylowane wystarczy!)
10. Po co <li style="width:76px;"> - w dolnym menu te width'y? Odległość pomiędzy kolejnymi <li> możesz przecież ustalić za pomocą padding-right!
11. <div id="kreskastopka"></div> - do wywalenia

Ogólnie: dużo za dużo <divów> - musisz uprościć kod, bo narazie jest divitis winksmiley.jpg

tak na marginesie, wypadało by wykupić zdjęcia z istockphoto... http://artu123.pl/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.