Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Strona domowa
Forum PHP.pl > Inne > Oceny
Tonic
Witam, zapraszam do oceny mojej strony znajdującej się pod adresem http://tonic.ovh.org . Z założenia ma być prosta i czytelna. Kod XHTML ma sporo błędów wg. walidatora W3C, ale to poprawię w późniejszym czasie. Póki co, muszę poprawić angielskie tłumaczenia, bo jest w nich sporo błędów, a po tym zabiorę się za uporządkowanie kodu.

Tak przy okazji, jaki jest średni czas indeksowania przez gogle? Wrzuciłem adres strony do indeksowania i było napisane, że może się pojawić w ciągu doby. Ale jak jest w praktyce?

Pozdrawiam,

Tonic
devnul
ułaa, kurde człowieku, te białe podświetlenie linków może zabić (w negatywnym tego słowa znaczeniu), kompletnie to do tego tła nie pasuje. Zresztą, kolorystyka jest jakaś taka mdła i nijaka. Kodu nie oceinam, zawartości merytorycznej tez nie (bo obie jak sam piszesz do poprawy)

ocena: 3/10 - bo: widziałem gorsze
Kildyt
Kolorystyka strony nie jest przyjemna dla oka, a właśnie to jest bardzo ważne w wyglądzie strony. Nie oceniam dalej bo mnie oczy zaczynają boleć.

Ja także widziałem gorsze tongue.gif hehe, bez oceny.
Fishu
Nawet mi się podoba, tylko taka skromna ta strona, np. na tych obrazkach języków (polski i angielski) mógłbyś zrobić rollover, bo taka smutna jednokolorowa stronka.Ocena: 6/10
Tonic
Cytat(Fishu @ 18.11.2007, 15:01:29 ) *
Nawet mi się podoba, tylko taka skromna ta strona, np. na tych obrazkach języków (polski i angielski) mógłbyś zrobić rollover, bo taka smutna jednokolorowa stronka.Ocena: 6/10


Z tym rolllover to dobry pomysł, skorzystam z niego.




Co do kolorów, uznałem, że najlepsza będzie rodzina paru kolorów różniących się głównie jasnością, dzięki czemu wszystko do siebie pasuje. Nie jestem zwolennikiem mieszania ze sobą kolorów, które mają niewiele ze sobą wspólnego. A kolor taki wybrałem, bo mi się kojarzy z tym, jaki pojawia się w wojsku - a to z kolei kojarzy mi się z solidnością. Cóż, gusta i guściki winksmiley.jpg
axel_pl
nie jest źle ale te linki białe
nevt
wiesz co - mam w duplo ocenę tego layoutu - popełniłem w życiu gorsze - ale te akwarelki - to jest CUDO !! skąd je masz ? są piękne, są wspaniałe!! a i foty z wyładowaniami całkiem - tego - niezłe... własne doświadczenia - czy skądś zerżnięte ?

btw. uczepili się tych białych linków jak rzep psiego ogona - nie przejmuj się takimi opiniami - jeśli zawartość serwisu cała będzie na poziomie tej próbki, to bez problemu wypozycjonujesz stronkę jak się patrzy... życzę powodzenia, będę obserwował :)

SERDECZNIE POZDRAWIAM
skowron-line
a ja caly zycie myslalem ze flaga polski jest bialo czerwona no ale widac sie mylilem
-biale linki
Kod
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
             <HEAD>
                   <title>[ MM alias Tonic ]</title>
                <LINK REL='stylesheet' TYPE='text/css' HREF='style.css'>
                <link rel="shortcut icon" href="favicon.ico" />
                <meta http-equiv="content-type" content="text/html; charset=utf-8" name="keywords" CONTENT="tonic, tonic orlando, michal milkowski, wysokie napiecie, high voltage, hv, akwarele, akwarela, zbukvic, acquarels, watercolor, watercolours, kriogenika, cryogenic, niska temperatura, low temperature, cascade, chiller, single stage, kaskada, chlodziarka">    
             </HEAD>
    


