Stronka Internetowa - proszę o ocenę

pytanie zadane 12 marca 2016 w Nasze projekty przez BleBlock Użytkownik (600 p.)
zmienione kategorie 12 marca 2016 przez Arkadiusz Waluk

Witam

Jestem początkującym programistą webowym.

Proszę o ocenę mojej stronki. Wiem jest "niedorobiona". Niestety stronka jest na darmowym hostingu więc są reklamy.

Liczę na otwartą krytykę. Chciałbym wiedzieć co dodać a co usunąć :)

Stronka: http://jank.cba.pl/

Chciałbym umieć robić strony responsywne.

6 odpowiedzi

odpowiedź 12 marca 2016 przez radek024 Szeryf (77,160 p.)

znacznik br nie jest wskazany do robienia przejść, elementy mają się układać, a nie być wymuszanymi liniami z treścią, notabene piszesz je jakbyś je zamykał - a to jest tag jednoczęściowy,
dwa razy linkujesz z google font, połącz linki w jedność,
brak responsywności,
brak znaczników sematycznych,
masz znaczniki style w head, ale ich nie używasz - są zbędne,
brak outline'u
tworzysz klasy dla każdego elementu - a każdy z nich jest identyczny.
div6 jest listą kontaktów do Ciebie - czemu zatem nie jest w takiej formie w HTMLu?

Stronę należy dopracować ;)

odpowiedź 12 marca 2016 przez mitelak Pasjonat (23,330 p.)

Sam zauważyłeś, że strona jest niedorobiona (chociażby odnośniki donikąd), więc po co taką dawać do oceny?

To jest takie nagminne zjawisko, że jako swoją pierwszą stronę ludzie robią portfolio, które de facto powinno zawierać jakieś prace i pokazywać umiejętności. Strona osoby, która dopiero co skończyła poradnik, a na której widnieje napis, że oferuje profesjonalne usługi i jest programistą ze średnim doświadczeniem, wygląda co najmniej zabawnie :D

Także na przyszłość wiem, że jest to trudniejsze, ale zamiast robić kolejne portfolia wymyśl sobie jakąś firmę ( jakaś restauracja, serwis komputerowy) i staraj się zrobić stronę, która zachęci Cie do skorzystania z usług tej firmy :)

Jeżeli chodzi o stronę to nic specjalnego, odnośniki nie działają, więc poza jedną stroną nie ma nic do oceny. Jakiś tam plus za trzymanie się jednej kolorystyki, ale i tak ten szary jest mdły. W boxach upchana masa tekstu, zero czegoś co przykuło by bardziej wzrok. Tak naprawdę jest tu tego tak mało, że od strony graficznej nie wiem co ocenić.

Kodu nie chce mi się wertować, ale divy z tekstem, każdy ma osobną klasę zawierającą dokładnie te same style, wystarczy jedna klasa i użyta do każdego diva.
Ponad to możesz zobaczyć to https://validator.w3.org/nu/?doc=http%3A%2F%2Fjank.cba.pl%2F

Ponadto jak u większości źle zastosowane br

Jak masz jakieś pytania to pisz, może będę mógł Ci jakoś pomóc :)

komentarz 12 marca 2016 przez BleBlock Użytkownik (600 p.)

Mam problem z zrobieniem RWD pomożesz ?

komentarz 15 marca 2016 przez mitelak Pasjonat (23,330 p.)

Jaki konkretnie problem?
Na początku proponuje poczytać, nawet zacząć od wikipedii, żeby wiedzieć czym rwd jest
Po chwili w google znalazłem jakieś artykuły, które mogą rozjaśnić pare rzeczy
http://webkod.pl/kurs-css/lekcje/dzial-4/responsywny-uklad-elementow-html
http://webroad.pl/html5-css3/572-responsywny-web-design-media-queries
https://www.footstep.pl/blog/strona-responsywna-tutorial
Możesz też ściagnać http://getskeleton.com/ i pooglądać kod, albo nawet stworzyć coś przy użyciu tego grida.
Jest tylko jeden problem, żeby zrobić responsywną stronę trzeba znać html i css w dobrym stopniu, a Twój kod pokazuje, że jeszcze się gubisz i nie rozumiesz za bardzo css (chociażby to tworzenie osobnych klas dla tak samo wyglądających divów)
Dopóki więc nie ogarniesz html i css, nie stworzysz prawidłowego responsywnego szablonu.

ps. apropo skeletona, możesz obejrzeć sobie css i coś spróbować stworzyć, żeby lepiej zrozumieć jak to działa, ale nie używaj dopóki nie będziesz wystarczająco wiedzieć bootstrapa czy innych dużych frameworków

odpowiedź 12 marca 2016 przez DryEvil Użytkownik (860 p.)

Cudna! Jak ja kocham proste strony bez żadnych zbędnych rzeczy. Fajny design jak na początkującego to według mnie bardzo ładnie ci wyszła :) JAN S. w takiej czcionce jak najbardziej pasuje tylko nie wiem co powiedzieć o inncy napisach :/ Czcionka ta nie jest wygodna w czytaniu ale z drugiej strony nadaje dla strony "klimat" sam to przemyśl. Bardzo ładna animacja podświetlania się odnośników. Najbardziej to mi się podobają te do np do YouTuba co zmieniają kolor na ten właściwy serwisu mega to jest. Zastanawiałbym się nad zmianą backgrounda na jakiś prostszy jakiś ciemno szary według mnie by pasował mniej więcej taki kolor jaki oferuje nam background tylko żeby nie był zwykłym kolorem bo wtedy by było trudno odróżnić to od backgrounda.