Ako Vytvoriť Menu Na Webe

Obsah:

Ako Vytvoriť Menu Na Webe
Ako Vytvoriť Menu Na Webe

Video: Ako Vytvoriť Menu Na Webe

Video: Ako Vytvoriť Menu Na Webe
Video: Ako vytvoriť viacúrovňové menu pomocou HTML a CSS 2024, Apríl
Anonim

Informačné technológie sa rozvíjajú každý deň. A čo sa predtým zdalo byť niečo nedosiahnuteľné, dnes je už k dispozícii takmer každému mužovi na ulici. A nie je vôbec potrebné mať nadprirodzené schopnosti a znalosti na to, aby ste si vytvorili svoj vlastný web. A ak hovoríme iba o pridaní jedálneho lístka do vášho zdroja, potom to zvládne aj školák.

Ako vytvoriť menu na webe
Ako vytvoriť menu na webe

Je to nevyhnutné

Počítač s pripojením na internet

Inštrukcie

Krok 1

Prejdite na webovú stránku PureCSSMenu. Tu uvidíte vizuálny editor, pomocou ktorého môžete rýchlo a ľahko vytvoriť ponuku pre ľubovoľný web.

Krok 2

Ak chcete prejsť na stránku, kde sú rozložené šablóny ponúk, kliknite na tlačidlo „Šablóny“, ktoré je na ľavej strane. Potom musíte vybrať šablónu, ktorá sa vám páči, a kliknúť na ňu. V okne „Náhľad“uvidíte skutočne funkčné menu, ktoré sa vytvára pomocou kaskádových šablón štýlov.

Krok 3

Prejdite si každú z navrhovaných šablón a vyberte tú, ktorá sa najlepšie hodí pre váš web. Ak farba a písmo, ktoré sa vám páčili podľa štýlu ponuky, nezodpovedajú farebnej schéme webu, môžete tieto parametre zmeniť kliknutím na kartu „Parametre“.

Krok 4

Zmeňte farbu a písmo pomocou kódu HTML alebo ho vyberte z palety, ktorú ponúka zdroj, kliknutím na požadovaný odtieň.

Krok 5

Teraz vytvorte štruktúru ponuky pre svoj web. Kliknite na tlačidlo „Položky“. Na karte, ktorá sa otvorí, uvidíte tlačidlo s veľkým znamienkom plus a nápisom „Pridať položku“. Kliknite na toto tlačidlo a na konci ponuky bude pridaná nová položka. Ak chcete vložiť novú položku do stredu ponuky, vyberte kartu, ktorú by ste mali pridať, a kliknite na tlačidlo označené „Pridať ďalšiu položku“.

Krok 6

Ak chcete do rozbaľovacej ponuky pridať podpoložku, stlačte tlačidlo s označením „Pridať podpoložku“a potom vyberte položku ponuky, ktorá bude obsahovať novú kartu. Ak chcete odstrániť ktorúkoľvek z položiek, vyberte ju a kliknite na tlačidlo „Odstrániť položku“.

Krok 7

V oblasti „Parametre položky“je potrebné vyplniť všetky polia, aby nové menu fungovalo správne. Do poľa „Text“zadajte názov položky ponuky, do poľa „Odkaz“zadajte adresu stránky, na ktorú sa prechod uskutoční po kliknutí na toto tlačidlo. Ak chcete zvoliť, ako sa má stránka otvoriť, v poli „Cieľ“nastavte hodnotu „_self“alebo „_blank“. Pri prvej možnosti sa stránka otvorí v rovnakom okne s vybratou funkciou „_blank“- v novom.

Krok 8

Teraz musíte vložiť kód vytvorenej ponuky na svoje stránky. Ak to chcete urobiť, kliknite na tlačidlo „Stiahnuť“, ktoré sa nachádza v pravom dolnom rohu, a vyberte priečinok v počítači, do ktorého sa uloží archív purecssmenu-com.zip. Po uložení súboru rozbaľte tento archív a otvorte súbor purecssmenu.html, ktorý obsahuje váš kód ponuky. Skopírujte tento kód a vložte ho do súboru so šablónou svojho webu.

Odporúča: