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

Moja pierwsza strona. Co zmienić/dodać ?

VPS Starter Arubacloud
+1 głos
470 wizyt
pytanie zadane 19 września 2016 w HTML i CSS przez Raster22 Obywatel (1,640 p.)
Cześć.  To moja pierwsza strona dla pierogarni. Chciałbym żebyście ją ocenili i powiedzieli co mógłbym zmienić,dodać bo wizualnie słabo to wygląda ;/ Uczę się od 2 miech. Bardzo bym był wdzięczny jakby ktoś kto się zna zerknął na to okiem i dał mi parę wskazówek odnośnie wyglądu jak i budowy,kodu.

 

http://www.easypaste.org/file/whxtTD/Strona.Pierogarni.rar?lang=en
komentarz 20 września 2016 przez Eimens Maniak (69,240 p.)
Brakuje przy każdym odnośniku "title"

3 odpowiedzi

0 głosów
odpowiedź 19 września 2016 przez jpacanowski VIP (101,940 p.)
wybrane 19 września 2016 przez Raster22
 
Najlepsza
<meta name="keywords" content="Moja strona, css, html" />

To mają być słowa kluczowe związane z samą treścią strony...

<meta name="description" content="Opis strony" />

To też bardzo ciekawe...

<title> Słowiańska Uczta </title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js" > </script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript" src="crawler.js"/></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.mapsta.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>

Pliki .js ładuj zaraz przed </body>

<div id="logo">
		<img src="image/logo.png" />
	</div>

Niepotrzebny DIV - możesz nadać klasę już samemu <img>. Logo powinno być głównym nagłówkiem strony. Coś w tym stylu:

<h1>
    <img class="logo" src="images/logo.png" alt="[tu nazwa strony]" />
</h1>
	<div id="menu">
		
		<div class="option" ><a href="index.html">Strona Główna</a></div>
		<div class="option" ><a href="menu.html">Menu</a></div>
		<div class="option" ><a href="galeria.html">Galeria</a></div>
		<div class="option" ><a href="o_nas.html">O nas</a></div>
		<div class="option"  id="info1"><a href="#informacje">Kontakt</a></div>
		<div id="fb"> <a href="https://www.facebook.com/SlowianskaUczta/?fref=ts" title="Polub nas" target="_blank>"> <i class="icon-facebook-rect"></i></a> </div>
		<div style="clear:both;"></div>
	
	</div>

Menu opieraj na liście. Do tego używaj tagu <nav>

Np. tak:

<nav>
    <ul>
        <li><a href="#">Link 1</a></li>
        <li><a href="#">Link 2</a></li>
        <li><a href="#">Link 3</a></li>
    </ul>
</nav>
<div id="stopka">
		&copy Rafał Chronowski 
	</div>

używaj <footer>

Ogarnij nowe tagi HTML5
http://tutorials.comandeer.pl/html5-blog.html

 

komentarz 23 października 2016 przez Anszlus Bywalec (2,280 p.)

Ja ze swojej strony dodam, że używanie keywords w dzisiejszych czasach jest zupełnie stratą czasu, gdyż żadna z topowych wyszukiwarek (Bing, Google czy Yahoo) nie bierze go pod uwagę, a niektóre (Bing) karzą niższym pozycjonowaniem za niewłaściwe użycie.
Dla przykładu podam, że Google i Facebook również nie korzystają z tego elementu.

0 głosów
odpowiedź 19 września 2016 przez Kamil Naja Nałogowiec (27,330 p.)

Wrzuć stronę na Githuba albo inny Bitbucket i podepnij github pages, dostaniesz więcej podpowiedzi.

Na początek zacząłbym od wyeliminowania divitis i "id-itis" - <div id="menu"> można zamienić na <nav> i dalej w kodzie podobnie. Nie styluj po ID.

Walidator wywala 35 błędów, np. niepozamykane divy.

0 głosów
odpowiedź 19 września 2016 przez Raster22 Obywatel (1,640 p.)
Dzięki panowie. Co do keywordów i opisów to jest na tą chwile ale to akurat będzie zmieniane. Dzięki Wielkie raz jeszcze. A jeśli chodzi o sam wygląd strony i budowę ?

Podobne pytania

+2 głosów
1 odpowiedź 1,459 wizyt
0 głosów
4 odpowiedzi 706 wizyt
pytanie zadane 13 sierpnia 2018 w HTML i CSS przez Darklek Nowicjusz (220 p.)
–2 głosów
2 odpowiedzi 589 wizyt
pytanie zadane 7 lutego 2018 w HTML i CSS przez exo123 Początkujący (300 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...