Ocena małej strony

Question

Witam. Strony tworzę jakiś czas z przerwami. Niedawno zrobiłem stronę firmy dla taty, a teraz chciałem się tylko zapytać co z nią nie tak i jakie ma błędy. Ma być bardzo prosta więc nie starałem się dowiadywać jak robić różne wodotryski. Jest prawie skończona prócz jednej sekcji. Chce się dowiedzieć czy wygląda ona choć ok.

Jakby co została ona umieszczona na próbnym, darmowym serwerze.

 

link:http://sprawdzanie.c0.pl/

Answer 1

Nie podoba mi sie. Logo wygląda super, ale wygląda wycięte z całości, wzięte z innego elementarza.

Nie użyłeś resetCSS (brzydkie paski po bokach).

Kontakt nie działą jak kontakt.

Sekcja z kontaktem, ta czcionka absolutnie tu nie pasuje.

Menu takie sobie. Kopia w kopie  pewnego tutoriala.

Za pusto (duże sekcje wypełnione niczym)

Za dużo szarego, nie ma czegoś co się wybija z całości.

Nagłówki sekcji, ta czcionka tu nie pasuje.

Czcionka za duża (Pamiętaj, że coś mu się wyróżniać)

Sekcja z listą mogła by być lepiej zrealizowana.

Podsumowanie: Szaro buro i pusto. Brakuje tu duszy.

Btw. Nie resposywna.

Od strony Kodu:

<div class="mlp">
	<i class="demo-icon icon-mail"></i>:dypamet@dypamet.com
	</div>
	<div class="mlp">
	<i class="demo-icon icon-phone"></i>:032 780 23 15
	</div>

Do tagowania adresów mamy taki fajny tag :) --> https://developer.mozilla.org/pl/docs/Web/HTML/Element/address

Kontakt telefon jak i email mogą być interaktywne --> http://thenewcode.com/536/Adding-Phone-Numbers-To-Web-Pages-With-HTML5-and-Microdata (Jeden klik i już mogę dzwonić z komóreczki :))

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

Pusty tag to zły tag.

    <article >
	<div class="art" id="a1">
	<h1>O nas</h1>
	Naszą specjalizacją jest produkcja średnioseryjna oraz jednostkowa wyrobów gotowych oraz półfabrykatów. Wytwarzamy narzędzia oraz oprzyrządowanie do produkcji wielkoseryjnej (Matryce, Stęple, Prawidła). Wykonujemy naprawy zużytych części maszyn oraz prace awaryjne na potrzeby utrzymania ruchu.</br> </br> </br>
	<img src="img/spawanie.jpg" alt=""/>
	</div>
    </article >

Spokojnie w article można podmnienić na section, a article zamknąć co to jest article.  Stare wskażniki br. I po co b?

<h1>Kontakt</h1>
	<b>DYPAMET S.C.  </br>

                                         Józef Pawlus ,  Krzysztof Pawlus    </br>

         ul.Budowlanych156 </br>
                                                                     43-100 Tychy </br>
 
                                                               www.dypamet.com          </br>                                                                                                 e-mail: dypamet@dypamet.com </br>
                                                               tel/fax 032 780 23 15  </br>
                                                               tel kom.502 105 714 , 608 019 878,733 807 023 </br>
 
 
                                                                      godziny pracy </br>
 
                                                                   pon - pt - od 7 do 15 </br></b>
																   </br></br></br></br></br>

???

 

Comments

sorka, ale jeszcze nie uczyłem się responsywności(choć wiem co to). A tak dziękuję jeszcze się pogłowie i wezmę sobie te rady.

---

Jeszcze raz wielkie dzięki. Poprawie trochę trochę kod, po majstruje przy kolorach. Poszukam i dodam jeszcze jakieś funkcjonalności, to może coś z tego będzie.

Answer 2

Strona naptawdę fajnie Ci wyszła :)

Szkoda jedynie, że brak responzywnosci :/

Dodam jeszcze, że bardzo rzuca się w oczy to, że oferta (jak i reszta na szarym tle) jest za blisko granicy diva :) Ja bym tam dodał z 10-20px padding-top :)

 

Miłego dnia życzę i pozdrawiam :)

Answer 3

Może ktoś ma jeszcze pomysł na menu, bo po prostu ni mi innego nie przyszło do głowy.

Comments

Poszperaj po templatkach i tam szukaj inspiracji :).