9 September, 2009 odsłon: 2,567 0 wypowiedzi
Ładna mapa strony
Dzisiaj natknąłem się na piękną realizację mapy stron za pomocą małego pakiety SlickMap. Dzięki zastosowaniu czystego kodu HTML, stylu CSS i JavaScript można łatwo zastąpić często brzydkie i szare mapy stron, które służą nic innemu jak indeksowaniu w SEO, na niżej przedstawiony przykład:
-
- SlickMap Demo
Wygląda to elegancko i zgrabnie, ale ważniejszy jest jej czysty, semantyczny kod:
<ul id=“primaryNav”>
<li id=“home”><a href=“http://astuteo.com”>Home</a></li>
<li><a href=”/about”>About Us</a>
<ul>
<li><a href=”/history”>Our History</a></li>
<li><a href=”/mission”>Mission Statement</a></li>
<li><a href=”/principals”>Principals</a></li>
</ul>
</li>
<li><a href=”/services”>Services</a>
<ul>
<li><a href=”/services/design”>Graphic Design</a></li>
<li><a href=”/services/development”>Web Development</a></li>
<li><a href=”/services/marketing”>Internet Marketing</a>
<ul>
<li><a href=”/social-media”>Social Media</a></li>
<li><a href=”/optimization”>Search Optimization</a></li>
<li><a href=”/adwords”>Google AdWords</a></li>
</ul>
</li>
<li><a href=”/services/copywriting”>Copywriting</a></li>
<li><a href=”/services/photography”>Photography</a></li>
</ul>
</li>
<li id=“home”><a href=“http://astuteo.com”>Home</a></li>
<li><a href=”/about”>About Us</a>
<ul>
<li><a href=”/history”>Our History</a></li>
<li><a href=”/mission”>Mission Statement</a></li>
<li><a href=”/principals”>Principals</a></li>
</ul>
</li>
<li><a href=”/services”>Services</a>
<ul>
<li><a href=”/services/design”>Graphic Design</a></li>
<li><a href=”/services/development”>Web Development</a></li>
<li><a href=”/services/marketing”>Internet Marketing</a>
<ul>
<li><a href=”/social-media”>Social Media</a></li>
<li><a href=”/optimization”>Search Optimization</a></li>
<li><a href=”/adwords”>Google AdWords</a></li>
</ul>
</li>
<li><a href=”/services/copywriting”>Copywriting</a></li>
<li><a href=”/services/photography”>Photography</a></li>
</ul>
</li>
Niech będzie to dobrym przykładem dla developerów.
Ostatnie komentarze