[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

[!*!]

- typografia leży
- logo jest rozmazane
- czarny pasek nie jest zawsze na dole, przez co widać pod nim tło
- ten "rozbłysk" po załadowaniu strony jest zbędny (IMG:style_emoticons/default/wink.gif)
- kod css w kodzie
- formularz nie zgłasza błędów
- obok html5 to nawet nie stało

Kod

<center style='position: relative'>

serio?

Edycja

Podsumowując... Slogan

Good design is good business.

Treść nie pasuje do obrazka (IMG:style_emoticons/default/wink.gif)

Edycja 2:
- brak filtrowania danych http://ziuty.pl/search.php?s=%3Cdiv%3Epozd...Fdiv%3EI+innych

Ten post edytował !*! 16.03.2013, 17:55:20

[unnamedly]

#1: typografia leży

#2: logo jest rozmazane

#3: czarny pasek nie jest zawsze na dole, przez co widać pod nim tło

#4: ten "rozbłysk" po załadowaniu strony jest zbędny ;)

#5: kod css w kodzie

#6: formularz nie zgłasza błędów

#7: obok html5 to nawet nie stało

#8:

Kod

<center style='position: relative'>

serio?

#9: Podsumowując... Slogan
Treść nie pasuje do obrazka ;)

#10: brak filtrowania danych http://ziuty.pl/search.php?s=%3Cdiv%3Epozd...Fdiv%3EI+innych

#1: Co masz na myśli? Jeśli otwierałeś stronę na IE, to chodziło Ci pewnie o standardowe czcionki, lecz ten problem już naprawiony (IE nie odczytywało .ttf, przez co większość czcionek to był Arial. Zastosowałem .otf, a to rozszerzenie IE czyta poprawnie).

#2: Nowe, prostsze logo i header. Mam nadzieję, że przypadnie do gustu, jak nie - pisać.

#3: Z tym mam największy problem (standardowe metody z internetu nie działają), lecz postaram się to naprawić.

#4: Rozbłysk usunięty.

#5: Już nie ;]

#6: Naprawione, zrobiłem prowizoryczne zgłaszanie błędów przy wysyłaniu.

#7: Hm?

#8: Gotowe.

#9: Nie za bardzo rozumiem.

#10: Naprawione.

XSS (parametr s):
http://ziuty.pl/search.php?s=%3Cscript%3Ea...one&by=rate

SQL injection + information disclosure (parametry last i by):
http://ziuty.pl/search.php?s=%%&conten...9;x&by=date

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ś.

Miałem ochotę to zamknąć, ponieważ uznałem, że mi się jakaś reklama włączyła.

Szczególnie, że te slajdy też zbyt "reklamowo" wyglądają - jak widzę hasła typu "Dobra strona
internetowa to klucz do sukcesu w Internecie! " od razu zamykam, wnioskując, że to kolejne home.pl, nazwa.pl czy inny szajs mi się reklamuje, żebym kupił hosting.

No i zbyt miga to wszystko i zbyt efekciarskie. Trochę jakby a siłę próbujesz dowalić stronę efektami, stockowymi zdjęciami, ikonkami.
Problem tylko taki, że... wszyscy dzisiaj tak robią, więc się nie wyróżniasz.

No i:
1. ten czarny pasek na dole jakoś zbyt przytłacza
2. po co slajdy się tak odbijają? kijowo to wygląda i przyprawia to o zawrót głowy.

Chociaż ogólnie w miarę czysto wyglądałoby, gdyby nie tyle efektów...

1. J/w, w ciągu tygodnia całkowicie zostanie zmieniony na bardziej "klasyczny styl".

2. Widzę, że ówczesny slider nikomu nie przypadł do gustu, więc niebawem CAŁKOWICIE go zmienię i już mam pomysł co oprócz niego wstawić na główną (zauważyłem to na zagranicznych portfoliach web designerów). Na slider mam wg mnie genialny pomysł, ale to się okaże czy taki "genialny".

#1: Stopkę ściągnij do dołu - osobiście nie lubię jak lata po stronie, pomimo że jest mało treści. Zainteresuj się hasłem "sticky footer"

#2: Strona główna nie przemawia za mną - sam slider? Może zrób większy slider, albo bezpośrednio na stronę główną portfolio dodaj - tak jak na niektórych stronach www fotografów

