Witam wszystkich
Ostatnio zabrałem się za zmianę layoutu strony gimnazjum, obecny wygląda tak: www.gimnazjumww.pl
Nowy wygląd: www.gimnazjumww.ayz.pl

Proszę o ocenę i komentarze

Layout? Ładny. Tylko te gradienty lekko ssą

Co do kodu, do kilku rzeczy się doczepię:
1.

[HTML] pobierz, plaintext 
<p class="content-break"></p>
[HTML] pobierz, plaintext 

Co to? Po co i na co?

2. Puste atrybuty alt! Dodane tylko po to, żeby się walidowała strona.

3. Stopka

[HTML] pobierz, plaintext 
<p>
			<a href="">Start</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Pracownicy</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Uczniowie</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Plan lekcji</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Przedmioty</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Kontakt</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">Polityka prywatności</a><br />
 
			<span>&copy; 2010 Gimnazjum w Węgrzcach Wielkich&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;projekt: <a href="http://www.jakubmichalski.pl/">Jakub Michalski</a>&nbsp;&nbsp;wykonanie: <a href="http://www.pawelwolak.info/">Paweł Wolak</a></span>
		</p>
 
[HTML] pobierz, plaintext 

To po pierwsze powinna być lista nieuporządkowana. Po drugie, jak widzę takie coś to mi się jakoś dziwnie morda uśmiecha

Wygląd lepszy niż kod, ale z tym drugim też wielkiej tragedii nie ma. Tyle ode mnie.

1. Boxy mają ustawiony float i to jest po to, żeby równo leżały (klasa ma ustawiony clear: both)
2. Alty później pouzupełniam, podczas wdrażania strony, na razie są rzeczywiście tylko pod kątem walidacji
3. Dzięki, poprawię

EDIT:
poprawione

Layout w miarę ładny, ale mogłoby być lepiej.
- jeżeli czcionka w nagłówkach jest bezszeryfowa, to szeryfowy podtytuł nie wygląda ładnie,
- nagłówki powinny być linkami,
-

[HTML] pobierz, plaintext 
xml:lang="en" lang="en">
[HTML] pobierz, plaintext 

jak polska to nie angielska,
- linki z samym IMG-em dla robotów są prawie bezwartościowe (a już tym bardziej tytuł strony, który powinien być nagłówkiem pierwszego stopnia),
- puste linki,
-

[HTML] pobierz, plaintext 
<h3>Aktualności</h3> 
<h4>i wydarzenia</h4>
[HTML] pobierz, plaintext 

nie taki jest sens wstawiania nagłówków,
- puste znaczniki,
- brakuje mi hoverów na linkach, ale to już raczej subiektywne odczucie.

- Gradienty

+ Czytelna strona
+ Całość dobrze wykonana
+ Ciekawie wyświetlane artykuły
+ Odważne białe tło i 100% wypełnienie.
+ Pierwsza strona szkoły którą da się oglądać i chętnie się na nią wchodzi

-> Bardziej wyróżniłbym nagłówki - czcionka typu Times New Roman? pogrubienie?

? Czy to się opiera na jakimś CMS?

Reasumując: kawał dobrej roboty.

z nagłówkami mam problem, grafik użył czcionki MyriadPro Light, której domyślnie nie ma w systemie, więc musiałem użyć Cufona, ale jak patrzyłem to różnie to pod różnymi przeglądarkami wychodzi...

strona docelowo będzie miała autorski system zarządzania treścią, na razie to jest sam projekt, jeszcze bez niczego

Nie wiem skąd takie dobre opinie. Strona niesamowicie rozlazła. Prawie niemożliwe jest odróżnienie na niej jakichkolwiek podstawowych części strony. Nie wyobrażam sobie jak mogą wyglądać takie podstrony jak przedmioty czy też kontakt. To coś ze szkołą w lewym górnym rogu powinno być przynajmniej 2x większe. No i te wszelkie gradientowe przyciski...

Ogólnie nie powala. Na pewno nie wróciłbym na nią gdybym nie miał ważnego powodu.

Z ciekawości wszedłem na Twoje portfolio

Oj oj. Ogólnie wasze strony osobiste wyglądają kilka razy lepiej, niż projekt, który wykonaliście.

Strona ogólnie dobrze wygląda, ale w Firefoxie. Na IE6 się rozjeżdża. Coś jest nie tak z wyglądem.

To bym uznał za plus.

A ja nie... Według mnie strona powinna działać prawidłowo w każdej przeglądarce... Takie jest moje zdanie(a to na pewno da się osiągnąć)

ie 6.0 do lamusa , kto tego badziewia używa , a strona naprawde przejrzysta:)

Są osoby, które używają, a chyba zależy nam na reputacji "firmy" czyt. strony

to ciekawe, bo akurat obie z tych stron kodowałem ja (moja bazuje na darmowym szablonie, ale jest po wielu przeróbkach...)

po pierwsze to jest dopiero wstępna wersja, która musi zostać zaakceptowana przez dyrektora szkoły, dlatego nie ma po co się wysilać, ważne, żeby wyglądało tak jak w projekcie w sumie to mógłbyś napisać co jest źle, bo pisanie bez uzasadnienia nic nowego nie wnosi


ta strona jest skierowana przede wszystkim do uczniów, żeby mogli sprawdzać na bieżąco plan lekcji, aktualności, a nie znam osoby w wieku 14-16 lat, która korzystałaby z IE 6.0...

szczerze mówiąc, to nie widziałem jeszcze nikogo, kto korzysta z IE 6.0, oczywiście nie licząc osób, które wchodzą na komputer 2-3 razy w roku

Jak ktoś ma czas wejść na niszową stronę, to i powinien mieć czas na ściągnięcie nowej przeglądarki. Dla mnie żadną wymówką nie jest, że komuś się nie odpali. Chrome zabiera mniej pamięci niż IE 6, a ściągnięcie w 5 minut nie boli. Za to my, developerzy mamy cierpieć kolejnych 5 godzin, aby komuś d... osłodzić.

Bo jak ktoś nie potrafi zrobić, żeby strona była chociaż funkcjonalna w IE6, to jest d*pa a nie developer. Jak od początku kod jest pisany rozsądnie, to potem nie potrzeba żadnych przeróbek dla IE6.

Wziąłeś pod uwagę ograniczenia? Typu: nie mam uprawnień, etc. Ale fakt, IE6 powinno zniknąć z rynku.

PS. To ja już bym wolał używać IE6, niż kolejnego dziadostwa od Google, chyba mniejszy wyciek Twoich prywatnych danych.

Opera Portable

Problemy z DIVami, brak obsługi CSS3, HTML 5
Pozostają ci więc jeszcze: Mozilla, Safari, Opera i... IE 8. (+7)

Opera mnie w ogóle jakoś odpycha, jesli już bym musiał, użyłbym przenośnego FF.


HTML5? Bez żartów. CSS3? Nie jest wymagany, żeby stworzyć używalną stronę (nie mówię, że identyczną w 100%). Problemy z divami? Do przejścia.


Patrz wyżej.

Sztuczne podtrzymywanie IE 6: bezcenne. Tak kurczowo trzymasz się tej przeglądarki, jakbyś na prawdę jej używał.

@down
Zrozumiałem, o moją wiedzę się nie martw.

Przeczytaj jeszcze raz, albo ze dwa, to co napisałem, bo widocznie nie zrozumiałeś, nawet w 10%. Podkreślę: IE6 jest fatalne (albo gorzej) i powinno jak najszybciej zniknąć z rynku.

Dobra, starczy. EOT.

W miarę porządnie to wygląda, jednak brakuje mi jakiegoś oddzielenia menu od zawartości. Wszystko lewituje.



Co w tym dziwnego?

A wiesz do czego one służą?

Wiem, ale autor strony może nie chcieć, by cokolwiek zastępowało obrazek. A znacznik alt jest wymagany, czyli tę chęć braku zastępowalności trzeba jawnie podać.

Wstawianie pustych alt-ów to brak zrozumienia standardów. Po pierwsze nie ma obrazka, którego nie dałoby się opisać, a po drugie jeżeli jakiś opis jest bezcelowy to znaczy to iż obrazek powinien być tłem ustawionym w CSS-ie.

PS Pomógł != podziela mój tok rozumowania.

Najbardziej debilne tłumaczenie jakie kiedykolwiek słyszałem. Po co wstawiać atrybut alt skoro jest pusty? Co się mija z celem. To jest jeszcze gorsze niż wstawianie pustych divów, a ma się do standardów tak samo nijak. A te Twoje posty są bez sensu, czytałeś chociaż co autor napisał?


EOT

Kildyt ładnie tu ujął.

ale za samą chęć wniesienia czegoś nowego do tematu dać można

co do strony to proszę już nie oceniać, bo robi się mały offtop

@newone
grafikę nie ja robiłem, przyznaję, grafik się nie postarał...

Od strony graficznej:
-Brzydkie marginesy
-Typografia leży
-Przydały by się zaokrąglenia

Ogólna ocena to 5/10, kolego.