[www] Strona Web Designera Opcje

[unnamedly]

Witam, proszę o ocenę mojej strony pod prawie każdym względem (oprócz względu braku artykułów, bo one się pojawią niebawem. Slider też nie jest w 100% dokończony). Wygląd strony, treść, ogólna ocena.
Ważne bym zaznaczył, że stronę robiłem od totalnego zera. Po prostu notatnik, ciepła herbatka i do roboty!

Link: http://ziuty.pl

Ten post edytował unnamedly 16.03.2013, 17:45:12

[com]

Widzę jesteś młodym początkującym webdesign`erem, dlatego poniekąd potrafie zrozumieć te błedy które popełniasz, ale podobnie jak inni użytkownicy poddałem twoje portfolio ocenie i poniżej zaprzetuje co mi się nasuwa:

Zacznijmu może od logo:

na białym tle jakie masz w oryginale jest wporządku, ale kiedy złożysz go z tym czarnym tłem strony nie wygląda już tak efektownie, ponieważ wygląda to tak jakbyś otworzył to w paincie i wymazał środek gumką, wiem może sie troche czepiam ale to jako pierwsze rzuciło mi się po otwarciu twojej strony, sugerowałbym poprostu krawędzie jakoś podkreślić żeby przejście miedzy logiem a czarnym tłem było widoczne, bo w oryginale jest tam cień który poprostu sie zlewa z twiom tłem, co psuje całe logo.

Druga kwestia idać z duchem czasu, jak wiadomo możliwa jest niestandardowa typografia na naszej stronie, z czego jak widać korzystasz, jednak jest jedno pytanie dlaczego wiec napis Kacper Ziuzia ... nie jest napisany za pomocą frontu, tylko obrazkiem. Utrudniasz w ten sposób algorytmą google i innym robotą indexowanie twojej strony pod kontem słów kluczowych, a co za tym idzie osłabiasz swoje szanse dotarcia do Klienta, owszem robot wyszuka Cię w stopce, ale tu chodzi o to żeby jak sie już zabiera za cos to powinno sie to robić dobrze, bo inaczej Klienci pójdą do konkurencji.

Kolejna sprawa nie mam pojęcia pod jaka wersją IE to testowałeś, bo jak ja odpalam pod IE to raz na 10 prób wgl załadował mi CSS, a ponadto typgrafia pod IE leży i kwiczy nadal. Polecam zajrzeć pod ten adres http://www.google.com/webfonts i tam odnaleść twój front, bo ładowane z tej strony dają Ci wiekszą pewność, że wgl zadziała ponadto przy wybieraniu frontu trzeba zaznaczyć subset=latin-ext odpowiada to za polskie znaki.

Kolejna kwestia

Projektując strony, zwracam uwagę na panujące trendy i wymogi W3C.

Więc jak już ktoś wspomniał przebuduj ten szablon zgodni z panującym obecnie tendem, czyli koduj za pomocą HTML5, bo jak narazie korzystasz z wersji 4, z zadeklarowanym nagłowkiem na XHTML 1.0, co już wgl jest nieporozumieniem.

Idżmy dalej javascript i jquery

W moim odczuciu owszem pomysł może i nie był taki zły, ponadto ogromny plus za to iż nie ma tam flasha, ale jest tego troszke za dużo, pamiętaj że skrajności nie są dobre.

Ale najważniesze to jest to co teraz powiem, skoro już musisz mieć te 15 plików ze skryptami js to łąduj je asynchronicznie czyli dodajesz async, przykład:

[JAVASCRIPT] pobierz, plaintext 
<script async src="js/jquery.js"></script>
[JAVASCRIPT] pobierz, plaintext 

Usprawni to napewno ładowanie strony, ale radziłbym tę ilość skryptów tak czy tak zredukować.

Przeczytaj to co napisałeś w O mnie z 5 razy i napisz to jescze raz bo zdania typu

Zwracam dużą uwagę na doskonałość i dokładność tworzonej strony.

Mówia co ja tu robie ?!
Pozatym mówienie klientowi, że 7 razy zacznyłeś tworzenie szablonu od nowa, może go wystraszyć, bo pomyśli sobie, że będzie na swój web czekać pół roku, albo dłuzej.

popularna biblioteka Javascript - jQuery

- jQuery to jest framework, biblioteka jest dziwną nazwą (IMG:style_emoticons/default/wink.gif)

Pozatym w wyszukiwarce nigdy nie zwracaj tego w ten sposób że wyświetli Ci znaczniki html jak np. tutaj: Wyszukiwanie artykułów zawierających frazę: <div>pozdrowienia dla forum.php.pl</div>I innych. bo to po pierwsze źle wyglada, a po drugie zachęca nas do tego żeby jednak troszke bliżej sie przyjrzeć działaniu tego skryptu, dlatego obcinaj wszytkie znaczniki z fraz.

No to dobrneliśmy prawie do końca, zakładka kontakt, pytałeś w jakiej przegladarce wygląda nie tak to np. jest nią Firefox, błąd popełniasz w miejscu gdzie przydzielasz szerokości dla poszczególnych inputów itd, robi sie to poprzez klkulację tak żeby np. 1 wiersz gdzie są 2 inputy po sumowaniu ze sobą miał rozmiar taki sam jak pojedyńczy dla email i wiadomości, ponadto wyłacz możliwość rozszerzania na boki textarea, bo jest to bardzo częsty błąd nawet dużych firm webdesingn`erskich, a później layout im się rozsypuje. W twoim przypadku to nie nastąpi, ale to taka mała uwaga na przyszłość (IMG:style_emoticons/default/wink.gif)

Kolejna kwestia stosowanie algorytmów typu 2+2 jest troche mało sesjowne, bo obecnie boty potrafią sobie z tym radzić, pozatym zawsze masz ten sam token.

Popracuj nad tą stopką, bo to naprawde nie jest trudne dodać 3 linijki w css i jest zawsze na swoim miejscu, przykład rozwiazania:

[CSS] pobierz, plaintext 
position: fixed;
bottom: 0px;
width: 100%;
[CSS] pobierz, plaintext 

Pozatym nadal jest css w kodzie źródłowym strony, operuj na id i klasach (IMG:style_emoticons/default/wink.gif)

Napisałeś

W dzisiejszym świecie, urządzenia mobilne stają się głównym narzędziem do przeglądania Internetu. Swoje strony przystosowuję pod smartfony, tablety, laptopy i PC-ty.

To zainteresuj sie tematem responsive web design (IMG:style_emoticons/default/smile.gif)

Pierwsze naprawione, a drugie jest aż tak ważne? Z tymi % i ' ktoś może ingerować w bazę? Błąd się wyświetla tylko w przypadku, który podałeś.

Tak jest to ważne, pozatym wyłacz raportowanie błędów, a same błedy obsługuj poprzez try i catch (IMG:style_emoticons/default/wink.gif)

No to chyba było by na tyle, troche się tego uzbierało, ale myśle moje sugestie okaża sie być tobie bardzo pomocne, pozdrawiam (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 22.03.2013, 01:37:48