Hvordan lage en synlig Directory på ditt nettsted
Å ha et nettsted kan forbedre dine forretningsforbindelser eller bare være et morsomt prosjekt. En funksjon som vil hjelpe brukerne å finne veien rundt området ditt er en katalog. Mens noen designere ønsker å lage sin egen navigasjon, er den klassiske katalogen lett å bygge og kan settes sammen i løpet av noen minutter. Bygget helt ut av HTML, trenger du bare har kjennskap til kodespråket til å designe din katalog.
Bruksanvisning
1 Åpne HTML-fil som du ønsker å plassere katalogen på. Vanligvis vil dette være din "index.html" filen som dette er den første siden nettlesere vil laste.
2 Opprett en ny divisjon for katalog og ID det som "dir". Du kan velge å plassere divisjoner hvor du vil i din HTML-fil, selv om de er vanligvis funnet på bunnen av et nettsted. Din koden skal se slik ut:
<Div id = "dir">
</ Div>
Dette skaper en skikkelig seksjon for katalogen din og etiketter det hvis du ønsker å style den med CSS (Cascading Style Sheets) senere.
3 Lag en overskrift i divisjonen, med tittelen katalogen. Koden vil nå se slik ut:
<Div id = "dir">
<h1>Directory</h1>
</ Div>
4 Opprett en ny liste og liste noen sider på nettstedet ditt. Koden vil se omtrent slik ut:
<Div id = "dir">
<h1>Directory</h1>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</ Div>
De oppførte sidene er bare eksempler, men konseptet er det samme. For hver side du har, vikle sitt navn i liste tags
5 Lag lenker til de tidligere opprettede listeelementer, linke til sine respektive sider. Lenkene må gå inn i lista koder. Når du er ferdig, bør koden se slik ut:
<Div id = "dir">
<h1>Directory</h1>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="about.html">Contact</a></li>
</ul>
</ Div>