[WWW] Strona do oceny :)

Question

Chciałbym abyście zwrócili uwagę na pewno na :

-błędy w 2 językach

-kod

-wygląd

 

 

link : http://lkrajewski.pl

Answer 1

<title>Wybierz-swoj-jezyk/Select-your-lang</title>

Raczej powinno być coś w stylu:

<title>Łukasz Krajewski - Portfolio</title>

Zainteresuj się SEO.

<header>
            <div class="logo">
                <p>Cześć, nazywam się
                    <br />
                    <b>Łukasz Krajewski</b></p>
            </div>
            <div class="logo">
                <p>Welcome, my name is
                    <br />
                    <b>Lukas Krajewski</b></p>
            </div>
</header>

Imię i nazwisko powinno być głównym / najważniejszym nagłówkiem H1. Poczytaj o SEO i outline dokumentu.
Po drugie, nie mieszałbym dwóch języków na jednej stronie - może najlepiej zrób stronę tylko po angielsku.

<br />

Zapomnij o <br>, po prostu nie używaj tego...

<b>Lukas Krajewski</b></p>

Nie zangielszczaj imienia. Mieszkasz w Polsce, a nie w Kansas...

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

clear: both od lat nie używam... Niepotrzebny pusty div. Po prostu do header dodaj w CSS: overflow: hidden;

    <footer>
        <div id="footer">
            <p>lkrajewski.pl &copy; Wszelkie prawa zastrzeżone!</p>
        </div>
    </footer>

Usuń tego <div>'a w środku <footer>... Po co ci on?
<footer id="footer">, albo w ogóle bez ID.

Mam 15 lat oraz chodzę do 3 klasy gimnazjum o profilu informatyczno-matematycznym.

Nie podawaj wieku.

Moją pierwszą pasją jest programowanie, tworzę strony internetowe. 
Drugą moją pasją mój ukochany lokalny klub - OKS Odra Opole. 

Pasja może być tylko jedna.

Stworzyłem sobie małą w swoim pokoju i regularnie ćwiczę od sierpnia 2015 roku, ćwiczyłem też wcześniej około dwóch lat stażu lecz amatorsko, przyszła kontuzja i nastąpiła długa przerwa.

Jeśli to strona portfolio i celujesz w webdev, to mało kogo to w ogóle obchodzi.

 Jeżeli chcesz się czegoś więcej dowiedzieć zapraszam tutaj: Link

Link nie powinien mieć treści "Link"... Łamiesz Dostępność witryn www.
http://dostepnestrony.pl/artykul/wcag-2-0-w-skrocie/

Podajesz numer konta ??! O_o Jeśli już to podaj na co zbierasz...

http://pasteboard.co/2Ia95WUJ.png i nie tylko to... Warto poczytać o podstawach typografii.

TajfunPolska@op.pl

Mało poważne z tym adresem email...

<title>Moja strona domowa</title>

Znowu z cyklu SEO... Według czego ma się ta strona wypozycjonować? Według "moja strona" czy "Łukasz Krajewski | Portfolio" ?

<p>Cześć, jak pewnie zdążyłeś zauważyć nazywam się Łukasz Krajewski. Mam 15 lat oraz chodzę do 3 klasy gimnazjum o profilu informatyczno-matematycznym.
                <br /><b>Moją</b> pierwszą pasją jest programowanie, tworzę strony internetowe.

Nie używaj <br>! Nowe zdanie umieść w nowym paragrafie i będziesz miał od nowej linii.

<footer>
                <p>lkrajewski.pl &copy; Wszelkie prawa zastrzeżone!</p>
        </footer>

O, tutaj lepiej.

Jak robisz stronę w jakimś języku, to wypadałoby ten język najpierw znać...

I have 15 yers

 I am 15 YEARS old

go to 3 high school class of internets.

nie class, a grade. 3th grade of high school...
internets ??!

My first passion is programming

You can have only ONE passion, got it?

Second my passion 

 "My second passion..."

The last my hobby is gym.

"My last hobby is gym."

I bonus :D
http://tutorials.comandeer.pl/html5-blog.html

Comments

Aż dziw. Dałem Ci +1 za krótką lekcję angielskiego

Answer 2

Szczerze? Trudno mi to ocenić. ;)

Comments

poprawione :D

---

Ta jest o lata świetlne lepsza...
http://lukasz-website.jcom.pl/

---

kompletnie co innego xd

---

OK, zatem:

• lang = pl? uznajmy, że jest ok , ale strona jest wielojęzykowa, więc sprawa może być sporna,
• używasz id - a o tym już Ci kiedyś pisałem http://forum.pasja-informatyki.pl/124736/www-strona-do-oceny,
• clearfix można zrobić na pseudoklasie,
• pamiętajmy o case-sensitive - odnośniki warto pisać małymi literami
• alt przy wyborze wersji językowej jest źle określony - nic mi nie mówi "Polska",
• czy znak copy jest po prostu wklejony czy za pomocą encji?
• brak nagłówka h1,
• zbędny div w footerze o takiej samej nazwie id,
• treść przytłacza, czemu taka duża czcionka?

CSS:
 

• taki zapis:

    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 40px;
    padding-left: 40px;

można zastąpić:

padding: 60px 40px; 

• height: 60px !important;

  !important z pewnością da się tutaj obejść ;)
