Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: 64Design. Portfolio.
Forum PHP.pl > Inne > Oceny
Damonsson
64design.ovh.org

Zapraszam do oceny mojej strony.

Wszystkie moje prace, które nie były na żadnym serwerze został utracone w wyniku awarii poprzedniego komputera. Stąd tak uboga ilość prac niestety.

Wiem, że ovh.org [']

Właśnie zauważyłem że na IE, w około klikniętych linków robią się ramki- kiedyś tam poprawię.

Kałamarz na stronie głównej planuje dodać do niego mały efekt flash... ale to jak ogarnę jak to zrobić doskonale winksmiley.jpg

Strona napisana w XHTML 1.1 oraz CSS 3. 100% PASS. Żadnych error, warning i innych.

Podziękowania dla użytkownika Volume z tego forum, za małą pomoc z CSS.

Więc zapraszam do oceny.

EDIT:
Zmieniłem czcionkę na Arial...nic lepszego podstawowego już nie ma według mnie, a jeśli ktoś zna lepszą czcionkę, chętnie poczytam.
emp
Niewiele do oceny 2 skromne strony html i 1 baner w portfolio.
Jeżeli to jedna z twoich pierwszych stron to okej, inaczej nie za dobrze się to prezentuje.

Czcionka mi się nie podoba. Elementy graficzne nijakie.
Myślę że powinieneś nad tym jeszcze popracować.

EDIT:
Ta czcionka jest lepsza od poprzedniej tekst się mniej zlewa i lepiej czyta
Kildyt
  • kodowanie windows-1250
  • wszędzie takie same meta-tagi
  • puste linki
  • nadmiar w używaniu div-ów
  • IMHO za duży margines od góry
  • font-family zadeklaruj raz (prostota użycia); na końcu (o ile używasz bezszeryfowych) dodaj "sans-serif"
  • staraj się unikać pustych div-ów o ile jest to możliwe
  • nie musisz w linkach wpisywać "Kliknij aby". Użytkownik sam wie, że "to coś" nad czym ma kursor jest linkiem
  • puste alt-y
  • kod javascript do osobnego pliku

Strona przechodzi poprawnie walidację, ale jakość kodu jest kiepska. Theme również nie jest fascynujący.
Życzę powodzenia w dalszej edukacji. winksmiley.jpg
vokiel
Akurat mam chwilkę czasu przy porannej kawie winksmiley.jpg

Nie powala.
Sam design nie jest zły.
Treść strony home nie wygląda, wyśrodkowanie nie pasuje, nie jest w żaden sposób jakoś wydzielone od całości.
Logo nie jest klikalne, nie przenosi do strony głównej, poza tym nie wiadomo, które to te właściwe logo (na tak małej stronie 2 loga to zdecydowanie za dużo).
Strona uboga, tylko home i portfolio + dane kontaktowe. Dobrze by było to jakoś sensownie rozdzielić, dodać parę stron, jakoś ładnie z polotem opisać.


Odnośnie kodu strony:
Znaczniki meta (keywords (2 razy), description, Subjects, Abstract, keyphrease, Clasyfication) są identyczne. Chyba nie wiesz do czego który służy.
Menu na div + span + a, do tego są listy ul li.
Menu po prawej (kontakt) j.w.
Niepotrzebna mnogość id (
  1. <div id="d2"><span id="s2"><a id="a2" href="index.html"></a></span></div>
), w css można przecież skorzystać z samego id dla div
  1. #d2{}, #d2 span{}, #d2 span a{}

Używasz div w treści do określenia innego koloru, do tego jest znacznik span.
Używasz div do paragrafów, do tego jest znacznik p.
Poza tym Div Mania (divitis)
dr_NO
Podobnie jak @vokiel przy kawce winksmiley.jpg

Design nie jest jakoś straszny, ale najwyższych lotów też nie jest.
W portfolio, dopiero za 3-cim razem się zorientowałem że to jest przesuwane, i nie ma tam tylko banerka ;O
Swoją drogą górna strzałka jest wklęsła, a druga wypukła, nie wiem czy to efekt zamierzony, ale IMO trochę bez sensu,
bo wciskać co już jest coś wciśnięte to trochę głupio ;p
Splashe pod menu nie podobają mi się...

- Bevel&Emboss, nic poza nim, no może jeszcze 3 brushe na tle.
- Biały element na górze (logo (?)) odciąga wzrok, zbyt duży kontrast pomiędzy resztą.
- Kod wygląda, jak eksport z photoshopa, i zamiana wszystkich <td> na divy, całość, w wolnych obliczeniach można by zamknąć w 3-4 divach.

koderrr
strasznie duzo wazy ta strona

wgrywa sie 3 dni a nie mam slabego lacza ...


wszedlem w twoje portfolio ( co nie bylo latwe , strzalki itp)

strona o samochodach ... cala we fleszu - zlo - tak sie nie robi stron


pozatym strasznie pusto w tym folio
Daiquiri
Uważam, iż początkujący grafik powinien wystrzegać się pracy w bardzo ciemnej kolorystyce. Zrobienie ładnego i nazbyt nie męczącego oczu projektu strony, jest sto razy łatwiejsze przy wykorzystaniu jasnych barw. Fakt, że w Twoim przypadku tekstu jest niewiele, ale dla mnie wygląda to nieco kiczowato. Pomijam (mam nadzieję) uwagi zamieszczone powyżej. Standardowo lista:

[-] Perspektywa & 3D. Zerknij na kostkę z napisem 64 design, która ma być "wtopiona" w pionową brązową (jak mniemam) ścianę(?). Na tej samej powierzchni napisy ze ściekającymi plamami w tle i stojący na tej ścianie tusz. Ajjjjj smile.gif
[-] Dwa różne napisy z nazwą (na kostce i po prostu napis),
[-] Typografia,
[-] Przydałby się rutinoscorbin, bo plamy są lekko niewyraźne,
[-] Niezbyt podoba mi się zdjęcie tego tuszu/atramentu,
[-] Menu też trochę toporne,
[-] Tekst na stronie jest moim zdaniem bardzo słaby - np. "Masz dla mnie jakieś propozycje współpracy? Chętnie to przeanalizuje. " - to czyli co? Czy może "je"(w domyśle propozycje) przeanalizuje,
[-] I trochę ogólnych zastrzeżeń,

[+]Hmmm... no fajnie, że kombinujesz smile.gif

Nie mam pomysłu na słowo końcowe. Chyba tylko tyle, że popracowałabym najpierw nad warsztatem (przed zmontowaniem portfolio). Nie ma dramatu, ale uważam, że warto jeszcze poćwiczyć. Powodzenia!
230005
Na temat jakości kodu itp itd inni już napisali, ja od siebie pragnąłbym dodać dwie rzeczy:

1. Obrazki rollover - nie wiem czy zauważyłeś to u siebie (może masz szybsze łącze), ale na mojej neostradzie 1mb po najechaniu na link musiałem chwilę poczekać zanim wczyta się obrazek (np strzałki do przewijania w portfolio) w tym czasie było tam pusto i zastanawiałem się czy to taki właśnie efekt zamierzałeś osiągnąć winksmiley.jpg. Możesz temu zaradzić łącząc oba obrazki w jeden - np w stanie "normalnym" na górze, a pod nim rollover - ustawiasz to jako tło dla elementu <a/>, którego właściwość display powinna mieć wartość block. Wtedy, kiedy użytkownik najedzie na link zmieniać się będzie tylko położenie tła (z top na bottom, czy left na right).

2 Kildyt napisał:

Cytat
kod javascript do osobnego pliku


Nie stosuj tej rady wszędzie gdzie się da smile.gif. Steve Souders w książce "Wydajne witryny internetowe" pisał, że na przyspieszenie działania witryny działa między innymi ograniczenie ilości żądań więc bardziej opłaca się wrzucić nawet cały kod css i js razem z html. Jeśli uważasz to za głupie, bądź nieprofesjonalne, to spójrz sobie w źródło wp.pl.
r4xz
@230005 - problem 1. dobrze opisany (na necie 512 jeszcze gorzej się to prezentuje wstydnis.gif ). proponuję załadowanie obrazków poprzez js zaraz po załadowaniu strony.
230005
No to równie dobrze mógłby obrazki ładować standardowo, razem ze stroną, tyle że do diva z display: none, albo ustawiać szerokość tych obrazków na 0. Ale po co tak kombinować (w pierwszym wypadku - kolejny niepotrzebny element, w drugim i tak trzeba by było zmienić szerokość na właściwą), skoro istnieje jeden prosty trik, który pokazałem wyżej winksmiley.jpg.
Damonsson
Biorę się za poprawianie...

230005 - wiem wiem o co chodzi, nie musialeś tłumaczyć (jestem dość kumaty i skromny hah). Tylko szczerze mówiąc mam szybki net i nie wziąłem pod uwagę wolniejszych łącz, po prostu olałem, mój duży błąd.

Jak wszystko co chcę poprawię, dam znać tutaj

Dzięki póki co za surową krytykę, tego mi brakowało, pośród "piękna", "super" ocen od przeciętnego zjadacza chleba.

Wracam do poprawy...

UPDATE
Co się dało i co chciałem to poprawiłem, reszte, głównie grafika, poprawię w najbliższym czasie

POPRAWIONE

[-] Tekst na stronie jest moim zdaniem bardzo słaby - np. "Masz dla mnie jakieś propozycje współpracy? Chętnie to przeanalizuje. " - to czyli co? Czy może "je"(w domyśle propozycje) przeanalizuje,

kodowanie windows-1250

wszędzie takie same meta-tagi -usunąłem te dodatkowe meta tagi, jak się dowiem o co w nich chodzi dokładnie to może się tym pobawie

puste linki

font-family zadeklaruj raz (prostota użycia); na końcu (o ile używasz bezszeryfowych) dodaj "sans-serif"

nie musisz w linkach wpisywać "Kliknij aby". Użytkownik sam wie, że "to coś" nad czym ma kursor jest linkiem

puste alt-y

kod javascript do osobnego pliku

Znaczniki meta (keywords (2 razy), description, Subjects, Abstract, keyphrease, Clasyfication) są identyczne. Chyba nie wiesz do czego który służy. masz rację nie wiem, ale się dowiem

Niepotrzebna mnogość id (
[HTML] pobierz, plaintext
<div id="d2"><span id="s2"><a id="a2" href="index.html"></a></span></div>
), w css można przecież skorzystać z samego id dla div
[CSS] pobierz, plaintext
#d2{}, #d2 span{}, #d2 span a{}


Używasz div w treści do określenia innego koloru, do tego jest znacznik span.

Używasz div do paragrafów, do tego jest znacznik p.

NIE POPRAWIĘ:

Splashe pod menu nie podobają mi się...no tak, rzecz gustu, nie poprawię

- Bevel&Emboss, nic poza nim, no może jeszcze 3 brushe na tle. Staram się używać funkcji które mam jako tako opanowane, bo myślę że lepiej zrobić coś w miarę dobrze i prościej, niż źle ale z bajerami.

nadmiar w używaniu div-ów Ja widzę wtedy przejrzyscie co i jak i gdzie jest.

IMHO za duży margines od góry 1024x768 jest "full screen" a na wyzszych jest wysrodkowane. Chyba ze nie o to chodzi.

staraj się unikać pustych div-ów o ile jest to możliwe tak samo jak w przypadku punktu nadmiaru używania, nie wiem czemu, ale jakoś dla mnie jest to bardziej przejrzyste

Strona uboga, tylko home i portfolio + dane kontaktowe. Dobrze by było to jakoś sensownie rozdzielić, dodać parę stron, jakoś ładnie z polotem opisać.właśnie taki był zamysł, że ma być tylko ilość stron 2, a w sumię chciałem tylko 1. No ale jednak zostało przy dwóch.

Menu na div + span + a, do tego są listy ul li. u mnie nie da się tak zrobić, bo jest pewny trick, że "rozlana farba" zmienia się dopiero po najechaniu na napis "home", a zarazem klikalny jest tylko napis "home" a nie cała "rozlana farba w około".

Menu po prawej (kontakt) j.w. no wlasnie ten sam problem jak wyzej

Kod wygląda, jak eksport z photoshopa, i zamiana wszystkich <td> na divy, całość, w wolnych obliczeniach można by zamknąć w 3-4 divach.ja jakoś tak robie bo widzę gdzie jaki div, mogę poprostu łatwiej się odnaleźć w kodzie, nie wiem czemu, ale dla mnie kod jest przejrzysty bardziej jak mam wszystko w divach osobno

strona o samochodach ... cala we fleszu - zlo - tak sie nie robi stron poszedłem na łatwiznę, nie będę ściemniał, po za tym jest tam troche błędów, ale tej strony proszę nie oceniać, bo musi przejsc troche renowacji

pozatym strasznie pusto w tym folio będzie pełne z czasem smile.gif

Poza tym Div Mania (divitis)to chyba już taka moja natura

[-] Niezbyt podoba mi się zdjęcie tego tuszu/atramentu,rzecz gustu

[-] Menu też trochę toporne,jak wyzej

POPRAWIĘ

W portfolio, dopiero za 3-cim razem się zorientowałem że to jest przesuwane, i nie ma tam tylko banerka ;O muszę jakoś to ogarnąć lepiej, ale to wymaga przemyśleń dłuższych jak to zrobić

strasznie duzo wazy ta strona wgrywa sie 3 dni a nie mam slabego lacza ...postaram się to zmienić

wszedlem w twoje portfolio ( co nie bylo latwe , strzalki itp)no wiem wiem, pomysle jak to bardziej uwidocznić, że to strzałki że to sie przesuwa i że jest pare prac a nie jedna widoczna

Swoją drogą górna strzałka jest wklęsła, a druga wypukła, nie wiem czy to efekt zamierzony, ale IMO trochę bez sensu, bo wciskać co już jest coś wciśnięte to trochę głupio ;pfakt, poprawie

[-] Dwa różne napisy z nazwą (na kostce i po prostu napis), musze cos z tym zrobic

1. Obrazki rolloverPoprawię

Treść strony home nie wygląda, wyśrodkowanie nie pasuje, nie jest w żaden sposób jakoś wydzielone od całości. Planuję dodać małe obramowanie graficzne w okolo tresci, ale musze to jeszcze przemyslec, jak to by miało wyglądać

Logo nie jest klikalne, nie przenosi do strony głównej, poza tym nie wiadomo, które to te właściwe logo (na tak małej stronie 2 loga to zdecydowanie za dużo). No właśnie, z tym muszę coś popróbować, bo też mi to logo i "napis logowy" nie bardzo pasują. Ale to wymaga głębszej mojej analizy.

- Biały element na górze (logo (?)) odciąga wzrok, zbyt duży kontrast pomiędzy resztą.pomyślę nad tym

[-] Perspektywa & 3D. Zerknij na kostkę z napisem 64 design, która ma być "wtopiona" w pionową brązową (jak mniemam) ścianę(?). Na tej samej powierzchni napisy ze ściekającymi plamami w tle i stojący na tej ścianie tusz. Ajjjjj heh no fakt, patrząc z tej strony to jest nie tak, ale pomyślę nad tym

A TU JEŚLI MOŻNA TO JAŚNIEJ

[-] Typografia,

[-] Przydałby się rutinoscorbin, bo plamy są lekko niewyraźne,

[-] I trochę ogólnych zastrzeżeń,
230005
Piszesz, że divów nie poprawisz, a powinieneś, bo taka ich ilość świadczy tylko o jednym - że jesteś amatorem. To nie jest rzecz gustu, tylko semantyczność kodu. Jeśli twój html będzie na każdej stronie taki jak w twoim portfolio, to pewnie zdenerwuje to roboty indeksujące smile.gif. No i być może ktoś po tobie będzie poprawiał, a jeśli w końcu mu się uda to wystawi ci złą ocenę (opinia w środowisku).
Daiquiri
Spieszę z wyjaśnieniami smile.gif. Przez słabą typografię rozumiem kiepski dobór czcionek i ich kolorów, zaś plamy wyglądają jakbyś przejechał po nich blurem (rozmyciem) - są nieostre. A ogólne zastrzeżenia to sporo detali, którymi zajęłabym się w momencie poprawienia całej reszty - bo to bardziej kosmetyka.

I tak na marginesie: uważam, że to o czym piszesz jest faktycznie "rzeczą gustu". Obawiam się jednak, że gustu klienta. Ja, projektując stronę dla rzeczonego klienta, chowam do kieszeni własne widzimisię na temat wyglądu stron (no poza webusability itd.) i dopasowuję je na miarę targetu, który stronę ma odwiedzać.

PS. Powiem wprost w takim układzie: foto atramentu wygląda jakby wyszło z darmowego (i w dodatku kiepskiego) banku zdjęć. Nie piszę tego ze względu na wrodzoną złośliwość - wbrew pozorom chcę Ci pomóc smile.gif.
Damonsson
@230005 - szczerzę przyznam że zachęciłeś mnie, bym odrzucił własne widzimisie co do tych divów i spróbuje to zrobić na mniejszej ilości

@Daiquiri- Hmmm, ale chodzi o czcionkę treści, tego tekstu całego, czy czcionke pod home, portfolio i te kontaktowe dane? No tak atrament jest z jakiegoś darmowego zbioru znalezionego pierwszego lepszego w google przyznam.

Spokojnie ja, wolę żeby ktoś mi konkretnie dowalił ale konstruktywnie o ile mozna tak to nazwac, bo wiem że muszę się postarać. Niż chwalenie że wszystko jest super, jak bym chciał żeby było wszystko idealnie ohh i ahh to bym ściągnął sobie szablon z templatemonster, ale ja wolę zrobić coś swojego zupelnie od zera, mimo błędów, każdy je przecież popełnia, ale ważne by wyciągnąć wnioski i poprawiać.
Daiquiri
Czcionkę w rozumieniu wszystkie czcionki użyte smile.gif. Korzystasz z bardzo charakterystycznego kroju w menu i przy napisie "64 design", a potem ze standardowego w treści. W sumie nie podoba mi się ani ta wzorzysta ani ta zwykła czcionka - a ich połączenie to już w ogóle smile.gif.

PS. Powiem Ci, że i mi raz "zwolniło" ładowanie tych plam, a na Internet nie narzekam (25 Mb/s)
deha21
Cytat(Damonsson @ 21.01.2010, 16:11:58 ) *
Menu na div + span + a, do tego są listy ul li. u mnie nie da się tak zrobić, bo jest pewny trick, że "rozlana farba" zmienia się dopiero po najechaniu na napis "home", a zarazem klikalny jest tylko napis "home" a nie cała "rozlana farba w około".

Da się.

1. Teksty na stronie bardzo słabe.
2. Razi mnie ilość grafiki na stronie. Stopkę mogłeś chociaż jako tekst dać. Może to kwestia gustu ale nadmiar grafiki na stronie (tak jak to zaprezentowałeś) mnie odrzuca.
3. Kompletnie nie rozumiem dwóch logo.
4. Kiepska czcionka w menu. Właściwie to czcionka może być. Jej wykorzystanie jest kiepskie.
5. Nominacja webcentral (za co?!) - jeśli w ogóle miałaby być to na pewno nie w topie.
6. Suwaki w Portfolio totalnie nie widoczne. Dopiero po jakimś czasie domyśliłem się, że coś trzeba kliknąć, żeby zobaczyć więcej prac. Obrazki za wolno się przesuwają.
7. Tak na marginesie: dźwięk w menu na stronie mazda-ford.pl obciachowy winksmiley.jpg I czemu co drugi akapit jest jaśniejszy? I generalnie czemu jest cała we flashu? Spokojnie dałoby radę to zrobić bez jego użycia.

Generalnie poprzeglądaj sobie stronki typu www.smashingmagazine.com , www.cssmania.com , www.bestwebgallery.com czy nawet deviantart.com (tutaj)
emtiej
1. Nie oryginalne
2. Grafiki są zbyt duże i wolno się ładują
3. Kolorystyka... uboga
4. Czcionki za duże i jakoś nie pasują

Wiadomo kwestia gustu, ale ja bym ci radził robić takie prace, które się podobają wszystkim, no prawie bo zawsze znajdzie się jakaś sknera ;D Wzoruj się na pracach np. monstertemplates, podkradaj pomysły(jakieś drobne elementy) bo wiadomo na początku nie ma pomysłów i to jest najgorsze. Ale życzę powodzenia, rozwijaj się a słowa krytyki niech będą dla ciebie motywacją to robienia lepszych prac 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.