Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [Ocena] czyndobro.org
Forum PHP.pl > Inne > Oceny
gg1985
Witam

Proszę o ocenę mojej strony:

Głodne dzieci

Pozdrawiam
webber
Hej,

To po pierwsze, masz layout idealny pod zaimplementowanie AjaxTabNav... powinieneś o tym pomyśleć smile.gif

Szablon jest że tak napiszę śliczny ale... no właśnie chyba jednak zbyt prosty tongue.gif

Co do treści, przydałyby się linki do strony pajacyka, okruszka i reszty fundacji, już w ich opisie a nie tylko na pierwszej stronie.

Kodzik... tak jak pisałem nawigacja ajaxowa bardzo ładnie by tu pasowała, na razie u Ciebie na stronie panuję tzw. "divits"

  1. <a href="polskie-serce.php"><img src="images/ps.jpg" id="ps" alt="polskie serce"/></a>
  2. <a href="habitat.php"><img src="images/hab.jpg" id="label" alt="habitat"/></a>
  3.  
  4. <a href="okruszek.php"><img src="images/okr.jpg" class="label" alt="okruszek"/></a>
  5. <a href="pajacyk.php"><img src="images/paj.jpg" class="label" alt="pajacyk"/></a>


To mógłbyś dać do listy smile.gif

Nie podoba mi się: target="_blank" - wywal to, a każdy użytkownik otworzy stronę tak jak mu się podoba :]
gg1985
Po pierwsze dzięki za opinię.

Faktycznie trzeba z tych kilku zakładek zrobić listę.

Z blankiem się chyba wstrzymam, bo nie chcę, by użytkownik po 3 sekundach opuszczał stronę.
SHiP
W twoim przypadku imho logo we flashu to błąd, sporo osób flasha blokuje, tym bardziej ze napis jest statyczny, jedynie słonko wychodzi z dołu co też dałoby się w js załatwić.

Menu nie tylko mógłbyś zmontować jako listę ale także pociać tło i dać zwykły tekst a nie tak jak teraz gotowe grafiki. Jak ktoś wyłączy obrazki to parametry alt są dziwnie blisko od siebie...

Ogólnie podoba mi się ładny design i minimalistycznie
tiraeth
Czemu wszyscy powyżej ograniczyli się do strony głównej winksmiley.jpg ?

1) Słonko wrzuć w gifie.
2) Nawigacja główna w <ul>.
3) Niepotrzebny <div id="list"></div>.
4) Jeśli używasz target, nie stosuj XHTML 1.1 tylko 1.0 Transitional.
5) Nie stosujesz paragrafów <p></p><. Na powyższej stronie przydałyby się dwa paragrafy - na tekst i na dole na stopkę.
6) Wywal te brzydkie <br /> z podstron i ustaw paragrafy.
7) Co to za podwójne cudzysłowie w meta na okruszek.php? Walidacja wysiada, a i się wysypać może, bo w ten sposób atrybut zamknąłeś.
8) W podstronach rozjeżdża Ci się ta "tabela" blokowa. W sensie, tekst wchodzi na stopkę.
9) Stosujesz tło ramki zamiast utworzyć ją atrybutami border. To właśnie jest powodem punktu powyższego.
Speedy
Wizualnie nawet fajne, ale strasznie małe. Jest to mała ramka na środku ekranu.
NuLL
Nie bede powielal kolegow z gory smile.gif Ale u mnie na 1400x1050 wszystko jest troche male - niewiele tego wiec mozna by zrobic zrobic content troche wiekszy. Pozatym wstaw usmiechnietego Pajacyka - ten smutny jest lekko przybijajacy winksmiley.jpg
Speedy
Jeszcze jedna uwaga: Daj jakieś inne zdjęcie zamiast tego przerażonego i zapłakanego dziecka na stronie wstępnej. Jeżeli na taką stronę wejdzie ktoś równie wrażliwy, jak ja, to nie będzie w stanie przeczytać tego wprowadzenia, gdyż nie będzie mógł patrzeć na to smutne dziecko winksmiley.jpg. Wiem, że to pewnie ma na celu wywołanie empatii i wzruszenia, ale trzeba rozważyć różne reakcje odwiedzającego stronę.
gg1985
@webber, co to znaczy "divits" ?

@tiraeth, sprawdziłem na dwóch komputerach, na dwóch różnych przeglądarkach i nigdzie mi się nie rozjeżdża. Czy to dzieje się może na jakiejś bardzo dużej rozdzielczości ?
tiraeth


Ubuntu, Firefox, 1280x1024

Gdybyś nie używał obrazka do stworzenia tabeli (tak, to jest tabela, którą zwykłymi divami zrobił) to nie byłoby tego rozjeżdżania.
webber
Cytat(gg1985 @ 31.08.2008, 22:27:44 ) *
@webber, co to znaczy "divits" ?


Przepraszam, chodziło mi o divitis.

A teraz use google, be happy winksmiley.jpg
Black-Berry
Cytat(Speedy @ 31.08.2008, 20:08:28 ) *
Jeszcze jedna uwaga: Daj jakieś inne zdjęcie zamiast tego przerażonego i zapłakanego dziecka na stronie wstępnej. Jeżeli na taką stronę wejdzie ktoś równie wrażliwy, jak ja, to nie będzie w stanie przeczytać tego wprowadzenia, gdyż nie będzie mógł patrzeć na to smutne dziecko winksmiley.jpg. Wiem, że to pewnie ma na celu wywołanie empatii i wzruszenia, ale trzeba rozważyć różne reakcje odwiedzającego stronę.

@.@ popieram. To dziecko jest przerażające ohmy.gif
webber
Może i przerażające ale pokazuje jak jest na prawdę, żadne głodne dziecko nie chodzi zadowolone, to jest problem, głód to problem, bieda to problem więc po co to jakoś sztucznie zamazywać, nawet poprzez zmianę obrazka... Wg mnie obrazek dla niektórych przerażający, szokujący, odstraszający zwraca uwagę takiego kogoś na ten problem.
Black-Berry
Cytat(webber @ 1.09.2008, 10:51:50 ) *
Może i przerażające ale pokazuje jak jest na prawdę, żadne głodne dziecko nie chodzi zadowolone, to jest problem, głód to problem, bieda to problem więc po co to jakoś sztucznie zamazywać, nawet poprzez zmianę obrazka... Wg mnie obrazek dla niektórych przerażający, szokujący, odstraszający zwraca uwagę takiego kogoś na ten problem.

No tak ale mi się ten obrazek kojarzy z rozkapryszonym dzieckiem które nie chce jeść kolacji i wybrzydza. Głodne dziecko to raczej takie zdołowane, apatyczne i ciche a nie zozwrzeszczane.
vokiel
Co do strony Habitat to nie ma już przycisku "Buduj DOM", w nic nie trzeba klikać winksmiley.jpg
gg1985
Cytat(webber @ 1.09.2008, 10:20:27 ) *
Przepraszam, chodziło mi o divitis.


Już się dokształciłem i zmieniłem kod, teraz jest tak:

  1. <div id="main">
  2. <div id="content">
  3. <a href="polskie-serce.php"><img src="images/ps.jpg" id="ps" alt="polskie serce"/></a>
  4. <a href="habitat.php"><img src="images/hab.jpg" id="label" alt="habitat"/></a>
  5. <a href="okruszek.php"><img src="images/okr.jpg" class="label" alt="okruszek"/></a>
  6. <a href="pajacyk.php"><img src="images/paj.jpg" class="label" alt="pajacyk"/></a>
  7. <object type="application/x-shockwave-flash" data="images/sun.swf" id="logo">
  8. <param name="movie" value="images/sun.swf" />
  9. </object>
  10. <a href="http://czyndobro.org"><img src="images/napis.jpg" alt="głodne dzieci" /></a>
  11. <h1>Witaj dobry człowieku!</h1>
  12. <img src="images/child.jpg" id="child" alt="dziecko" />
  13. <p id="sense">
  14. Witaj w naszym charytatywnym serwisie. Wystarczy chwila, aby pomóc głodnym dzieciom w Polsce. Dzięki dosłownie kilku kliknięciom możesz zrobić wiele dobrego. Zachęcamy do odwiedzenia poniższych stron:
  15. <div id="list">
  16. <ul>
  17. <li><a href="http://www.pajacyk.pl/" target="_blank">Pajacyk</a> - kliknij w pajacyka</li>
  18. <li><a href="http://www.polskieserce.pl/" target="_blank">Polskie serce</a> - kliknij w pięciogroszówkę</li>
  19. <li><a href="http://www.okruszek.org.pl/" target="_blank">Okruszek</a> - kliknij w chleb</li>
  20. <li><a href="http://www.habitat.pl/domek.aspx?noban=1" target="_blank">Habitat</a> - wystarczy wejść</li>
  21. <li><a href="http://www.zmilosciserc.pl/donate.php" target="_blank">Z miłości serc</a> - kliknij w "Dodaj swoje serce"</li>
  22. </ul>
  23. </div>
  24. </p>
  25. <p id="foot">
  26. <a href="mailto:grge@wp.pl?subject=czyndobro.org">Kontakt</a> <span style="font-size: 9px">z autorem</span> | <a href="info.php">Statystyki</a> | <a href="http://www.u.waw.pl">Kulturystyka</a> | <a href="http://www.n-art.pl" target="_blank">strony internetowe kraków</a> | <a href="http://www.opony.com" target="_blank">Opony - sklep internetowy</a>
  27. </p>
  28. </div>
  29. </div>
  30. </body>


więc chyba jest już ok.
maryaan
Czemu logo nie jest gif-em?

btw swietna linkownia :]
yakhub
Technicznie już Koledzy się wypowiedzieli.

Graficznie - rewelacja. Rzadko się spotyka tak ładne strony. Kolorystyka, layout - nie ma się do czego przyczepić.

Problem - rozmiary... Stronka to olbrzymia połać bieli, a na środku malutki prostokącik z czymśtam. Przeskaluj to wszystko - nawet w 800x600 po bokach zostają puste pasy, a takiej rozdzielczości nikt już nie używa. Spokojnie to wszystko może być 2x większe. Tym bardziej, że tekst też jest drobniutki. Szkoda żeby się taka ładna strona marnowała smile.gif
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-2025 Invision Power Services, Inc.