#3: Linki: mało znaczący szczegół, ale lepiej by się prezentowały w innej formie np. about.php => o-mnie, lub about (samo, bez rozszerzenia)

#4: W zakładce "O mnie" te strzałki z sekcji "Dlaczego akurat ja" - są na pewno w jednej linii?

#5: Zakładka oferta - brak marginesów dla tekstów i ogólnie pusta przestrzeń po prawej stronie: rozciągnij tabelkę na full width?

#6: W formularzu kontaktowym rozciągnij textarea na długość inputów

#7: Dlaczego title nadajesz przez javascript? Rozbij sobie wygląd na: header.php, footer.php i includuj te dwa pliki w about.php, contact.php i będziesz mógł przekazywać bez problemu TITLE.

#8: Ten tag "center" czy on na pewno tam powinien być? Może jakaś alternatywa typu text-align: center lub dla elementu: margin: 0 auto? (IMG:style_emoticons/default/snitch.gif)
Ogólnie strona na plus, mi się podoba design :-)

#1: To już wyżej wyjaśniłem (IMG:style_emoticons/default/smile.gif)

#2: Również wyżej wyjaśnione.

#3: Zrobione.

#4: Tak, na 100% ;]

#5: Gotowe, lecz zmienię całkowicie tą zakładkę.

#6: Hmm, u mnie w Google Chrome to wygląda tak: http://screenshoot.me/3VrpDX , czyli jak widać jest równiutko. W jakiej przeglądarce źle się wyświetla?

#7: Zmienione.

#8: Już jest ok i dzięki wielkie (IMG:style_emoticons/default/biggrin.gif)

Tło na którym jest ten napis dokładnie przeczy pierwszemu zdaniu. Szybkość ładowania się strony, a raczej jej brak przeczy za to drugiemu.

Tło zmienione i kolor napisu leciutko też. Powinno być lepiej. Tak samo z szybkością. Usunąłem ten wielki background (40% krótsze ładowanie). Nic więcej nie zrobię... Reszta zależy od mojego hostingu.

Jeśli już robisz na tło taki obrazek duży, zastosuj PNG z przeplotem, bo taki ładujący się bardzo mnie irytuje.

J/w - tło usunięte, lecz przez chwilę zastosowałem z przeplotem.

Slider strasznie irytuje... To odskakiwanie, skaczący po nim tekst - wygląda jak słaba flashowa reklama.
Do tego tekst w "O mnie" - zupełnie nie zachęciłoby mnie do zatrudnienia Ciebie... "Dziennie przeznaczam tyle a tyle czasu", "Trooooooszke" i tego typu kwiatki - trochę nie nadaje się to do pokazania potencjalnemu pracodawcy. Trochę mi to nie pasuje - może tak ma być ale pierwsze wrażenie jakie robi strona to: poważne, a nie "jajcarskie" (IMG:style_emoticons/default/smile.gif)

Slider - wyjaśnione wyżej parę razy. Co do "jajcarskiego tekstu", to masz rację - pisałem trochę slangiem, bo nie wierzę, by jakaś poważna firma mnie wynajęła przy tak małym doświadczeniu. Bardziej nastawiałem się na młodsze osoby. Język zmienię przy okazji zmiany design`u na oficjalny (IMG:style_emoticons/default/biggrin.gif)

Kto jest grupą docelową tej strony? Inni uczniowie, którzy muszą napisać coś na zaliczenie (może to miałoby sens)? Firmy raczej nie ponieważ teksty mają formę przeznaczoną dla młodej osoby, mam tu na myśli osoby poniżej 20 roku życia.

Jeśli chcesz dorabiać sobie tworząc strony to nie twórz wszystkiego sam, zakup sobie jakiś gotowy szablon z templatemonsert i to samo oferuj klientom. Robienie wszystkiego od zera w takim wydaniu (próba oferowania usług) nie ma sensu.

Wyżej wszystko opisane.

Czyli rozumiem, że mam robić same szablony, a nie całe CMS`y?



Design strony zmieniam stopniowo (aż będzie zmieniony w 100% i idealny). Na dzień dzisiejszy (w chwili pisania tego postu) w 70% skończyłem nowy header. Śmiało możecie oceniać zmienione części strony. Wasze rady totalnie mnie motywują. Będę zmieniał każdą niepasującą rzecz na stronie, tak aby witryna była IDEALNA.



Ten post edytował unnamedly 21.03.2013, 20:37:22