ocena layoutu Opcje

[prezes77r]

Proszę o ocenę strony robionej dla teścia. Stronka ma być posta i przejrzysta i prezentować działalność jego firmy. Forma minimalistyczna- taką lubię :-)


link do strony


(treści podstron przykładowe)

[.radex]

Ładnie Podoba mi się. Tylko ten dziwny button w górnym, prawym rogu (w zasadzie nie wiem co to w ogóle) i ten "Free Stat"

Inna sprawa, że strona się nie waliduje (nieładnie, oj nieładnie)

[scanner]

Aż miło popatrzeć na taki minimalizm. Tylko w menu, te obrazki onHover - co one sobą przedstawiają?

[prezes77r]

Odp:
- strona sie nie validuje ponieważ na friko doładowali mi "brzydkiego kodu" , zawsze robię żeby się is valid
- free.... do kasacji, sorry
- w meni są aparaciki ;-) ( jak widać niedopracowane) 

[Cysiaczek]

Mi się bardzo podoba Widzę tyko jeden problem - strona łamie jedną z podstawowych zasad projektowania www: "Gdzie ja jestem?" - ta informacje nie rzuca się w oczy.

Pozdrawiam.

[cbagov]

O walidacje sie nie martw - TO NIE JEST ZADEN WYZNACZNIK dla uzytkownika ani PROBIERZ jakosci, takze luzik. (pomijam oczywiscie bledy kardynalne).

A do powyzszych uwag DODAM:
- naglowek (header) nie komponuje sie z trescia bo jest tam tylko czarny i w tym minimalizmie pojawiajacy sie niebieski dzieli strone na 2 niezbyt zgodne czesci, po prostu dodaj tam jakis element w kolorze niebieskiego z dolu strony.
- w menu tez powinno byc w tym ukladzie niebieskie drobne odniesienie
- czarne logo ma wygladac lekko zalobnie ?
- przy wylaczonym AUTOMATYCZNYM sprawdzaniu zawartosci strony w przegladarce sa powazne klopoty z odswiezaniem wszystkich grafik przy MouseOver
-wczytana mapa po kliknieciu jest zle zeskalowana i spikselizowana, mozesz ja tez spokojnie sprowadzic do mniej walacej po oczach kolorystyki.
W koncu to nie harcerski oboz.
- fotka personalna do wymiany
- najladniej jest w galerii, poza jednym bledem czyli miniaturami skalowanymi z duzych oryginalow

[AjaxSrajax]

Fajne, choć nie podoba mi się:

- nie można kliknąć na logo, co by się na home przenieść;
-kodowanie iso-8859-2 ;

-
tego diva zamieniłbym na <address>:

Kod

<div id="adres"><span>Jerzy Panek<br />
ul. Różana 6 Targanice<br />
34-120 Andrychów<br />
kom: 602591987
</span>

a tu bum użył (tego jest cała masa )

p:first-letter{ w CSS:

Kod

<span>F</span>

-style CSS i ten javascript który można dałbym do osobnych plików;


to moim zdaniem psuje ładny kod strony :

Kod

<div class="minialbum">
<a href="album1.html" title="portret ślubny"><img src="graf/foto13.jpg"
alt="portret ślubny" width="100" height="100" /></a>
</div>
<div class="opisalbum">
<h5><a href="album1.html" title="portret ślubny">Fotografia ślubna</a></h5>
<p>Zdjęcia z uroczystości ślubnych, wesela, przygotowań do ślubu, plenerowe oraz
obrzędów i zwyczajów weselnych.</p>
</div>

Zamiast takiej struktury w wyniku czego masz divitis i classitis (bo struktur jest tyle ile obrazków)
dałbym listę:

Kod

<ul id="album">
<li>
<a href="album1.html" title="portret ślubny"><img src="graf/foto13.jpg"
alt="portret ślubny" width="100" height="100" /></a>
<h5><a href="album1.html" title="portret ślubny">Fotografia ślubna</a></h5>
Zdjęcia z uroczystości ślubnych, wesela, przygotowań do ślubu, plenerowe oraz
obrzędów i zwyczajów weselnych.

</li>
<li>.....</li>
</ul>

Taka struktura jest moim zdaniem dużo lepsza. Do każdego elementu listy jest dostęp za pomocą
ul#album ..., więc można to tak wystylizować, żeby efekt wizualny był taki sam jak u Ciebie.

Kod

<div id="kontakt">
<p>Jerzy Panek</p>
<p>Targanice ul. Różana 6</p>
<p>34-120 Andrychów</p><br />
<p>e-mail: panek@friko.pl</p>
<p>tel: (33) 873 61 62</p>
<p class="ostatni">mobile: 602 59 19 87</p>
</div>

tu też dałbym <address>

to chyba all
pzdr;)

[prezes77r]

Dzięki za konstruktywną krytykę!
Wezmę te uwagi do serca. Większość niedociągnięć jest mi znana, ale głównie chodziło mi o spojrzenie na wygląd, układ strony. Nie dopracowałem jeszcze tych szczegółów z braku czasu, ale mam zamiar je poprawić.
Nie wiedziałem że tak głęboko wgryziecie sie w kod ;-)

[cbagov]

@AjaxSrajax

<address> stosujesz do adresow pocztowych TYLKO wtedy kiedy sa z nimi adresy internetowe, a u ciebie w cytacie takiego nie widze

[AjaxSrajax]

Faktycznie, sorry ;p

[devnul]

kontrast w stopce jest do poprawy reszta jak najbardziej ok (wizualnie) oczywiście nie licząc poprawności kodu

[.radex]

O walidacje sie nie martw - TO NIE JEST ZADEN WYZNACZNIK dla uzytkownika ani PROBIERZ jakosci, takze luzik. (pomijam oczywiscie bledy kardynalne).

Walidację pomijam jeśli strona jest napisana w miarę semantycznie (tego nie sprawdzałem) i nie ma błędów składniowych (np. niedomknięte znaczniki).

Ten post edytował radex_p 13.06.2008, 20:11:27

[prezes77r]

Jeszcze raz powtórze, kod is valid, lecz stronka jest na darmowym hostingu, w trakcie budowy- oni dopisują mi do kodu swoje znaczniki i skrypty, toteż jak wykupię komercyjny wszystko będzie ok.

Jeśli chodzi o standardy to staram się być strict :-)

[FlooX]

a którego zwykłego uzytkownika obchodzi kod ?
nie znam nikogo kto zagląda w źródło strony
tylko tutaj Wy
po co ?


a strona ładna, też mi się podoba

[pest]

Mi się podoba wizualnie... w sumie to w ogóle mi się podoba

Mam takie 3 uwagi:
1. Ten mały "aparat" przy linkach w różnych powiększeniach czasem wystaje spod nienajechanego linku ( w dodatku nie domyśliłbym się, że to aparat, jakbyś nie powiedział)
2. Zdjęcie w dziale o mnie chyba bym sobie darował
3. Galeria.. nawet mi się podoba, tylko coś mi ostylowanie wywaliło przy podglądzie zdjęcia, druga sprawa z galerią, to uważam, że powrót z podglądu zdjęcia powinien kierować do danej galerii, a nie do wyboru galerii.

[Shili]

a którego zwykłego uzytkownika obchodzi kod ?

Zwykłego użytkownika może nie, ale pająki internetowe już bardziej, a zabawę z pozycjonowaniem zaczyna się od kodu.


Również zwróciłam uwagę na stopkę.
Te zdjęcia, robiące się po najechaniu na kolorowe - lepiej byłoby to zrobić na jednym obrazku, przesuwając tło, albo coś w tym stylu. Teraz przez moment nie widzę żadnego obrazka.

Ten onmouseover, czy jakkolwiek to nazwać na pozycjach menu co najmniej dziwny. Bladego pojęcia nie mam co mi się tam pokazuje, poza tym kolorystycznie ten żółty nijak nie pasuje do strony w odcieniach szarości.

"Zajmuje", "zrealizuje" - uważaj na końcówki. W pierwszej osobie powinny mieć ę na końcu.
"wydażeń" - piszemy przez rz. Na portfolio, które powinno być profesjonalne takie rzeczy rażą. A wydarzenia akurat spokojnie byłyby przechwycone przez pierwsze lepsze narzędzie zajmujące się sprawdzaniem poprawności tekstu.

Galeria z pomniejszonymi przez css zdjęciami udającymi miniaturki to nieporozumienie. Miniaturka jest też po to, żeby użytkownik nie musiał otwierać tych grafik, które mu się nie podobają, żeby strona się szybciej ładowała. A pomniejszenie przez css to żadne pomniejszenie, przynajmniej w kwestii rozmiaru. I mimo tego, że łącza w Polsce już nie są takie wolne, jak jeszcze kilka lat temu nadal należy je szanować

e-mail: panek@friko.pl
tel: (33) 870 18 66
mobile: 602 591 987

W ojczystym kraju nadal mówi się telefon komórkowy, lub jakoś podobnie. Względnie tel: zamień również na angielski odpowiednik - mieszanie języków nie jest dobre, nawet jeśli chodzi o takie pierdółki.

Na koniec muszę stwierdzić, że mimo wszystko całość mi się podoba. Minimalizm, ale bardzo schludny, większość ładnie się ze sobą komponuje.

[devnul]

a którego zwykłego uzytkownika obchodzi kod ?

to może zacznijmy od razu serwować 10 megowe jotpegi zamiast htmla? Strona robiona "na divach" jest lżejsza i ładuje się znacznie szybciej, oraz jest mniejszym obciążeniem dla maszyny użytkownika końcowego a to już użytkownika obchodzi. To że nie patrzą w kod to nie znaczy że nie zależy im na jakości a Ty jako potencjalny usługodawca masz obowiązek dostarczyć im tą właśnie jakość. Kod ma też znaczenie dla osób niepełnosprawnych posługujących się różnego rodzaju czytnikami ekranowymi dzięki którym mogą korzystać z sieci, a w takim wypadku zły kod zwyczajnie potrafi uniemożliwić korzystanie z takiej strony a w najlepszym wypadku mocno utrudnia. Tyle na ten temat, więcej proponuje sobie pogooglać

[prezes77r]

Dziękuję za trafne uwagi. Do części z nich się już ustosunkowałem, poprawiłem ortografię :-)
Natomiast co do miniatur to wczytywanie się pełnych obrazków nie jest zamierzone i  mam zamiar je pozmniejszać i podmienić, są takie tymczasowo.

[ciepolml]

To ja tylko dodam ze faktycznie minimalistycznie i przyjrzyście wyszło, ale troszkę, troszkę pogrzebowo zalatuje ... może dodaj gdzieś więcej tego niebieskiego? Minimalne elementy.
Albo te zdjęcia po najechaniu na odwrót. Na kolorowo na dzien dobry i po najcheniu B&W.

Ten post edytował ciepolml 16.06.2008, 11:24:59