Moja pierwsza strona. Co zmienić/dodać ?

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

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.