<body>
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
             <HEAD>
                   <title>[ MM alias Tonic ]</title>
                <LINK REL='stylesheet' TYPE='text/css' HREF='style.css'>
                <link rel="shortcut icon" href="favicon.ico" />
                <meta http-equiv="content-type" content="text/html; charset=utf-8" name="keywords" CONTENT="tonic, tonic orlando, michal milkowski, wysokie napiecie, high voltage, hv, akwarele, akwarela, zbukvic, acquarels, watercolor, watercolours, kriogenika, cryogenic, niska temperatura, low temperature, cascade, chiller, single stage, kaskada, chlodziarka">    
             </HEAD>

    

<body>

czy ja sie powtarzam sie powtarzam
nevt
heh - faktycznie - kod stronki to MASSAKRA, podwójne otwarcie to jeszcze nic przy potrójnym zamknięciu - co prawda kolega prosił o ocenę layoutu, a nie kodu, ale nie mogę się powstrzymać :D:
  1. <JEDEN>
  2. </body>
  3. </html>
  4.  
  5. </div>
  6. <div id="stopka">
  7. <table width=100%>
  8. <tr>
  9. <td align=left></td>
  10. <td align=right>Michał Miłkowski <a class="menu" href="mailto:tonic2[at]op[dot]pl">tonic2[at]op[dot]pl</a></td>
  11. </tr>
  12. </div>
  13. </div>
  14. <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
  15. <script type="text/javascript">
  16. _uacct = "UA-3038285-1";
  17. urchinTracker();
  18.  
  19. <DWA>
  20. </body>
  21. </html>
  22.  
  23. <TRZY>
  24. </body>
  25. </html>

kod nadaje się do zsypu, zalecam skasować i napisać od nowa...
Tonic
Cytat(nevt @ 22.11.2007, 00:38:32 ) *
wiesz co - mam w duplo ocenę tego layoutu - popełniłem w życiu gorsze - ale te akwarelki - to jest CUDO exclamation.gif skąd je masz ? są piękne, są wspaniałe!! a i foty z wyładowaniami całkiem - tego - niezłe... własne doświadczenia - czy skądś zerżnięte ?

btw. uczepili się tych białych linków jak rzep psiego ogona - nie przejmuj się takimi opiniami - jeśli zawartość serwisu cała będzie na poziomie tej próbki, to bez problemu wypozycjonujesz stronkę jak się patrzy... życzę powodzenia, będę obserwował smile.gif

SERDECZNIE POZDRAWIAM

Dzięki, miło mi się zrobiło winksmiley.jpg Wyładowania to oczywiście moje eksperymenty smile.gif


Jednak kolor linków zmieniłem - stwierdziłem, że nowy kolor będzie czytelniejszy.



Problem z podwójnym <body> i potrójnym </body> rozwiązany, wystarczyło wykasować je w podstronach.

Jeszcze jedno zmieniłem - chodzi o skrypt to gogle analytics. Dobrze zrobiłem, jeśli wykasowałem go w wszystkich podstronach, a zostawiłem jedynie w div'ie stopki, która zawsze jest obecna, niezależnie od treści?

Dodałem także rollover oraz kolory flagom.



Co do kodu, jednak poproszę Was o pomoc - komunikaty z walidatora W3C są dla mnie niezrozumiałe - nie wiem co konkretnie mam poprawić. Link do komunikatów : link

EDIT:

Już nieaktualne, nie wiem jakim cudem, ale udało mi się zobaczyć coś takiego:

Cytat
Congratulations

The document located at <http://tonic.ovh.org/> was checked and found to be valid XHTML 1.0 Strict. This means that the resource in question identified itself as "XHTML 1.0 Strict" and that we successfully performed a formal validation using an SGML or XML Parser (depending on the markup language used)
devnul
dziwne - wchodze na walidator i wyświetla mi USUŃ TE TABELE
Kreton
Wziołeś pierwszy lepszy Doctype Strict i sobie go wkleiłeś. Fajnie. Ale użycie DOCTYPE zowiązuje!. W twoim wypadku, jeżeli używasz tabeli do konstruowania układu lepiej użyć Transitionala. Rzucasz się na głęboką wodę i toniesz.

