Lätt hem övervakning (3 / 12 steg)
Steg 3: Skapa filen index.php
De nästa tre steg innehåller koden behöver du för de tre filerna.
Sidorna skapade jag är ganska enkel.
Om du är förtjust i koden, kan sedan du anpassa dem men du kan också lägga till färger och liknande.
Under detta instructable, höll jag designen på ett minimum.
Öppna din kodning program. Jag använder Dreamweaver.
Observera att du måste ha php aktiverat på servern för detta instructable att arbeta.
Kontakta ditt webbhotell om du har det aktiverat.
Skapa filen index.php, som kommer att visa dig det senaste fotot tas.
Här är koden för filen index.php:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns = "http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv = "Content-Type" content = "text/html; charset = utf-8 "/ >
< title > webbkamera < / title >
<!--här raden uppdateras sidan var 5 sekunder-->
< META HTTP-EQUIV = "Uppdatera" CONTENT = "5" >
< / head >
< body >
< tabell bredd = "320" border = "0" cellspacing = "0" cellpadding = "10" align = "center" >
<!--här raden blir de senaste uppladdade bilden, rand() funktion gör för någon cache som kan visa gamla foton ->
< tr >< td ><? php echo "< img src='photos/recent.jpg?r=".rand(9,9999999). "" bredd = "640" höjd = '480' gränsen = '1' > ";? >< /td >< /tr >
< tr >< td align = "center" >
Bilden uppdateras var 5 sekunder.
< /td >< /tr >
< tr >< td align = "center" >
<!--här är en länk till den sida som ska innehålla alla bilder du har sparat-->
< en href='all.php'> Visa alla < /a >
< /td >< /tr >
< / table >
< / body >
< / html >
<!----> slutet av koden
Denna del av koden:
< META HTTP-EQUIV = "Uppdatera" CONTENT = "5" >
Sidan uppdateras varje 5 sekunder.
Spara filen som index.php och ladda upp den till _fwink mapp på din server.
Bilden bifogade är ett urval av vad du hoppas att se när du har kameran ställer in--ett stökigt hus, lata djur och inga zombies eller rövare.
Du ska ställa in kameran senare.