Arduino browser baserade fjärrkontrollen (linux) (6 / 9 steg)
Steg 6: Skapa webbsidan för din fjärrkontroll
Vi måste nu koppla knapparna på din bild på din fjärrkontroll.
Jag använde http://www.maschek.hu/imagemap/imgmap för att kartlägga knapparna och modifierade koden webbplatsen ger dig det fungerar.
Klicka på "Använd en bild på din dator: [Välj Arkiv]", markera bilden, klicka på [ladda upp], klicka på [acceptera]
Släpp rektanglar, cirklar etc på varje knapp. För HREF sätta
/Remote.php?Command= och linjen för att knappen från textdokumentet
till exempel /remote.php?command=NEC,000110,15
Det skulle vara klokt (och stöd oerhört i Felsökning) om du även fylla i Alt: med knappen namn men det är upp till dig.
Upprepa för varje knapp.
Allt gjort? Då kommer att vi fortsätta.
Längst ner på den sidan är "Kod", klicka på det och en ruta öppnas visar koden för imagemap. Kopiera det och klistra in den i ett nytt textdokument. Detta är den viktigaste delen av vår hemsida.
Här är min komplett webbsida, bara byta ut de...
med din egen kod ovan och spara den som remote.php i din webbkatalog (/ var/www på linux) tillsammans med din fjärrkontroll bilder.
Ändra rader för dina egna bilder:
"http://www.w3.org/TR/html4/loose.dtd" >
Arduino LED kontroll