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">

&lt;h1>Directory&lt;/h1>

</ Div>

4 Opprett en ny liste og liste noen sider på nettstedet ditt. Koden vil se omtrent slik ut:

<Div id = "dir">

&lt;h1>Directory&lt;/h1>
&lt;ul>
&lt;li>Home&lt;/li>
&lt;li>About&lt;/li>
&lt;li>Contact&lt;/li>
&lt;/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">

&lt;h1>Directory&lt;/h1>
&lt;ul>
&lt;li>&lt;a href="index.html">Home&lt;/a>&lt;/li>
&lt;li>&lt;a href="about.html">About&lt;/a>&lt;/li>
&lt;li>&lt;a href="about.html">Contact&lt;/a>&lt;/li>
&lt;/ul>

</ Div>