moja strona www

pytanie zadane 11 sierpnia 2018 w HTML i CSS przez madis Użytkownik (540 p.)

witam proszę o opinie mojej strony www ( wszystko co wam przyjdzie do głowy to piszcie ) www.maderka.pl

Dziękuje za poświęcony czas :)

komentarz 11 sierpnia 2018 przez OdsetekGlupoty Pasjonat (15,360 p.)

Popraw błędy interpunkcyjne i literówki na stronie. Potencjalnych klientów może to zniechęcić.

9 odpowiedzi

odpowiedź 11 sierpnia 2018 przez Tomek Sochacki Ekspert (227,530 p.)

Nie obraź się Kolego... ale wizualnie wg mnie strona jest beznadziejna... Na pewno nie zachęcisz nią żadnego klienta, żadnej normalnej firmy. Musisz zdać sobie sprawę, że firma nie zawsze patrzy tylko na cenę. Jeśli np. dostanie ofertę od kogoś z ładnym portfolio na wizytówkę za 1000zł, a Ty powiesz, że zrobisz "takie coś" jak masz w portfolio za 50zł to i tak 99% firm weźnie tę za 1000zł, bo patrzy na swój wizerunek, jakość itp.

Po pierwsze czcionki są jakby z zeszlej epoki, cały layput również.

Swoją pierwszą stronę internetową stworzyłem w 2006r

I w tym momencie masz u mnie, jako potencjalnego klienta mega miunsa... Mamy rok 2018, czyli po 12 latach robisz takie własnie stronki? To już lepiej nie podawaj tej informacji bo na prawdę działa ona na Twoją niekorzyść.

Po co technologie dla klienta? Jego to nie interesuje, a nawet jeśli to działa to inaczej... Na przykład klient większy powie Ci słuchaj, chciałbym API w Java i front w Angular i dyskutujecie o tym, dochodzicie do jakiś rozwiązań ale to dopiero przy duzych projektach, przy małej stronce to większość klietów nie wie nawet co to html i nie muszą, oni zajmują się czym innym.

Dlaczego na mapie wskazujesz jakiś punkt kultu religijnego? Popraw ustawienia mapki.

Analogicznie jak technologie wywal te wszystkie fora, egzaminy itp. ze stopki. Nie jest to nikomu potrzebne, klienta to nie interesuje.

No i portfolio... tragedia... daj w to miejsce z 3-4 jakieś normalne stronki, niech to będą nawet jakieś PSD ale porządnie pocięte, z normalnymi tekstami itp. Te strony mega odstraszają...

Generalnie wiem, że moja ocena nie jest przychylna, ale taki już jestem, jak coś jest dobrze to mówię super, jak źle to mówię do dupy, ja nie bawię się w "politykowanie" :)

PS. Pokazałem na szybko Twoją stronkę żonie, która ma biznes w ogóle nie związany z IT i podzieliła moje zdanie co do joty... więc jest to też ocena nieprogramisty, ale własnie ewentualnego potencjalnego klienta...

komentarz 11 sierpnia 2018 przez jpacanowski VIP (101,940 p.)

Dlaczego na mapie wskazujesz jakiś punkt kultu religijnego? Popraw ustawienia mapki.

Ośrodek dla osób niepełnosprawnych, to nie kult religijny...

Autorowi strony bym sugerował, że jeśli jest tylko frontend'owcem i nie zna się na grafice, to niech poszuka jakiejś fajnej strony portfolio i niech zakoduje coś podobnego wzorując się na takiej stronie.

Rozumiem, że autor strony w 2006 roku zaczynał swoją przygodę, ale miał DŁUGĄ przerwę? A potem następnie zrobił 2 stronki z kursu MZ ?

odpowiedź 11 sierpnia 2018 przez voltex Obywatel (1,210 p.)

Te strony wyglądają hmm.. strasznie :D A conajmniej 2 z tych 6 projektów to zrzynka 1 do 1 z kursów pana Mirosława Zelenta. I to nawet nie rozbudowane o dodatkowe funkcjonalności, albo chociaż jakikolwiek tekst (dalej jest lorem ipsu) ale totalnie przekopiowany kod i nic więcej. I te strony skopiowane i tak wyglądają najlepiej w tym portfolio. Nie obraź się, ale lepsze strony robi mój 12 letni kuzyn ;)

Cytat z Twojego opisu: "Od kilku lat interesuję się tworzeniem stron internetowych, które tworzę w oparciu o podstawowe oraz najbardziej znane technologie jakimi są html i css. Swoją pierwszą stronę internetową stworzyłem w 2006r, a ich kreowanie to niezwykle ciekawe i rozwijające hobby. "

Nie chcę nikogo zniechęcać do nauki i rozwoju, ale... skoro programujesz od 12 lat i wychodzisz w 2018 roku z czymś takim to ja bym na Twoim miejscu odpuścił sobie programowanie i zajął się czymś innym. Wydaje mi się, że totalnie nie czujesz tego.