Zmień
Kod
lang="en" xml:lang="en"
na
Kod
lang="pl" xml:lang="pl"
Tonic
Cytat(Kreton @ 24.11.2007, 22:46:49 ) *
Wziołeś pierwszy lepszy Doctype Strict i sobie go wkleiłeś. Fajnie. Ale użycie DOCTYPE zowiązuje!. W twoim wypadku, jeżeli używasz tabeli do konstruowania układu lepiej użyć Transitionala. Rzucasz się na głęboką wodę i toniesz.


Nie używam tabel do konstruowania układu strony, ale układania fragmentów treści. W każdym razie, wywaliłem 80% tabel i na ich miejsce wstawiłem głównie div'y. Mniej kodu i przejrzyściej dla mnie. Zmieniłem także sposób wyświetlania spisów zawartości działów. W oparciu o tę stronę http://algorytmy.pl/doc/xhtml/?id=1000 wstawiłem doctype :

Kod
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">



Póki co, walidator znalazł 8 błędów.

Cytat
Zmień
Kod
lang="en" xml:lang="en"
na
Kod
lang="pl" xml:lang="pl"


Zmienione.


No, kto i do czego się doczepi? ;-)
devnul
Cytat
Póki co, walidator znalazł 8 błędów.

ja - do tych 8 błędów
a także do tego:
Cytat
Nie używam tabel do konstruowania układu strony, ale układania fragmentów treści.

tabele nie służą do układania ani layoutu ani fragmentów treści a jedynie do prezentacji danych tabelarycznych
Tonic
Cytat(devnul @ 28.11.2007, 15:07:03 ) *
ja - do tych 8 błędów


W końcu strona przechodzi walidację, ale ostrzega o czymś, czego nie rozumiem:

Cytat
Conflict between Mime Type and Document Type

The document is being served with the text/html Mime Type which is not a registered media type for the XHTML 1.1 Document Type. The recommended media type for this document is: application/xhtml+xml

Using a wrong media type for a certain document type may confuse the validator and other user agents with respect to the nature of the document, and you may get some erroneous validation errors. How to fix this problem? One of the following techniques should help:
If you are serving a static file on a Web server, changing its extension should help. Use e.g .xhtml for XHTML or .mathml for MathML. 
You may need to reconfigure your Web server. This Setting up MIME Types tutorial has instructions for Apache, Tomcat and IIS. 
If the document is generated dynamically, the scripting language should allow you to set up the mime type: this article on MIME Types and Content Negotiation has examples in PHP, Perl, and ASP.



Wszystkie pliki mają rozszerzenie .php.

Cytat
a także do tego:



tabele nie służą do układania ani layoutu ani fragmentów treści a jedynie do prezentacji danych tabelarycznych



U mnie na jedno wychodzi, bo używam właściwie tabelki do sortowania tego rodzaju danych, np. na tej stronie na dole dałem tabelkę z tranzystorami i parametrami. Poza tym, dla mnie tabelki z danymi to też pewnego rodzaju fragment treści winksmiley.jpg
devnul
zacznę od końca:
strony nie robisz dla siebie - więc stwierdzenie "dla mnie..." jest lekko nie na miejscu, po to są standardy sieciowe żeby jasno określic co jak powinno wyglądać i żeby uniknąć haosu i natłoku niejednorodnych danych.

Co do mime to nie ustawiles content-type wysyłanego przez serwer na typ zgodny z doctype strony. rozszerzenie nie ma tu nic do rzeczy. poczytaj o tym jak negocjować content-type bo niestety kochane IE sobie nie za dobrze z tym radzi.
Tonic
Półtora miesiąca minęło od ostatniego posta. Oczywiście, w międzyczasie nie próżnowałem i pracowałem nad moją stroną.

http://tonic.ovh.org

Oto lista zmian:

1). dodano grafikę, głównie dla teł

2). zmieniono wygląd menu nawigacyjnego

3). poprawiono czytelność tekstu dzięki zwiększeniu wielkości czcionki oraz odstępów między liniami

4). sformatowano kod, tak aby był czytelniejszy, co ułatwi mi edytowanie i korygowanie błędów

5). poprawiono kod pod względem interpretowania CSS przez IE6, Operę 9.5 oraz Firefox'a 2.0

6). zrobiono oddzielny arkusz styli dla przeglądarki IE6

7). dodano nowe zakładki - linki oraz kontakt

8). wprowadzono semantykę dla kodu , z tym, że nie jest jeszczde ona całkowita 

9). wprowadzono znaczniki <abbr> i <acronym>

10). wprowadzono wymiary dla znaczników <img> (nie dla wszystkich, nad tym pracuję)

Dla porównania zamieściłem zdjęcia poprzedniego layoutu :

http://tonic.ovh.org/img/others/old_layout1.png

http://tonic.ovh.org/img/others/old_layout2.jpg

http://tonic.ovh.org/img/others/old_layout3.jpg

Strona nie jest w 100% wypieszczona - musiałem się spieszyć i dziś  ją upublicznić. Co muszę jeszcze zrobić? Popracować nad semantyką kodu, wprowadzić wymiary dla <img>,  dołożyć /> dla otwartych znaczników, wprowadzenie em'ów zamiast pikseli i możliwości zmiany wielkości czionki, oczyszczenie plików CSS i HTML. I jeszcze muszę coś zrobić z tłem wokół kontenera - jest to jeden wielki png i zajmuje około 150kb, co jest dla mnie nie do przyjęcia. Póki co, nie mam jeszcze pomysłu, jak umieścić dwa obrazki z zawijasami przy bocznych krawędziach kontenera. Jeszcze mam inne plany, ale nie będę się tym zanudzać.


Co do walidatora, strona przechodzi XHTML 1.0 Strict i CSS dla wersji 3.0 ;-)

Jak wam się podoba nowy layout i kod?
mike
Napisałeś "(...) godny z założeniami usability, accessibility oraz standardów W3C (...)" węc przyczepię się do szczegółów.
  • przy linkach nie ma nigdzie atrybutów title;
  • zbędny element <div id="menu"> Powinno od razu być <ul id="menu">
  • w linkach głównego menu uzywasz atrybutu style, nie jest to zalecane (przenieś to do styli);
  • w polskiej wersji masz "webpage created by";
  • stosowanie bezpośrenio document.write nie jest zalecane;
  • w liście class="gallery" w obrazkach powielasz ten sam styl dla obrazków wiele razy. Od tego masz klasy;

Poza tym srona bardzo ładna, schludna i bardzo dobrze skrojona. Nie ma się czego przyczepić.
Tonic
Cytat(mike @ 17.01.2008, 15:14:56 ) *
Napisałeś "(...) godny z założeniami usability, accessibility oraz standardów W3C (...)" węc przyczepię się do szczegółów.
  • przy linkach nie ma nigdzie atrybutów title;
  • zbędny element <div id="menu"> Powinno od razu być <ul id="menu">
  • w linkach głównego menu uzywasz atrybutu style, nie jest to zalecane (przenieś to do styli);
  • w polskiej wersji masz "webpage created by";
  • stosowanie bezpośrenio document.write nie jest zalecane;
  • w liście class="gallery" w obrazkach powielasz ten sam styl dla obrazków wiele razy. Od tego masz klasy;
Poza tym srona bardzo ładna, schludna i bardzo dobrze skrojona. Nie ma się czego przyczepić.


1). są jakieś linki z title, ale fakt, wszystkie powinny mieć ten parametr - dokończę to

2). faktycznie, to było zbędne - widocznie była to pozostałość po zmianach w kodzie

3). pierwotnie to było w pliku css, ale z jakiegoś powodu nie zadziałało - przydzielenie id czy class i ostylowanie w pliku css nie zmieniało nic. Dopiero jak dopiszę style, to działa i pojęcia nie mam, czemu tak jest

4). hm, to celowe i myślę, że tak zostawię, po prostu mi się to bardziej podoba winksmiley.jpg

5). mówisz o document.write w pliku ie6.css? Jeśli tak, to został użyty w celu wyłączenia obramowania wokół obrazka, które tak wyglądało. Chyba, że znasz bardziej elegancki sposób na to?

6). racja, nie pomyślałem, że wystarczy nadać parametry dla img { parametry }
empathon
Najpierw Ci pogratuluje... a dopiero potem obiade tongue.gif
Plus za treść, piękne akwarele ( mamy po części podobne zainteresowania i talenty winksmiley.jpg ) , za dbałość o szczegóły i pracę poświęconą stronie ale...

wchodzę na stronę, patrzę na top żeby zobaczyć gdzie jestem... a tam pusto o_O
Musisz koniecznie dodać nagłówki. W topie nazwa strony, i odpowiednie stopnie dla innych elementów.
Kolejna sprawa to wersja angielska... jest niezbyt dobra... musisz nad tym poważnie popracować.
Jeśli chodzi o wrażenia estetyczne... to oczywiście strona jest przejrzysta, schludna ale ... nudna i nie zapadająca w pamięć.
Nie zgodzie się z Tobą w kwestii kolorystyki... ( mi uświadomiła to dopiero kobieta winksmiley.jpg ) - połączenia skrajnych kolorów ( bez przesady ) dają bardzo dobry efekt.
http://wellstyled.com/tools/colorscheme/index-en.html
Niektóre kolory pasują do innych inne nie. Tu brakuje Ci kontrastu.
Turgon
Skromnie i ładnie.
Speedy
Mi się podobają takie wzorki. Ogólnie strona jest dość minimalistyczna, ale IMO ładna smile.gif.

Pozdrawiam.
Piniek
mi sie podoba winksmiley.jpg
ladne dobrane kolory lubie te odcienie tongue.gif
Duzy plus +
Tonic
Lepiej późno niż wcale - dziękuję za komentarze :-P

Strona doczekała się trzeciego designu, chóć nie różni się wiele od poprzedniego. Aktualny adres strony to http://tonic-lab.com, a lista zmian znajduje się na http://tonic-lab.com/newsy. Hasło i login to "tonic".

Ale uprzedzam, że angielska wersja została wyłączona na czas przekopiowania treści, nie działa przełączanie stylu ani wielkości czcionki (korzystam z styleswitcher.js z A List Apart, który działa na lokalnym serwerze, a na zewnętrznym już nie), ani komunikaty błędu (muszę popracować nad regułami mod_rewrite).

Przy okazji, ktoś domyśla się, czemu styleswitcher.js nie działa? Kwestia serwera?
empathon
Wygląda coraz ciekawiej winksmiley.jpg

Nagłówek h1 powinien dotyczyć nazwy strony. Nagłówki "Strona główna" itp powinny być o poziom niżej. Wiem, że w topie masz grafikę ale to nie przeszkadza w daniu tam odpowiedniego tagu:
  1. <h1>tonic's laboratory</h1>
  2. h1 { display: none; }


Dobrym sprawdzianem dla semantyki kodu jest wyłączenie wszystkich stylów ( np. bez ingerencji w kod przy pomocy plugin'a FF Web Developer Toolbar ).
nevt
Napiszę krótko w odniesieniu do mojej poprzedniej opinii (I wersja designu) - teraz cały layout wyrównał "w górę" do poziomu akwarelek i eksperymentów z elektrycznością... Po prostu skończyła mi się skala ocen smile.gif Chylę czoła, podziwiam i czerpię inspirację do własnych projektów. Pozdrawiam.
LonelyKnight
Cytat(empathon @ 11.04.2008, 13:50:14 ) *
Wiem, że w topie masz grafikę ale to nie przeszkadza w daniu tam odpowiedniego tagu:
  1. <h1>tonic's laboratory</h1>
  2. h1 { display: none; }


...i przy okazji prosta droga do Sandbox'a dry.gif
empathon
Cytat(LonelyKnight @ 11.04.2008, 17:55:42 ) *
...i przy okazji prosta droga do Sandbox'a dry.gif

Ta treść ma prawo tam się znaleźć. Możliwości jakie daje CSS są po to by ich używać.
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.