Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [www] e4www
Forum PHP.pl > Inne > Oceny
tsharek
6.07.2007, 13:55:20
Witam wszystkich serdecznie,

Chciałbym poprosić Was o ocenę strony e4www. Chodzi mi o projekt graficzny jak i kod xhtml+css.

Pozdrawiam,
Tsharek
matix
6.07.2007, 15:01:38
Witaj.

Grafika jest świetna - przejrzysta, ładna, schludna - w moim stylu, nice winksmiley.jpg

Jeśli chodzi o kod:

[HTML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
  2. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"
  3. xml:lang="pl"><head><title>Portfolio</title><meta http-equiv="Pragma" content="no-cache" /><meta 
  4. http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="description" content="" 
  5. /><meta name="keywords" content="desktop calendar, kalendarz, pulpit, tapeta, tworzenie stron 
  6. internetowych, www, strony, projektowanie stron interneowych, projekty, grafika, fotografia, 
  7. pozycjonowamie, e-marketing, e-shops, e-commerce, sklepy internetowe, oprogramowanie,
  8. programowanie na zamówienie, marketing wirusowy, oprogramowanie specjalistyczne, serwisy
  9.  internetowe, prezentacje, gry, aplikacje, flash" /><meta name="robots" content="index, follow" />
  10. <meta name="author" content="e4www" /><link rel="stylesheet" type="text/css" href="/css/main.css" 
  11. /><script type="text/javascript" src="/js/main.js"></script><script type="text/javascript" 
  12. src="/js/flash2.js"></script><link rel="stylesheet" type="text/css" href="/css/subpage.css" 
  13. /></head><body onload="load_flash('portfolio.swf')"><div id="header"><a href="/pl/" class="l">
  14. <img src="/gfx/logo.gif" alt="evrything for www" /></a><a href="/pl/recommend/" class="m">
  15. <img src="/gfx/ico_recommend.gif" alt="Poleć znajomemu" />Poleć znajomemu</a>
  16. <a href="/pl/sitemap/" class="m"><img src="/gfx/ico_sitemap.gif" alt="Mapa serwisu" />
  17. Mapa serwisu</a><p><a href="/pl/about_us/">O nas</a><a href="/pl/offers/">Co oferujem
  18. y</a><a href="/pl/portfolio/">Portfolio</a><a href="/pl/clients/">Klienci</a><a href="/pl/co
  19. ntact/" class="f">Kontakt</a></p></div><div id="content"><div id="left"><p><span>Witam
  20. y w e4www</span> E4www to agencja interaktywna którą tworzą specjaliści w dziedzinie now
  21. oczesnych rozwiązań oraz technologii internetowych.<a href="/pl/about_us/">ť</a></p>
  22. <span><img src="/gfx/portfolio_pl.gif" alt="Portfolio" /></span><div><a 
  23. href="/pl/portfolio/1/serwisy_internetowe/">Serwisy internetowe</a><a 
  24. href="/pl/portfolio/2/programy_lojalnosciowe/">Programy lojalnościowe</a><a 
  25. href="/pl/portfolio/3/e-commerce/">E-commerce</a><a href="/pl/portfolio/4/gry/">Gry</a><a 
  26. href="/pl/portfolio/5/prezentacje/">Prezentacje</a><a 
  27. href="/pl/portfolio/7/aplikacje_w_technologii_flash/">Aplikacje w technologii Flash</a><a 
  28. href="/pl/portfolio/6/oprogamowanie_specjalistyczne/">Oprogamowanie specjalistyczne</a><a 
  29. href="/pl/portfolio/gallery/">Fotografia reklamowo-produktowa</a></div><img 
  30. src="/gfx/our_clients_pl.gif" alt="Klienci" /><br /><table id="clients"><tr><td><img src="/gfx/clients/ambersole.gif" id="imgs0" alt="" /></td><td><img src="/gfx/clients/drewnochron.gif" id="imgs1" alt="" /></td></tr><tr><td><img src="/gfx/clients/murator.gif" id="imgs2" alt="" /></td><td><img src="/gfx/clients/dialog.gif" id="imgs3" alt="" /></td></tr></table><script type="text/javascript">var imgs=new Array();var fade=0;imgs[0]=new Image();imgs[0].src='/gfx/clients/ambersole.gif';imgs[1]=new Image();imgs[1].src='/gfx/clients/drewnochron.gif';imgs[2]=new Image();imgs[2].src='/gfx/clients/murator.gif';imgs[3]=new Image();imgs[3].src='/gfx/clients/dialog.gif';imgs[4]=new Image();imgs[4].src='/gfx/clients/paypoints.gif';imgs[5]=new Image();imgs[5].src='/gfx/clients/benq.gif';imgs[6]=new Image();imgs[6].src='/gfx/clients/chello.gif';imgs[7]=new Image();imgs[7].src='/gfx/clients/gymnasion.gif';imgs[8]=new Image();imgs[8].src='/gfx/clients/esml.gif';imgs[9]=new Image();imgs[9].src='/gfx/clients/monolith.gif';imgs[10]=new Image();imgs[10].src='/gfx/clients/chio.gif';imgs[11]=new Image();imgs[11].src='/gfx/clients/wedel.gif';imgs[12]=new Image();imgs[12].src='/gfx/clients/4energy.gif';imgs[13]=new Image();imgs[13].src='/gfx/clients/skraweknieba.gif';imgs[14]=new Image();imgs[14].src='/gfx/clients/pronox.gif';imgs[15]=new Image();imgs[15].src='/gfx/clients/easytouch.gif';imgs[16]=new Image();imgs[16].src='/gfx/clients/upc.gif';imgs[17]=new Image();imgs[17].src='/gfx/clients/r1.gif';imgs[18]=new Image();imgs[18].src='/gfx/clients/isover.gif';imgs[19]=new Image();imgs[19].src='/gfx/clients/procomp.gif';imgs[20]=new Image();imgs[20].src='/gfx/clients/silesiacitycenter.gif';imgs[21]=new Image();imgs[21].src='/gfx/clients/jutrzenka.gif';imgs[22]=new Image();imgs[22].src='/gfx/clients/gigsabyte.gif';change();</script></div><div id="right"><div id="flash"></div><p><b>Programy autorskie</b><a href="/pl/boxes/desktop_calendar/" title="desktop calendar" class="nb"><img src="/gfx/boxes/main_box_desktop_calendar.jpg" alt="Kalendarz na pulpit" /><strong>Desktop Calendar</strong></a><span>to łatwy w obsłudze program umożliwiający dodanie do tapety z pulpitu systemu Windows, w pełni konfigurowalnego kalendarza.</span><a href="/pl/boxes/desktop_calendar/" title="desktop calendar">ť</a></p></div><div id="localizer"><img src="/gfx/loc_home.gif" alt="Strona główna" /><a href="/pl/">ť Strona główna</a><a href="/pl/portfolio/">ť Portfolio</a></div><div id="main_content"><div class="list"><a href="/pl/portfolio_client/23/easy_touch/"><img src="/gfx/portfolio/main_185_160/easytouch.jpg" alt="EASY TOUCH" style="margin-top: 20px;" /></a><p><strong>EASY TOUCH</strong><span>2007</span>EASY TOUCH to niezwykle dynamicznie rozwijająca się marka, coraz bardziej popularna nie tylko w Polsce, ale w całej Europie. W chwili obecnej jest producentem większości akcesoriów komputerowych, elektroniki użytkowej oraz małego AGD.
  31.  
  32.  
  33.  
  34. <br /><br />Naszym zadaniem była całkowita przebudowa starego serwisu. Stworzyliśmy nową szatę graficzną,
  35. która nadała nowoczesny korporacyjno-produktowy wygląd stronie. Stworzyliśmy nowy system CMS
  36. umożliwiający w łatwy i elastyczny sposób dodawanie nowych wersji językowych
  37. (w tej chwili serwis ma 12 wersji językowych).
  38. </p><a class="more" href="/pl/portfolio_client/23/easy_touch/">ť więcej</a></div><div class="list"><a href="/pl/portfolio_client/22/joybook/"><img src="/gfx/portfolio/main_185_160/sklep_joybook.jpg" alt="Joybook" style="margin-top: 20px;" /></a><p><strong>Joybook</strong><span>2007</span>Joybook.pl to nowoczesny serwis poświęcony markowym  laptopom firmy BENQ.<br />
  39. <br />
  40. Stanowi on połączenie atrakcyjnej strony produktowej ze sklepem internetowym.
  41. Każdy prezentowany model notebooka  zawiera bardzo dokładną specyfikację, galerię zdjęć o wysokiej rozdzielczości, a także linki do aktualnych sterowników polecanych przez producenta.</p><a class="more" href="/pl/portfolio_client/22/joybook/">ť więcej</a></div><div class="list"><a href="/pl/portfolio_client/32/portal_4energy/"><img src="/gfx/portfolio/main_185_160/4energy_new.jpg" alt="Portal 4energy" style="margin-top: 20px;" /></a><p><strong>Portal 4energy</strong><span>2007</span>4energy to portal internetowy, którego głównym zadaniem  jest promowanie zdrowego stylu życia.<br />
  42. <br />
  43. Bardzo rozbudowany system CMS stworzony przez nas na potrzeby tego portalu, pozwolił na sprawne zarządzanie artykułami wielu osobom jednocześnie.<br />
  44.  
  45. <br />
  46. Naszym zadaniem jest także utrzymanie serwisu oraz jego stała rozbudowa. W tej chwili pracujemy nad nową wersją portalu.</p><a class="more" href="/pl/portfolio_client/32/portal_4energy/">ť więcej</a></div><div class="list f"><a href="/pl/portfolio_client/15/pronox_technology/"><img src="/gfx/portfolio/main_185_160/pronox.jpg" alt="Pronox Technology" style="margin-top: 20px;" /></a><p><strong>Pronox Technology</strong><span>2007</span>To już trzecia wersja strony stworzona dla firmy Pronox. Tym razem przebudowa strony spowodowana była wprowadzeniem spółki na GPW.<br />
  47. <br />
  48. Strona ma atrakcyjny i nowoczesny layout. Czytelny i intuicyjny układ uzyskano dzięki podziałowi strony na trzy podstawowe części: Grupa Pronox, dla Inwestorów oraz dla Partnerów Handlowych.<br />
  49. <br />
  50. Naszym zadaniem jest także utrzymanie serwisu oraz jego stała rozbudowa.</p><a class="more" href="/pl/portfolio_client/15/pronox_technology/">ť więcej</a></div><p class="navi"> | 1 | <a href="/pl/portfolio/page1/">2</a> | <a href="/pl/portfolio/page2/">3</a> | <a href="/pl/portfolio/page3/">4</a> | <a href="/pl/portfolio/page4/">5</a> | <a href="/pl/portfolio/page5/">6</a> | <a href="/pl/portfolio/page6/">7</a> | <a href="/pl/portfolio/page7/">8</a> | <a href="/pl/portfolio/page8/">9</a> | <a href="/pl/portfolio/page1/">następna ť</a></p></div><div id="footer"><div><a href="/pl/about_us/">O nas</a><a href="/pl/offers/">Co oferujemy</a><a href="/pl/portfolio/">Portfolio</a><a href="/pl/clients/">Klienci</a><a href="/pl/job/">Praca - Współpraca</a><a href="/pl/contact/" class="f">Kontakt</a></div><span>Š Copyright e4www</span></div></div></body></html>
[HTML] pobierz, plaintext


To nie jest zbyt dobre, polecam to poprawić, no, chyba, że ja mam coś zwalone z przeglądarką. Dawno takiego kodu nie widziałem worriedsmiley.gif
Speedy
6.07.2007, 20:20:57
Do przedmówcy: Ale żeś konstruktywną krytykę palnął tongue.gif. Chodzi Ci o to, że kod jest nieczytelny? To chyba jedyna uwaga, jaką można mu zarzucić. Być może edytor, w którym strona była tworzona tak go zapisał. Poza tym, jest to sprawa twórcy strony. Większość osób o to dba, ale jeśli tsharek-owi jest wszystko jedno, to nie ma w tym nic złego. Są przecież narzędzia do przejrzystego formatowania kodu XHTML. Najważniejsze kwestie to ładny i schludny wygląd oraz zgodność ze standardami W3C, a te wymogi strona spełnia. Ponadto, sama witryna wizualnie bardzo mi się podoba smile.gif.
Pozdrawiam.
Kreton
6.07.2007, 20:25:11
Nie pasują mi tylko te <br />. :/
Lay mi się podoba, aczkolwiek denerwuje mnie to, że jak ładuję storny to mam białe plamy tam gdzie ładują się obrazki czy flash. Ja osobiście dodałbym do CSS-a background o tym odpowiednim kolorem, od razu było by ok.
Jeszcze jedna rzecz mnie irytuje, wchodzę, ładuje się flash, BACH! Już chciałem złapać za Adblocka. biggrin.gif
matix
6.07.2007, 21:25:57
@Speedy:

Autor postu podkreślił: "Chodzi mi o projekt graficzny jak i kod xhtml+css.".

Dlatego oceniam wszystko, jeśli by tego nie napisał - też bym się nad swoim postem zastanowił.
sticker
6.07.2007, 21:29:26
bardzo dobry projekt przejszycie , lekka tonacja na pierwszy rzut oka widać menu i misje firmy wiec super,
kod tez poprawny smile.gif
tak trzymać
LonelyKnight
6.07.2007, 22:30:32
Jak dla mnie to też raczej na plus. Grafika ładna jednak flash w "Nasi klienci" niedopracowany - lewa kolumna logotypów przeskakuje w prawo jakieś 2px. Poza tym można by się jeszcze przyczepić braku <li> w menu... trochę ciężko to oceniać kiedy wszystko jest w jednej linii...
tommy4
7.07.2007, 08:49:05
Cytat
Poza tym można by się jeszcze przyczepić braku <li> w menu...


o_O Jak tam chcesz wsadzić <li>? Można ustawić obrazek na styl wypunktowania, ale nie sądzę, żeby dało się pokolorować na czerwono cały wiersz, gdyby zamiast divów wstawić li. Popraw mnie, jeśli źle myślę.
LonelyKnight
7.07.2007, 09:02:03
Cytat(tommy4 @ 7.07.2007, 09:49:05 ) *
o_O Jak tam chcesz wsadzić <li>? Można ustawić obrazek na styl wypunktowania, ale nie sądzę, żeby dało się pokolorować na czerwono cały wiersz, gdyby zamiast divów wstawić li. Popraw mnie, jeśli źle myślę.



Proszę...

[HTML] pobierz, plaintext 
  1. <ul>
  2. <li><a href="">URL 1</a></li>
  3. <li><a href="">URL 2</a></li>
  4. <li><a href="">URL 3</a></li>
  5. <li><a href="">URL 4</a></li>
  6. <li><a href="">URL 5</a></li>
  7. </ul>
[HTML] pobierz, plaintext 


[HTML] pobierz, plaintext 
  1. li {
  2.   background-color:white;
  3. }
  4.  
  5. li:hover {
  6.   background-color:red;
  7. }
  8.  
  9. li a {
  10.   display: block;
  11.   color: blue;
  12. }
[HTML] pobierz, plaintext


Nie sprawdzałem ale powinno działać...
Speedy
7.07.2007, 16:09:01
Cytat(matix @ 6.07.2007, 22:25:57 ) *
@Speedy:

Autor postu podkreślił: "Chodzi mi o projekt graficzny jak i kod xhtml+css.".

Dlatego oceniam wszystko, jeśli by tego nie napisał - też bym się nad swoim postem zastanowił.


Doskonale to rozumiem. Jednak Ty nie napisałeś dosłownie nic konkrentego odnośnie tego kodu. Po prostu go wkleiłeś i napisałeś, że "nie jest zbyt dobry" - nic więcej. To nie jest konstruktywna krytyka winksmiley.jpg.
tsharek
9.07.2007, 12:53:46
Witam serdecznie,

odnośnie kodu w jednej linijce: jest to zrobione specjalnie przez naszą klasę do szablonów: tak jakoś już mam że lubię wszystko optymalizować:P po co przeglądarce znaki karetki, tabulacji jak i ona tak to ignoruje:P Oczywiście w szablonach wszystko mamy ładnie poukładane i tylko przy parsowaniu specjalną metodą clean usuwamy zbędne znaki.

Cytat
Jak dla mnie to też raczej na plus. Grafika ładna jednak flash w "Nasi klienci" niedopracowany - lewa kolumna logotypów przeskakuje w prawo jakieś 2px. Poza tym można by się jeszcze przyczepić braku <li> w menu... trochę ciężko to oceniać kiedy wszystko jest w jednej linii...

Nasi klienci to nie jest flash tylko javascript, to że przeskakuje o 2px - najprawdopodobniej oglądasz stronkę pod firefoxem i najprawdopodobniej jest to wina firefoxa (nic tam nie przesuwam - jedyne co to zmieniam opacity)

Co do menu że nie jest w liście <ul> i <li>: Zastanawialiśmy się przez jakiś czas czy menu to faktycznie jest lista, i doszliśmy do wniosku że jednak nie:) A pozatym moje "chore" podejście do optymalizacji:) (<li></li>) to całe dziewięć bajtów na każdy link nie licząc ULa:) wiem wiem, to może się wydać chore, ale już mi tak zostało z programowania w ASMie:)