• jesteś niedokładny, raz używasz nazw opisowych a raz heksdecymalnych

Do poprawy ;)

---

Dzięki , postaram się poprawić

znak za pomocą encji

---

poprawiłem tekst i footer

---

• lang = pl? uznajmy, że jest ok , ale strona jest wielojęzykowa, więc sprawa może być sporna,

Można zastosować język polski dla całego dokumentu, oraz angielski na poszczególnych elementach.

Global attributes - lang

Answer 3

Słabo, od strony esetetyki:

• tekst jest zbyt duży i zbyt szeroki; czytanie paru linii jest bardzo męczące
• linki są jakoś słabo widoczne, raczej nie stosuje się teraz podkreślenia a np innego koloru, pomijając fakt że poruszanie się po stronie jest mało intuicyjne

Od strony kodu (nie jestem specem, ale widzę kilka błędów):

• <div style="clear:both"></div> cytując Comandeera: pusty element, to niepotrzebny element
•  <footer> <div id="footer"> cośtam </div> </footer> po co ci ten div?

Tyle mi się rzuciło w oczy, ale wiem że są jeszcze inne błędy (nie będę sobie przywłaszczał cudzych wypowiedzi z IRC'a), btw http://lukasz-website.jcom.pl/ to też jakaś masakra

Answer 4

No krap, jak nie patrzeć. Szukałem i nie znalazłem żadnego + tej strony. Oczywiście nie chce cię zniechęcać.

budowa strony. Ona jest mało czytelna i bardzo źle się prezentuje, zrobiłeś mix wszystkiego, czcionki tła kolory. Już jakiś czas temu widziałem twoją stronę, ale widzę że błąkasz się w kółko :(

Więc co powinieneś zrobić żeby twoje strony zaczęły nabierać kolory i spodobały się innym. Nic dziwnego że tak ci to idzie, jesteś młody i próbujesz swoje koncepcje stosować na stronie. I to jest największy problem. Nie szukaj "fajnego" tła, które ci się podoba tylko postaraj się znaleźć coś co jest na topie. Poczytaj o Flat design, postaraj się zrozumieć jakie właściwości muszą mieć elementy żeby dobrze się komponowały. Po co taka wielka czcionka? Na twoim etapie więcej bym oglądał niż robił.

 

Polecam weź się za oglądani i zapoznanie z tematem:

http://eduweb.pl/live/trendy-w-webdesign---ui/ux-2016

 

Widać z daleka że nie masz zielonego pojęcia o wyglądzie. Zrozumiałeś kilka znaczników i właściwości i zaczynasz w tym "błotku" się paprać. Nie mam na calu obrażać cię tylko uświadomić ci jak to wygląda. Ja sam jeszcze nie tak dawno robiłem podobne strony i wiem jak to jest. Zapoznaj się z wyżej podesłanym filmem.

https://www.google.com/design/spec/material-design/introduction.html

https://flatuicolors.com/

 

Powodzenia :D

Answer 5

Tłumaczenie rodem z google translate.... :(

Comments

Google Translate robi to lepiej... :D

Answer 6

Nie pisz po angielsku rzeczy, ktorych nie umiesz napisac...

Answer 7

Jeżeli chodzi o wygląd, to niestety taka średnia (4/10)

Kolejny minus: brak znaczników html5 (oprócz footer)

Do tego xxxx razy użyte <br /> ;_

Comments

I oprócz <header>

---

Zasadniczo to wszystkie znaczniki na tej stronie, są znacznikami html5 : )

można by się doczepić tylko XMLowego <br />.

Answer 8

Nie potrafię zrozumieć dlaczego początkujący programiści jako jeden z pierwszych projektów robią właśnie portfolio.

Comments

Lubią sobie robić po prostu antyportfolio :D

Answer 9

Dużo zostało powiedziane, ale dorzucę jeszcze dwie cegiełki od siebie.

1. Brak nawigacji. Na stronie można znaleźć jeszcze: http://lkrajewski.pl/treningi, jednak jeśli nie przeczyta się całego tekstu "o mnie" dotarcie tam graniczy z cudem - o powrocie nie wspominając. Nawigacja powinna być niezmienna i występować na każdej stronie danego serwisu. Nie wprowadzajmy chaosu.
2. _blank to zło Bezcelowy target <- artykuł napisany wiele lat temu, jednak ponadczasowo oddaje sens, a raczej bezsens, stosowania _blank. (Polecam również przeczytać: When to use target=”_blank".)

Answer 10

Strona słaba, za to jak bedziesz miał jakies pytania co do bodybuildingu dietetyki suplementacji to możesz napisać pw ;)

Answer 11

Przy wyborze języka obie opcje powinny być obok siebie, nie pod sobą.

Answer 12

Oprócz oceny strony w głosowaniu chciałbym napisać od siebie kilka słów, aby nakierować Ciebie na dobrą drogę. Przede wszystkim, wszelkie ikony, obrazy i czcionka są za duże. Jednocześnie chciałbym zwrócić na jakość grafiki, która jest kiepska - zamiast png używaj svg. Również popracuj nad menu jak i samą czcionką - polecam Lato lub Roboto. Używaj marginesów!

Tutaj masz przykład strony, która powinna tobie pomóc. Zwróć uwagę jak została zaprojektowana. W skrócie, wszystko musisz poprawić :) 

Pozdrawiam 4.