ßê çðîáèòè íàòèñêàòè êíîïêó
³äåî - "ßÊ ÇÐÎÁÈÒÈ ÊÍÎÏÊÓ þòóá³ ñâî¿ìè ðóêàìè"
Ïðè ñòâîðåíí³ âëàñíîãî ñàéòó âàì çíàäîáèòüñÿ ðîçðîáèòè åëåìåíòè óïðàâë³ííÿ, òàê³ ÿê: åëåìåíòè ìåíþ, êíîïêè äëÿ ïåðåõîäó ïî ñòîð³íêàõ. Íàòèñêຠêíîïêó ÿâëÿº ñîáîþ åëåìåíò, ÿêèé ïðè íàâåäåíí³ ìèø³ çì³íþº çîâí³øí³é âèãëÿä, ñòຠ«ïðèäàâëåíèé», òîáòî ³ì³òóº íàòèñêàííÿ.
Âàì çíàäîáèòüñÿ
- - ïðîãðàìà Dreamweaver.
²íñòðóêö³ÿ
1
Çàïóñò³òü ïðîãðàìó Dreamweaver, ùîá çðîáèòè êíîïêó ó ôëåø. Ñòâîð³òü íîâó âåá-ñòîð³íêó, çáåðåæ³òü ¿¿. Äëÿ ñòâîðåííÿ íàòèñêàòè êíîïêè ï³ä ôëåø âèêîðèñòîâóéòå ñòîð³íêó Media íà ïàíåë³ îá`ºêò³â, à ç íå¿ - êíîïêó Flash Button. Òóò ìîæíà âèáðàòè ñòèëü äëÿ êíîïêè - äëÿ öüîãî âèêîðèñòîâóéòå ïàíåëü ïîïåðåäíüîãî ïåðåãëÿäó, ÿêà çíàõîäèòüñÿ âèùå ñïèñêó ñòèë³â. Äàë³ ââåä³òü òåêñò, ÿêèé áóäå â³äîáðàæàòèñÿ íà êíîïö³ â ïîë³ Button Text. Ïåðåãëÿíüòå îòðèìàíèé ðåçóëüòàò çà äîïîìîãîþ êíîïêè Play.
2
Âèêîðèñòîâóéòå ìîâó ÿâà-ñêðèïò äëÿ ñòâîðåííÿ íàòèñêàòè êíîïîê. Ñòâîð³òü òðè çîáðàæåííÿ, îäíå - êíîïêà â ñïîê³éíîìó ñòàí³, ³íøå - âèä êíîïêè ïðè íàâåäåíí³. Äàë³ â³äêðèéòå ç äîïîìîãîþ áëîêíîòà ôàéë âåá-ñòîð³íêè â ôîðìàò³ html ³ äîäàéòå íàñòóïíèé òåêñò â ïîëå Body. < SCRIPT LANGUAGE = "javascript"> íà íàñòóïíîìó ðÿäêó ââåä³òü if (parseInt (navigator.appVersion)> = 3) compat = true. >
3
Äàë³ íà ðÿäêó ââåä³òü if (compat) {I1 = new Image- ïîò³ì âêàæ³òü øëÿõó äî ôàéë³â çîáðàæåíü I1.src = «ââåä³òü øëÿõ äî çîáðàæåííÿ êíîïêè â çâè÷àéíîìó ðåæèì³» - I1_1.src = «ââåä³òü øëÿõ äî çîáðàæåííÿ êíîïêè ïðè íàâåäåíí³ íà íå¿ êóðñîðà ìèø³ »- äàë³ ââåä³òü òåêñò function SetImg (Name, Img) - {if (compat) document.images« ââåä³òü ïîñèëàííÿ íà îáèäâà çîáðàæåííÿ ».src = eval (Img + `. src`) -} äàë³ ââåä³òü çàêðèâàºòüñÿ òåã < / SCRIPT>.
4
Ïåðåéä³òü â êîä³ ñòîð³íêè â òå ì³ñöå, â ÿêå íåîáõ³äíî äîäàòè êíîïêó, ââåä³òü òóäè íàñòóïíèé êîä: < A HREF = «ââåä³òü àäðåñó ïîñèëàííÿ, êóäè áóäå â³äáóâàòèñÿ ïåðåíàïðàâëåííÿ ï³ñëÿ íàòèñêàííÿ êíîïêè» target = "_ self" onmouseover = "SetImg ( `PIC1`, `I1_1`)" onmouseout = "SetImg ( `PIC1`, `I1`)"> < IMG SRC = «Øëÿõ äî ôàéëó ç³ çâè÷àéíîþ êíîïêîþ» i1.jpg alt = "Òåêñò íà êíîïö³» NAME = "PIC1" BORDER = "Ðîçì³ð êîðäîíó êíîïêè»> < / A>. Çáåðåæ³òü çì³íè ³ â³äêðèéòå ñòîð³íêó â áðàóçåð³, ùîá ïåðåãëÿíóòè îòðèìàíèé ðåçóëüòàò.
Ïîä³ëèñÿ â ñîö ìåðåæàõ:
Ñõîæ³
- ßê çì³íèòè ôîí âêîíòàêòå
- ßê çðîáèòè google ñòàðòîâîþ ñòîð³íêîþ
- ßê çáåðåãòè ôàéë, ÿê ìàëþíîê
- ßê çðîáèòè ãóìîâèé ôîí
- ßê âñòàâèòè äîêóìåíò íà ñàéò
- ßê â excel ïîðàõóâàòè ñóìó
- ßê çðîáèòè òåêñò ïðàâîðó÷ â³ä êàðòèíêè
- ßê â outlook çðîáèòè ï³äïèñ
- ßê àêòèâóâàòè ñåðâåð òåðì³íàë³â
- ßê â³äêëþ÷èòè ï³íã
- ßê ïîâåðíóòè íàëàøòóâàííÿ ñèñòåìè
- ßê â³äîáðàçèòè çíà÷îê â òðå¿
- ßê áåçêîøòîâíî â³äïðàâèòè ëèñò³âêó íà ìîá³ëüíèé
- ßê âñòàâèòè êíîïêè íà ñàéò
- ßê â dle ñòâîðèòè ñòîð³íêó
- ßê çðîáèòè ïî÷àòêîâó ñòîð³íêó
- ßê ïðîãðàìóâàòè íà basic
- ßê â³äêëþ÷èòè êîðèñòóâà÷³â â³ä ìåðåæ³
- ßê ñòâîðèòè ³íòåðàêòèâíó ïðåçåíòàö³þ
- ßê âñòàâèòè ìàòåð³àë íà ñâ³é ñàéò
- ßê ïåðåéìåíóâàòè ãðóïó