Cytat
Lay mi się podoba, aczkolwiek denerwuje mnie to, że jak ładuję storny to mam białe plamy tam gdzie ładują się obrazki czy flash. Ja osobiście dodałbym do CSS-a background o tym odpowiednim kolorem, od razu było by ok.

Jest background dla tego flasha: we wcześniejszych wersji flasha nie było takiej "rozwijanej kurtyny" dlatego backgroubnd odrazu pokazuje rozwiniętą kurtynę. natomiast pomysł się zmienił i flash zaczyna się od "rozwinięcia kurtyny". Dlatego będziemy musieli to poprawić:) Dzięki za info:)

Pozdrawiam,
Tsharek
woj_tas
9.07.2007, 14:45:08
Cytat(tsharek @ 9.07.2007, 11:53:46 ) *
odnośnie kodu w jednej linijce: jest to zrobione specjalnie przez moją klasę do szablonów: tak jakoś już mam że lubie wszystko optymalizować:P

I dobrze, po co wstawiać niepotrzebne znaki.

Cytat(tsharek @ 9.07.2007, 11:53:46 ) *
(...)to może się wydać chore, ale już mi tak zostało z programowania w ASMie:)


To może już pora to zmienić...tongue.gif

Co do moich uwag.
Nie podoba mi sie stan odnosników (mapa serwisu i poleć znajomemu) po najechaniu myszką. Podkreslenie wysuwa sie poza krawędź obrazka. Osobiscie umiesciłbym obrazek w <a href=""> i opisal css-em. Tak samo logo z linkiem do strony głównej. Zamienił bym na tekst w H1 i opisal css-em usuwajac tekst i wstawiajac obrazek. Wszystki emnu oczywiscie zrobiłbym w <ul>. Stopka zbyt zbita. Troche paddingu by sie przydało.
W breadcrumbach przy stronie głównej jest nie potrzebny znacznik "»".
A tak wogole to super.

Gratuluje i pozdrawiam
Kreton
9.07.2007, 21:19:14
Do jednej rzeczy chciałbym się przyczepić. Zobacz obrazek :
http://picasaweb.google.com/marcin.kulpa/F...291954846174066

Tak wygląda strona w momencie gdy obrazki nie są jeszcze załadowane. Musisz dodać do CSS-a background, bedzie wtedy wszystko dobrze widoczne. Nawet gdy bedzie się czekało na obrazki. Obrazki trochę zajmują, dodatkowo animacja flash. Fakt faktem na to się czeka. A ja chcę widzieć wszystko od razu.

Tam gdzie masz napis w obrazku "ostatnie realizacje" czy coś takiego, jest to zrealizowane w formie obrazka. Trzeba to wrzucić w <h1> Ostatnie realizacje </h1> , dodać klasę i background. Wtedy jest to widoczne odrazu nawet gdy obrazek nie jest załadowany. Oczywiscie nadładasz w stylach na to obrazek, załaduje się to jest. To samo tyczy się co "oferujemy" oraz "klienci". Co prawda więcej kodu ale zyskujesz pewną elastyczonść. Dodatkowo Google to zindeksuje.

Tyle ode mnie. 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.