Odrazu powiem że pierwszy raz zdażyło mi się umieszczac post w dziale opinie zazwyczaj nie biorę się na tworzenie grafiki sam (kolega lubi się w to bawic) .. tym razem jednak wzialem sie i zrobilem cos takiego
link
prosił bym o ocene a także o to co w tym zminić, poprawic..

Mi osobiście nie podoba się :


- wielkość topów w boxach i nawet nie wiem czy to stroke czy przesadzony outer glow w tekście ale wygląda beznadziejnie. mógłbyś do topów w boxie dodać cień.
- do rysowania trawy masz specjalnego brush'a - patrząc na tą trawę mam wrażenie że nie chciało Ci się jej dokładnie wycinać i ustawiłeś przeźroczystość żeby nie było widać
- patrze na "Witaj Gościu" i czcionka za duża i staraj się myśleć również o tym, aby szablon wykonany w photoshopie przypominał choć trochę ten po pocięciu - tego tekstu który tam masz na pewno nie zrobisz.

- u samej góry "Czysty Świat.pl" przy pierwszym moim rzucie oka wygląda jak element Menu
- wybór języków w złym miejscu przestawiłbym go w miejsce szukajki a szukajke dał nad galerią zdjęć (jeśli miałbym robić strone o takim układzie), lub w ogóle z niej zrezygnował bo czego ludzie mieliby wyszukiwać na takiej stronie (?)


To tyle.

zieleni na stopce wygląda jak by była brudna i ta strona taka trochę ciężka dla oka

zastosuje się do waszych propozycji. Jak już mówiłem nie brałem się nigdy za projektowanie całych stron. Zawsze tylko kod tak nawiasem poker, bo przeglądałem twoje projekty. Jestem pod wielkim wrażeniem, też bym chciał tak dopasowywać kolory i w ogóle.

Weź na imageshack/ photobucket, bo nie mogę coś ściągnąc

Niebieski tekst nie pasuje do zielonych paneli =)
Kodowanie jest poprawnie wykonane..

Kodowanie NIE jest poprawnie wykonane.

to ma być lista i zdjęcia wsadzone w classie a.



i to



i to



Tutaj chyba przesadziłeś ...



TEKST DO P lub span


Tytuł strony w h1 to drugie w h2 PO CO TE DIVY?



WSZYSTKO TUTAJ JEST ŹLE !

ok. Poprawilem tak jak radziłeś! link. Teraz jest już lepiej?

zbyt ciemne , treść mało czytelna, menu prawie nie widoczne, trawa na dole strasznie pixelowata

ok . przy nastepnej poprawie postaram sie kolory o kilka tonow rozjaśnić. Ale poki co chodzi mi o kod? Czy mozna gdzies cos zmienic żeby bylo lepiej? Albo gdzie zrobiłem coś źle?

po co ten span ?

[HTML] pobierz, plaintext 
<div id="stopka"><span>Copyright 2009, <a href="mailto:stopek.pawel@gmail.com?subject=projekt strony" title="kontakt">Stopek</a>, All rights reserved!</span></div>
[HTML] pobierz, plaintext 

stopki nie widać na stronie

Fakt. Span byl nie potrzebny. Odwolywalem sie do niego przez #stopka span {} ale zamienilem na parametry textu dla stopki.

img wsadź do a ...
po co robić a + img skoro można zrobić samo a z klasą




dalej ...

pisałem Ci o tym



left + ikon + right ma się znaleźć w headers jako jeden obrazek
kontakt nie jako h1





span wykorzystuje się do tekstu nie do zdjęć, nawet jeśli masz dwa zdjęcia wstawiasz je w liście.

Hm. nie wiem czy ja zle zrozumiałem: mam to

[HTML] pobierz, plaintext 
<div class="headers">
<div class="left"></div>
<div class="ikon"></div>
<h1 class="text_headers">Kontakt</h1> 
<div class="right"></div>
</div>
[HTML] pobierz, plaintext 

zamienic na jeden caly ten obrazek? zamiast [lewa+ikona+text+prawa] mam wstawic [naglowek+texa_na_nim]?

zrobilem to po to zeby calość miej ważyła. (Nie wiem czy odnosnie predkosci ladowania strony wieksza ilosc Div'ow przeklada sie nad rozmiarem grafik). w tle calego naglowka jest tlo a po lewej i prawej sa zaokraglenia..

dalej ..
mam zamienic

[HTML] pobierz, plaintext 
<ul class="language">
<li><a href="#"><img src="pl.jpg" alt="Jezyk polski"/></a></li>
<li><a href="#"><img src="eu.jpg" alt="Jezyk angielski"/></a></li>
<li><a href="#"><img src="de.jpg" alt="Jezyk niemiecki"/></a></li>
</ul>
[HTML] pobierz, plaintext 

na przykladowo :

[HTML] pobierz, plaintext 
<ul class="language">
<li><a href="#" class="pl"></a></li>
<li><a href="#" class="en"></a></li>
<li><a href="#" class="de"></a></li>
</ul>
[HTML] pobierz, plaintext 

gdzie klasy pl,en,de beda mialy w sobie tla z flagami?

tak jest dobrze zrozumiałeś


jeśli chodzi o ten nagłówek po co robić 4 divy ( headers,left, right, ikon) skoro możesz mieć jeden ?
Robisz sobie przez to burdel i potem połapać się w kodzie będzie ciężej.


Co do tych flag używaj czegoś takiego w miejscach gdzie IMG nie ma żadnego znaczenia dla strony.

Jeśli byłaby to galeria zdjęć to używaj tak jak tutaj <a><img></a>

No nie wiem. Zrobie tak jak uważasz. Ale zawsze myslalem ze lepiej zrobic dodatkowego DIV'a co przyspieszy ladowanie strony poprzez zmiejszenie rozmiaru grafik .. Fakt roznica pewnie w jakichs ms wiec pewnie nie oplaca sie poswiecac predkosci za balagan w kodzie..

szczerze powiem Ci że załadowanie jednego małego buttonka o rozmiarach 150px x 40px jak twój kompletnie nie zwalnia strony. I napewno jest szybsze niż to co jest u Ciebie :

rozciąganie w headers tła o szerokości 1px na całego diva + obrazek z lewym bokiem + obrazek prawym bokiem + ikonka .


To nie są zdjęcia 5mb:D żeby je ciąć na kawałki. taki button ważyły ~15kb.

Gdzieś ostatnio czytałem że przeglądarki włączają bodajże 5 elementów na raz i po włączeniu jednego ładuje się następny. Więc skoro Ty masz do załadowania 4 elementy to ten czas jest dłuższy

Ok. Wrzuciłem poprawioną wersję. Nie testowałem jej po IE6 wiec nie wiem czy się nie rozpadnie Miałeś racje Poker. Ten nagłówek ma ok 5 kb wiec nie opłacało się bawić z tymi nagłówkami. Chociaż z doświadczenia wiem ze czasami to przyspiesza, ale to już musi być więcej nagłówków