Hogyan Készítsünk Navigációs Menüt

Tartalomjegyzék:

Hogyan Készítsünk Navigációs Menüt
Hogyan Készítsünk Navigációs Menüt

Videó: Hogyan Készítsünk Navigációs Menüt

Videó: Hogyan Készítsünk Navigációs Menüt
Videó: Как создать меню в WordPress через админку, виджет и кастомайзер. Начальный гайд. Урок #1 2024, November
Anonim

Annak érdekében, hogy a látogatók ne tévesszenek el az oldalon, és bármely oldalról elérhessék az erőforrás kívánt részét, szükség van egy navigációs menü készítésére. A mutatóelemeket úgy kell elhelyezni a weboldalakon, hogy azok ne zavarják a szöveg olvasását, és ugyanakkor könnyen megtalálhatók legyenek az oldalon. A látogatók a megfelelő szavakra vagy képekre kattintva juthatnak el az erőforrás szükséges részeihez. Az erőforrás ilyen menüvel történő ellátásához elegendő egy egyszerű kódot megadni a webhely szükséges részeiben.

Hogyan készítsünk navigációs menüt
Hogyan készítsünk navigációs menüt

Szükséges

  • - több oldal vagy szakasz jelenléte a saját webhelyén
  • - több kis ikon az oldal témájához
  • - tudja, hogyan töltsön fel képeket az oldalra

Utasítás

1. lépés

Ha a menüsorról linket szeretne készíteni, írja be a következőképpen:

FŐOLDAL

Ebben a bejegyzésben cserélje ki a http: ⁄ ⁄website.ru szót a kívánt oldal URL-jével.

2. lépés

A szöveges hivatkozásokból álló vízszintes menü kódja a következőképpen íródik:

FŐOLDAL

|

KÉPTÁR

|

FÓRUM

|

VENDÉGKÖNYV

3. lépés

A függőleges vonások elválasztóként szolgálnak a sor menüpontjai között. A "|" karakter beállítása a billentyűzetről meg kell nyomnia és tartsa lenyomva a Shift billentyűt az egyik ujjával az angol elrendezésen, a másikkal - válassza a "| / " gombot, amely a "b" betűtől jobbra található. Ügyeljen arra, hogy az ütés előtt és után tegyen egy szóközt, hogy a menüpontok egymástól el legyenek helyezve.

4. lépés

A következő bejegyzés segítségével függőleges menüt hozhat létre linkekből:

FŐOLDAL

KÉPTÁR

FÓRUM

VENDÉGKÖNYV

5. lépés

Ebben az esetben a menürészek elválasztója a tag, amely az utána következő szöveget új sorba tekeri.

6. lépés

Ha a menüpontokat nem szavak vagy kifejezések formájában, hanem linkekként funkcionáló képek formájában kívánja elkészíteni, akkor először töltse ki a webhelyet az összes képpel, amelyet az erőforrás navigációjában használnak.

7. lépés

Kép elhelyezéséhez egy weboldalon ezt a kódot kell a megfelelő helyre tenni: Ha saját képet szeretne elhelyezni, a http: ⁄ ⁄website / images / 1.png

8. lépés

Írja be a grafikus menü minden egyes elemét a következő módon:

Ebben a kódban cserélje le a http: ⁄ ⁄website.ru szót a kívánt címre és a kívánt kép kódjára.

9. lépés

A képekből álló vízszintes menüt így hozhat létre:

10. lépés

Ebben a kódban a cellákban lévő összes kép a táblázat egy sorában található. A táblázat szélessége, nem pixelben, hanem százalékban beállítva, lehetővé teszi a táblázat tartalmának az ablak teljes szélességére való kinyújtását, a képernyő felbontásától függetlenül. Címkék:

és

formázzon egy táblázat sort, és

és

- az egyik cella.

11. lépés

Ilyen grafikus menü elhelyezéséhez cserélje le a kódra mutató hivatkozásokat, a képekhez vezető utakat és az erőforrásszakaszok nevét a sajátjával.

Ajánlott: