• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

ocena strony

0 głosów
176 wizyt
pytanie zadane 17 lipca 2018 w HTML i CSS przez xydden Gaduła (4,500 p.)
Witajcie, ostatnio postanowiłem przebranżowić się na webdev i w ramach nauki napisałem sobie taką stronę https://kacperszo.github.io/kancelaria/ .
Chciałbym was prosić o pokazanie błędów które na pewno są tu w sporych ilościach i przekazanie uwag na temat wyglądu oraz działania strony.
Dzięki ;)

2 odpowiedzi

+3 głosów
odpowiedź 17 lipca 2018 przez Mariusz08 Maniak (62,320 p.)
wybrane 18 lipca 2018 przez xydden
 
Najlepsza
 <article id="faq">

Tutaj dałbym sekcję (w środku sa artykuły)

<h3>Lorem ipsum</h3>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vulputate ante viverra, auctor velit sit amet, dapibus
                        metus. Maecenas diam felis, rutrum et placerat pharetra, luctus nec sem. Sed sit amet lectus eu arcu
                        porta tincidunt. Integer malesuada odio a neque placerat, ac faucibus enim bibendum. Curabitur auctor
                        odio nec nisl ornare rhoncus. Etiam faucibus libero lorem, a faucibus mi malesuada in. Nulla ornare
                        odio non tellus porta efficitur. Curabitur eu est viverra lectus dignissim semper. Nunc tempus

Tekst który jest po h3 dałbym w <p>

Poza tym na pewno za dużo nagłówków h1, z tego co pamiętam z dobrych praktyk, na całą stronę przypada jeden nagłówek h1. 

 <h1>Lorem ipsus</h1>

Nawet jeśli już używamy wielu nagłówków h1, to jest to nagłówek, więc można to wsadzić w <header>

nav {
      margin-top: 1vw;
      margin-right:11vw; 
}

Nie stylujemy po tagach

+3 głosów
odpowiedź 17 lipca 2018 przez imklau Nałogowiec (42,480 p.)
  1. Stwórz stronę bez Bootstrapa i daj nam do oceny - na pewno więcej się nauczysz :)
  2.  
    <a href="#">Zadzwoń (+48) 000 000 000 !</a>

    Tutaj powinniśmy wykorzystać:

    <a href="tel:0048000000000">Zadzwoń (+48) 000 000 000 !</a>
    
  3. Na Twojej stronie są nagłówki h1 i h3, a gdzie zgubiłeś po drodze h2? :D No i tych h1 jest o dwa za dużo.
  4.  
    padding-top: 1vw;
    padding-left: 12vw;

    Dlaczego dajesz paddingi w vw?

  5. Czasami dajesz też czcionkę w px, a czasami w vw. Lepiej się trzymać jednej wersji i lepiej nie tej vw :)


  6.  

    #faq article h3{
          color: rgb(161, 0, 0);
    }

    Nie zagnieżdżamy tak :< używaj osobnej klasy dla każdego elementu.

  7. Tutaj się powtórzę bo przy takiej małej stronie i na dodatek robionej na BS to naprawdę nie ma co oceniać :D Olej ten framework i działaj sam!

komentarz 17 lipca 2018 przez xydden Gaduła (4,500 p.)
edycja 18 lipca 2018 przez xydden
Dzięki za ocenę

Podobne pytania

0 głosów
0 odpowiedzi 307 wizyt
0 głosów
1 odpowiedź 196 wizyt
pytanie zadane 1 lipca 2019 w Nasze projekty przez Layoutowiec Mądrala (5,470 p.)
+1 głos
0 odpowiedzi 219 wizyt
pytanie zadane 28 marca 2021 w HTML i CSS przez janzw4 Bywalec (2,050 p.)

88,332 zapytań

136,928 odpowiedzi

305,599 komentarzy

58,601 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...