Wybacz za ostre słowa krytyki. Pracuj i pokaż, że się mylę ;)

odpowiedź 11 sierpnia 2018 przez Bembnias Początkujący (450 p.)

Coś takiego nie może się dziać, że stronka rozjeżdża Ci się na boki (patrz screen), po za tym do portfolio dodaj jakieś normalne strony które sam stworzyłeś a nie kopie stron z tutoriali pana Mirosława Zelenta.

Jeśli jest to strona na której potencjalni klienci mają zamówić Twoje usługi to sekcja z "ciekawymi linkami" nie ma sensu, to mogłaby być ciekawostka dla innych developerów, ale klienta to nie interesuje.

odpowiedź 11 sierpnia 2018 przez Adusiek Użytkownik (660 p.)

odpowiedź 11 sierpnia 2018 przez Comandeer Guru (596,220 p.)

Wygląd i działanie

Strona jest ucięta na domyślnej rozdzielczości na macbooku.
Miniaturki projektów są rozciagnięte.
Czemu ikony technologii to linki odsyłające do strony?
Formularz kontaktowy ma źle przypięte etykiety pól.
Wskaźnik focusu jest niemal niewidoczny.
Strona powinna działać po HTTPS.
Linki w menu nie zmieniają adresu oraz nie przerzucają focusu w odpowiednie miejsce.

Kod

https://validator.w3.org/nu/?showoutline=yes&doc=http%3A%2F%2Fwww.maderka.pl%2F
Deklaracja kodowanie nie znajduje się w pierwszych 1024 bajtach strony.
[rel^=shortcut] to wymysł IE, cała reszta łyka po prostu [rel=icon].

  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">

Nie wyłącza się skalowania. Przestrzega przed tym nawet specyfikacja HTML 5.x.
Skrypty powinny być załączone na końcu body albo mieć atrybut [defer].
Fonty od Google można zaciągnąć jednym żądaniem, oddzielając ich nazwy fajką.
Nie ma sensu rozdzielać resetu od normalnego arkusza.

Na tego typu stronie logo powinno być także nagłówkiem, zatem zamiast:

  <div class="logo">
        www.maderka.pl
        <p>tworzenie stron www z pasją </p>
      </div>

powinno być:

  <h1 class="logo">
      www.maderka.pl
      <span>tworzenie stron www z pasją</span>
  </h1>

Na stronie powinno być tylko jedno h1.
Projekty powinny mieć o wiele lepsze, opisowe [alt]. Obecne teksty alternatywne nie mówią absolutnie nic o tych projektach.
label, żeby być poprawnie przypięte do pola, powinno mieć atrybut [for] lub pole powinno się znajdować wewnątrz label.
Ikonki lepiej robić na span i dodawać [aria-hidden=true].
Ciekawe linki to lista, zatem powinno być to ul. Dodatkowo hr tutaj nie pasuje i powinno być po prostu zastąpione border-bottom dla poszczególnych li.
Informacje kontaktowe warto otoczyć w address. Zastanowiłbym się nad użyciem listy dl tutaj, ponieważ w tym wypadku ikonka też niesie informację.
Na końcu body po raz kolejny wczytujesz jQuery.

odpowiedź 11 sierpnia 2018 przez Qubenz Użytkownik (570 p.)
edycja 11 sierpnia 2018 przez Qubenz

odpowiedź 11 sierpnia 2018 przez Wonderpol Gaduła (3,730 p.)

Nie czytałem innych odpowiedzi bo szkoda mi czasu pewnie wszyscy piszą to co myślę ale jedno szczególnie mnie zdenerwowało, mianowicie projekty które uznajesz za swoje nie są twoje można je w większości znaleźć na youtube na kanale Pasja Informatyki. A co do portfolio nie jestem programistą webowym ale wygląda ono na prawdę kiepsko. Menu po zmianie rozdzielczości nie powinno znikać a raczej zamieniać się w przycisk(tzw. hamburger). Jeżeli piszesz stronki od 2006 roku tak jak podałeś to ja bym proponował zmienić sposób nauki. Do kodu nawet nie patrze bo nie jestem webmasterem więc i tak by to nic nie wniosło

odpowiedź 11 sierpnia 2018 przez pietia213 Dyskutant (8,110 p.)

odpowiedź 11 sierpnia 2018 przez lolk45 Gaduła (3,210 p.)

Strona nie jest perfekcyjna, ale widać, że się uczysz. Najważniejsza jest praktyka. Im więcej zrobisz tym więcej będziesz umiał.

Wizualnie 6/10, ale jak na początek nauki to i tak całkiem nieźle. Kod nie wygląda tak źle jak się spodziewałem. Są znaczniki HTML5 i na pierwszy rzut oka nie widać poważnych błędów.

Tylko skalowanie i responsywność jest tragiczna, ale w przyszłości i do tego dojdziesz

1	komentarz 11 sierpnia 2018 przez voltex Obywatel (1,210 p.) Słuchaj, gość programuje od 2006 roku. To tą responsywność ogarnie w okolicach chyba 2040 xD