ßê ñòâîðèòè ñïëèâàþ÷å ìåíþ

Ñïàäíå ìåíþ º îäíèì ç íàéá³ëüø çðó÷íèõ ð³øåíü â îôîðìëåíí³ âåá-ñòîð³íêè ³ âèêîðèñòàíí³ ¿¿ â³ëüíîãî ì³ñöÿ. Éîãî ìîæíà çðîáèòè ð³çíèìè ñïîñîáàìè.
ßê ñòâîðèòè ñïëèâàþ÷å ìåíþ




Âàì çíàäîáèòüñÿ
  • - HTML-ðåäàêòîð.
²íñòðóêö³ÿ
1
Ñêà÷àéòå ³ âñòàíîâ³òü íà âàø êîìï'þòåð ïðîãðàìó-ðåäàêòîð âåá-ñòîð³íîê. Âè òàêîæ ìîæåòå ñêîðèñòàòèñÿ ñòàíäàðòíîþ ïðîãðàìîþ äëÿ ðåäàãóâàííÿ òåêñòó, àëå íàáàãàòî ïðîñò³øå ïðàöþâàòè ç HTML-êîäîì â ñïåö³àëüíî ïðèçíà÷åíèõ äëÿ öüîãî ðåäàêòîðàõ. ßêùî âè íå ìîæåòå çîð³ºíòóâàòèñÿ â ¿õ âèáîð³, â³ääàéòå ïåðåâàãó çâè÷àéíèì ðîñ³éñüêîìîâíèì ïðîãðàìàì ç ³íòó¿òèâíî çðîçóì³ëèì ³íòåðôåéñîì ³ ì³í³ìàëüíèì íàáîðîì ôóíêö³é. Âèêîíàéòå çàâàíòàæåííÿ ïðîãðàìíîãî çàáåçïå÷åííÿ ç îô³ö³éíîãî ñàéòó éîãî ðîçðîáíèêà ³ ³íñòàëþéòå éîãî íà âàø êîìï'þòåð, ñë³äóþ÷è âêàç³âêàì ïóíêò³â ìåíþ. Çàïóñò³òü éîãî ³ âèáåð³òü ó ìåíþ ñòâîðåííÿ ôàéëó ç ðîçøèðåííÿì .css, íàçâ³òü éîãî style.


2
³äêðèéòå ðåäàãóâàííÿ íåäàâíî ñòâîðåíîãî âàìè ôàéëó ç ðîçøèðåííÿì .css ³ ïðîïèø³òü â íüîìó íàñòóïíèé êîä, ÿêèé íåîáõ³äíèé äëÿ âèêîíàííÿ îïåðàö³é ç ðåäàãóâàííÿ òà íàëàøòóâàííÿ ñïèñêó ìåíþ. Âè ìîæåòå âèêîðèñòîâóâàòè äëÿ öüîãî ñïåö³àëüí³ øàáëîíè, ÿê³ äîñòóïí³ äëÿ ñêà÷óâàííÿ â ³íòåðíåò³ àáî íàïèñàòè êîä ñàìîñò³éíî. Ó ðàç³ âèêîðèñòàííÿ âàìè øàáëîíó âèêîíàéòå äåòàëüíó íàñòðîéêó âàøîãî âèïàäຠìåíþ ùîäî ôîíîâîãî êîëüîðó, êîëüîðó øðèôòó, íàëàøòóéòå øèðèíó ìåíþ, éîãî âèñîòó, âèð³âíþâàííÿ òåêñòó ³ òàê äàë³. Ââåä³òü êîä äëÿ çàñòîñóâàííÿ çàçíà÷åíèõ âàìè íàëàøòóâàíü âèïàäຠìåíþ.
3
Ñòâîð³òü íåíóìåðîâàíèé ñïèñîê ïîçèö³é âèïàäຠìåíþ äëÿ ðåäàãîâàíî¿ âàìè âåá-ñòîð³íêè. Äëÿ öüîãî òàêîæ âèêîðèñòîâóéòå ãîòîâèé àáî íàïèñàíèé âàìè êîä. Öå ³ áóäå îñíîâîþ âàøîãî âèïàäຠìåíþ.
4
ßêùî âè íå õî÷åòå çàñòîñîâóâàòè HTML-êîä äëÿ ñòâîðåííÿ ðîçêðèâàºòüñÿ ìåíþ âåá-ñòîð³íêè, ñêà÷àéòå Java-ñêðèïò ³ âñòàâòå éîãî â ðåäàêòîð³. Âèêîðèñòîâóéòå äëÿ öüîãî ãîòîâ³ øàáëîíè ç ïîïåðåäí³ì ïåðåãëÿäîì, ÿê³ âèêëàäàþòüñÿ â ³íòåðíåò. Âèáåð³òü ñåðåä íèõ íàéá³ëüø ï³äõîäÿùèé ïî ñòèëþ âàøî¿ ñòîð³íêè øàáëîí, ï³ñëÿ ÷îãî ïåðåâ³ðòå éîãî íà íàÿâí³ñòü øê³äëèâîãî êîäó.
Ïåðåãëÿä³â: 4406

Óâàãà, ò³ëüêè ÑÜÎÃÎÄͲ!