WebQuatro

badam, zarządzam, projektuję, użytkuję

więcej o mnie
Jesteś tu:  Strona główna > css

9 September, 2009 odsłon: 2,255 0 wypowiedzi

Ładna mapa strony

Dzisiaj natknąłem się na piękną real­iza­cję mapy stron za pomocą małego paki­ety SlickMap.  Dzięki zas­tosowa­niu czys­tego kodu HTML, stylu CSS i JavaScript można łatwo zastąpić często brzy­d­kie i szare mapy stron, które służą nic innemu jak indek­sowa­niu w SEO, na niżej przed­staw­iony przykład:

Wygląda to ele­gancko i zgrab­nie, ale ważniejszy jest jej czysty, seman­ty­czny kod:

<ul id=“pri­ma­ry­Nav”>
    <li id=“home”><a href=“http://astuteo.com”>Home</a></li>
    <li><a href=”/about”>About Us</a>
<ul>
    <li><a href=”/history”>Our His­tory</a></li>
    <li><a href=”/mission”>Mis­sion State­ment</a></li>
    <li><a href=”/principals”>Prin­ci­pals</a></li>
</ul>
</li>
    <li><a href=”/services”>Ser­vices</a>
<ul>
    <li><a href=”/services/design”>Graphic Design</a></li>
    <li><a href=”/services/development”>Web Devel­op­ment</a></li>
    <li><a href=”/services/marketing”>Inter­net Mar­ket­ing</a>
<ul>
    <li><a href=”/social-media”>Social Media</a></li>
    <li><a href=”/optimization”>Search Opti­miza­tion</a></li>
    <li><a href=”/adwords”>Google AdWords</a></li>
</ul>
</li>
    <li><a href=”/services/copywriting”>Copy­writ­ing</a></li>
    <li><a href=”/services/photography”>Pho­tog­ra­phy</a></li>
</ul>
</li>

Niech będzie to dobrym przykła­dem dla developerów.

Zapisz się na maila lub RSS

Podaj swój adres e-mail:


RSS:

blip

Reklama

Ostatnie komentarze

  • diz: Oczywiście, że nie. Postanowiłem po prostu przeanalizować te, gdyż kontrastowały ze sobą.
  • minimal2: A w internecie to tylko YouTube i Vimeo są? A co z plejerami innych serwisów?
  • diz: demokracja jest złym ustrojem Z tym się zgodzę w 100%
  • tomek: a pro­pos wyników -> to tylko kole­jne potwierdze­nie, że demokracja jest złym ustro­jem [znów mi się te...
  • tomek: a propos wyników -> to tylko kolejne potwierdzenie, że demokracja jest złym ustrojem :D

Prezentacje

Reklama