[www] Layout strony, Ocena pod względem wizualnym Opcje

[Kujski]

Prosiłbym o ogólną ocenę wyglądu strony (rozmieszczenie menu, kolorystyka, wrazenia wizualne):

http://www.kujski.prohost.pl/tenis/

Strona w trakcie modernizacji, zrobiłem nową szatkę graficzną i zaraz na początku chciałbym usunąć wszystkie braki i niedociagnięcia. Strona przeznaczona głównie dla osób starszych wiek 30-70 lat oraz dzieciw wieku 8-13lat. strona ma być prosta i przejrzysta.

Ten post edytował Kujski 9.02.2010, 12:59:55

[Kildyt]

Design amatorski na 80%. To, że potrafisz używać filtrów w programie graficznym widzimy, teraz zaprezentuj nam ich właściwe wykorzystanie.
70 lat? Szara czcionka na białym tle to nie jest dobry pomysł. Miała być przejrzysta, a moim zdaniem panuje nieład (mimo ogólnej prostoty).
Mapa witryny to nie spis stron tylko hierarchiczne uporządkowanie.

Kod strony jest kiepski. Czy istnieje jakiś plik graficzny, którego nie można opisać?
H1 jest tylko jedno w dokumencie. Tak samo jak książka ma jeden tytuł.
Link do nie paragraf.
Wszędzie tylko div i div. Brakuje zrozumienia znaczników.
W dobrze napisanym kodzie prostej strony komentarze o budowie są zbędne.

[Kujski]

To, że potrafisz używać filtrów w programie graficznym widzimy, teraz zaprezentuj nam ich właściwe wykorzystanie.

Hmmm ciekawe spostrzeżenie (IMG:style_emoticons/default/smile.gif) to może jeszcze szybko wyjaśnij prawidłowe zastosowanie tego filtru, oraz krótkie uzasadnienie czemu tu jest źle użyty...

Miała być przejrzysta, a moim zdaniem panuje nieład (mimo ogólnej prostoty).

Miło by było gdybyś opisał co powoduje ten nieład - chętnie usunę nieścisłości...

Wszędzie tylko div i div.

Hmmm to może prosty przykład czym zastąpić div??

W dobrze napisanym kodzie prostej strony komentarze o budowie są zbędne.

Ta kwestia to raczej wola każdego z nas osobna co komu bardziej pasuje (IMG:style_emoticons/default/smile.gif)

[Kildyt]

Hmmm ciekawe spostrzeżenie (IMG:style_emoticons/default/smile.gif) to może jeszcze szybko wyjaśnij prawidłowe zastosowanie tego filtru, oraz krótkie uzasadnienie czemu tu jest źle użyty...

Chodzi o przeładowanie topa filtrami graficznymi co w konsekwencji wyszło na niezłą amatorszczyznę. Poprzeglądaj topy poważnych stron związanych tematycznie i porównaj je z twoją.

Miło by było gdybyś opisał co powoduje ten nieład - chętnie usunę nieścisłości...

Takie sa moje odczucia, ty możesz mieć inne. 90% strony jest biała i przez to nie są wyróżnione ważniejsze elementy. Gdzieniegdzie za małe paddingi.

Hmmm to może prosty przykład czym zastąpić div??

[HTML] pobierz, plaintext 
<div id="footer"> 
	<div class="forter_box"> 
            <div class="forter_box_left"> 
[HTML] pobierz, plaintext 

Tyle bloków po to by wstawić footer.

[HTML] pobierz, plaintext 
<div class="forter_box_right"> 
		&copy; Chojnicka Liga Tenisa Stołowego
            </div> 
[HTML] pobierz, plaintext 

span

[HTML] pobierz, plaintext 
<div class="forter_copyright"> 
                Projekt i wykonanie: <a href="http://www.kujski.eu" class="forter_copyright_link" target="_blank">Kujski.eu</a> 
            </div> 
[HTML] pobierz, plaintext 

span

[HTML] pobierz, plaintext 
<div id="header"> 
	<div class="header_text">ul może pełnić rolę header_text
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<p>Poniższa tabela zawiera aktualne wyniki w kategorii: <span class="red_b">Dorośli</span>.</p> 
[HTML] pobierz, plaintext 

Zamiast p span, zamiast span b, lub strong (zależnie od przeznaczenia).

[HTML] pobierz, plaintext 
<div class="content_box_article_mail"> 
                Formularz kontaktowy
            </div> 
[HTML] pobierz, plaintext 

Wystarczy sam nagłówek.

Ta kwestia to raczej wola każdego z nas osobna co komu bardziej pasuje (IMG:style_emoticons/default/smile.gif)

Rób jak chcesz. Dobre nazewnictwo, tabulacja i przerwy mogą załatwić wszystko i sprawić, że kod będzie czytelny.

PS logo powinno być klikalne i przenosić na stronę główną.