Proszę Was o ocenę strony.

pytanie zadane 19 sierpnia 2015 w Nasze projekty przez Dronojad Obywatel (1,980 p.)

Witajcie. Jakiś czas temu wykonałem stronę internetową dla użytkownika z forum. Jako że jestem początkujący to wykonałem ją za darmo. Było to pewne wyzwanie dla mnie, chciałem sprawdzić jak to wyjdzie i czy w ogóle dam radę cokolwiek stworzyć :)

Stronę znajdziecie pod tym adresem: http://mousymind.16mb.com/

Proszę o Waszą ocenę od strony technicznej, jak i wizualnej. Na pewno znajdą się błędy w kodzie, chciałbym je poznać i najlepiej poprawić tak aby więcej ich już nie popełniać :)

Pozdrawiam!

10 odpowiedzi

odpowiedź 19 sierpnia 2015 przez Marcins Obywatel (1,040 p.)

Ładna! Szata graficzna napewno jest kwestią gustu, ale widać, że jest w tym trochę smaku - czuć kolorystykę, do pewnej grupy odbiorców trafi (mnie kupiłeś). Jak opanujesz jeszcze elementy dynamiczne, wypłyniesz na szerokie wody

Zastosowałeś zmianę koloru po najechaniu na elementy paska menu. Zastosuj to samo dla ikon FB, TW, YT i GP. To doda jeszcze trochę smaku.

komentarz 19 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Dzięki za komentarz i uwagi.

odpowiedź 19 sierpnia 2015 przez Patrycjerz Mędrzec (192,320 p.)

Jak na początkującego, to całkiem niezła. Co do uwag:

Rób strony responsywne, czyli przystosowane dla różnych urządzeń (dzisiaj to nie problem z CSS i JS)
Używaj nowych tagów z HTML5 do oznaczania treści.

komentarz 19 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Dzięki za komentarz i uwagi.

komentarz 20 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Mam jeszcze pytanie - od czego zacząć, jak się zabrać za tworzenie strony responsywnej? Wiem że najlepiej jest to już zaplanować przed stworzeniem strony, ale czy można przerobić już istniejącą stronę na responsywną?

komentarz 20 sierpnia 2015 przez Czort Nałogowiec (32,500 p.)

Można przerobić na adaptatywną używając media queries i stylując dla różnych rozdzielczości.

odpowiedź 19 sierpnia 2015 przez Ivan Maniak (60,650 p.)

Menu -> Jeżeli już chcesz zrobić sticky menu to daj mu tło. Nie ładnie to wygląda tak na górze jakieś przyciski.

Aktualności -> Nie dawaj hiperłącza na całą zawartość, lepiej dodać na końcu "wstępnego tekstu" przycisk, czytaj dalej itp.

Strona sama w sobie niczym nie przyciąga, jest nudna, szara.

komentarz 19 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Dzięki za uwagi. Szanuję Twoje zdanie, nie każdemu może się podobać.

odpowiedź 19 sierpnia 2015 przez Adam Jakś Dyskutant (8,940 p.)

odpowiedź 19 sierpnia 2015 przez Mizukage Pasjonat (21,750 p.)

odpowiedź 19 sierpnia 2015 przez Anonim Mądrala (6,000 p.)

odpowiedź 19 sierpnia 2015 przez Eimens Maniak (69,240 p.)

Logo jest na innym odcieniu szarości :)

W każdej podstronie jest mała zawartość, a jak byś wszystko zrobił na jednej stronie i podłączył kotwiczki?

Coś na takiej zasadzie:

komentarz 20 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Bardzo fajny pomysł mi podrzuciłeś, potestuję. Dzięki!

odpowiedź 20 sierpnia 2015 przez eliano Gaduła (3,640 p.)

<div style="clear: both"></div>

preferuję overflow: hidden dla rodzica.

<p style="font-size: 12px; margin-bottom: 10px;">Stronę wykonał MrDroonix - kontakt: mrdroonix@gmail.com</p>

nie używa się styli inline
skrypty najlepiej umieszczać w osobnych plikach, zawsze.
niepotrzebnie tyle komentarzy opisujących co gdzie jest lepiej bedzie jeśli bedziesz umiejętnie używał tab
zdjęcia MUSZĄ mieć tekst alternatywny a jeśli to elementy layoutu to najlepiej przenieść je do css http://www.kurshtml.edu.pl/css/zamiennik_obrazkowy,oprawa_graficzna.html

<center>
			<a href="mousy-mind">	
				<img src="Desktop/mousy_mind.png" />
			</a>
		</center>

centrowanie lepiej rozwiązać przy pomocy css

podsumowywując:

jeśli to twoja pierwsza strona to jest dobrze, kilka drobnych błędów może się zdarzyć.

bardzo natomiast podoba mi się wygląd. masz talent (chyba że masz projekt od grafika albo odpatrzyłeś skądś)

komentarz 20 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Dzięki za komentarz i uwagi :) Co do wyglądu strony, wszystkie grafiki są autorstwa grafika, mnie też się bardzo podobają :)

komentarz 20 sierpnia 2015 przez Dronojad Obywatel (1,980 p.)

Co do tego clear: both - wiedzę czerpałem z kursów Pana Mirosława, tam było to zastosowane. Ale poczytam o overflow: hidden.

komentarz 20 sierpnia 2015 przez eliano Gaduła (3,640 p.)

http://www.forumweb.pl/porady-i-tutoriale-www/css-clearowanie-czyli-problemy-z-float,47914

sposob z kursu ma jedną zasadniczą wadę - wstawiamy pusty div - a to nie semantyczne bo div (ang. divide - dzielić) służy do podziału treści na stronie dlatego IMO najlepsza metoda to ta z overflow