• 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ć ?

+1 głos
286 wizyt
pytanie zadane 19 września 2016 w HTML i CSS przez użytkownika Raster22 Użytkownik (730 punkty)
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 użytkownika PATYL Maniak (60,860 punkty)
Brakuje przy każdym odnośniku "title"

3 odpowiedzi

+1 głos
odpowiedź 19 września 2016 przez użytkownika jpacanowski Maniak (68,520 punkty)
wybrane 19 września 2016 przez użytkownika 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 użytkownika Anszlus Obywatel (1,800 punkty)

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 użytkownika Kamil Naja Gaduła (4,110 punkty)

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 użytkownika Raster22 Użytkownik (730 punkty)
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ź 628 wizyt
pytanie zadane 12 sierpnia 2016 w Nasze projekty przez użytkownika trabantemnaksiezyc Nowicjusz (140 punkty)
0 głosów
5 odpowiedzi 658 wizyt
pytanie zadane 10 kwietnia 2016 w Nasze projekty przez użytkownika Eliro Bywalec (2,260 punkty)
+3 głosów
5 odpowiedzi 483 wizyt
pytanie zadane 4 czerwca 2016 w HTML i CSS przez użytkownika Sebastian Użytkownik (510 punkty)
...