Elektronisk publicering TNMK30
Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation.
CSS, layoutproblem med float och boxar
CSS, layoutproblem med float och boxar http://www.smashingmagazine.com/ 2009/10/05/mastering-css-coding-gettingstarted/#CSS-Basics6
CSS, layoutproblem med float och boxar http://www.smashingmagazine.com/ 2009/10/05/mastering-css-coding-gettingstarted/#CSS-Basics6 #container { overflow: auto; } /* anv. på den box som inte expanderar */
CSS, layoutproblem med float och boxar http://www.smashingmagazine.com/ 2009/10/05/mastering-css-coding-gettingstarted/#CSS-Basics6 #container { overflow: auto; } /* anv. på den box som inte expanderar */ eller.clear { clear: both; } /* används på boxen under den box som har float */
Web Developer & Firebug
Web Developer & Firebug Web Developer https://addons.mozilla.org/en-us/firefox/addon/60
Web Developer & Firebug Web Developer https://addons.mozilla.org/en-us/firefox/addon/60 Firebug http://getfirebug.com/
Idag
Serverskript Idag
Serverskript PHP Idag
Idag Serverskript PHP Validering av data med serverskript
Idag Serverskript PHP Validering av data med serverskript Säkerhet
Idag Serverskript PHP Validering av data med serverskript Säkerhet HTML - formulär.
Serverskript
Serverskript
Klient Serverskript
Klient Serverskript
Serverskript Klient Server
Serverskript Klient Server
Serverskript www Klient Server
Serverskript www Klient Server Kör ett program på servern och resultatet skickas till klient
Serverskript www Klient Server Kör ett program på servern och resultatet skickas till klient PHP, ASP.
Serverskript
Serverskript Tar kraft av server inte klient
Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden
Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern
Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern Dynamiska webbplatser
Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern Dynamiska webbplatser Hantera och reagera på data som skickas från klient.
PHP
PHP Hypertext Pre Processor
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart http://php.net
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart http://php.net Kan användas med databaser (MySQL).
PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart http://php.net Kan användas med databaser (MySQL).
Demo
Validering av data med serverskript
Validering av data med serverskript
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt)
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Vad bör valideras? Serverskript kan skicka fel data
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data Vad bör valideras? - Data man inte kan lita på att den är korrekt
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data Vad bör valideras? - - Data man inte kan lita på att den är korrekt Data som kan ställa till problem om den inte är korrekt
Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data Vad bör valideras? - - Data man inte kan lita på att den är korrekt Data som kan ställa till problem om den inte är korrekt - Nästan all data.
Code-injection
Code-injection
Code-injection
Code-injection Visar home.php
Code-injection Visar home.php
Code-injection Visar home.php Visar passwords.ini
Sql-injection
Sql-injection
Sql-injection
Sql-injection
Funktioner
Funktioner is_int(n) - är n ett heltal
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s Finns även: floatval, doubleval
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s Finns även: floatval, doubleval ctype_alnum(text) - kollar om alla tecken i text är bokstäver eller siffror
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s Finns även: floatval, doubleval ctype_alnum(text) - kollar om alla tecken i text är bokstäver eller siffror Finns även: ctype_alpha, ctype_digit, ctype_lower, med flera
Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s Finns även: floatval, doubleval ctype_alnum(text) - kollar om alla tecken i text är bokstäver eller siffror Finns även: ctype_alpha, ctype_digit, ctype_lower, med flera
Fler funktioner strlen(s) - kollar längden på s strpos(s) - letar reda på vilken position ett tecken, eller flera, har i s addslashes(s) - lägger till backslashes på kritiska tecken - \ \ htmlspecialchars(s) - gör om s till html-specialtecken, t ex < blir < trim(s) - tar bort mellanslag i början och slutet av s Skriv egna funktioner is_email mysql_real_escape_string(s) - gör s säker för query, ungefär samma som addslashes
Fler funktioner strlen(s) - kollar längden på s strpos(s) - letar reda på vilken position ett tecken, eller flera, har i s addslashes(s) - lägger till backslashes på kritiska tecken - \ \ htmlspecialchars(s) - gör om s till html-specialtecken, t ex < blir < trim(s) - tar bort mellanslag i början och slutet av s Skriv egna funktioner is_email mysql_real_escape_string(s) - gör s säker för query, ungefär samma som addslashes
Formulär
Formulär För kort text: <input type= text.../>
Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea>
Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea> För ett och endast ett av flera alternativ: <input type= radio.../>
Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea> För ett och endast ett av flera alternativ: <input type= radio.../> För inget, ett eller flera alternativ: <input type= checkbox.../>
Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea> För ett och endast ett av flera alternativ: <input type= radio.../> För inget, ett eller flera alternativ: <input type= checkbox.../> Ett av flera: <select><option...>...</option></select>
Ta emot formulär med PHP
Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../>
Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../> Formuläret skickas med submit <input type= submit.../>
Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../> Formuläret skickas med submit <input type= submit.../> Värden hämtas med $myvalue = $_GET[ myvalue ]; eller $myvalue = $_POST[ myvalue ];
Användbarhet i formulär
Användbarhet i formulär För att tabba mellan fält: <input tabindex= 1.../>
Användbarhet i formulär För att tabba mellan fält: <input tabindex= 1.../> För att välja med tangent tillsammans med [ctrl] eller [alt] beroende på webbläsare: <input accesskey= a.../>
Användbarhet i formulär För att tabba mellan fält: <input tabindex= 1.../> För att välja med tangent tillsammans med [ctrl] eller [alt] beroende på webbläsare: <input accesskey= a.../> För att markera ett fält genom att klicka på rubrik: <label for= example >My label</label> <input id= example.../> eller <label><input id= example.../>my label</label>
Inför laboration 3
Inför laboration 3 Fristående från Lab 1 & 2
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär Presentation (CSS) ska passa för ert test eller quiz
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär Presentation (CSS) ska passa för ert test eller quiz <label> för tillgänglighet och layout
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär Presentation (CSS) ska passa för ert test eller quiz <label> för tillgänglighet och layout Man ska inte kunna se på koden vilket som är rätt svar.
Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär Presentation (CSS) ska passa för ert test eller quiz <label> för tillgänglighet och layout Man ska inte kunna se på koden vilket som är rätt svar. För återkommande siddelar använd include().
Kod ni inte skrivit själva
Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK
Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK Gör alltid en kommentar i koden var ni fått den ifrån om ni inte skrivit den själva
Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK Gör alltid en kommentar i koden var ni fått den ifrån om ni inte skrivit den själva (All kod som ni inte kommenterat en källa för räknas som att ni redovisar som eget arbete.)
Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK Gör alltid en kommentar i koden var ni fått den ifrån om ni inte skrivit den själva (All kod som ni inte kommenterat en källa för räknas som att ni redovisar som eget arbete.) Att använda kod från andra studenter är ej OK.
Inför nästa föreläsning
Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur
Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur Screencasts om PHP finns på: www.ida.liu.se/~725g07/material/screencast.sv.shtml
Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur Screencasts om PHP finns på: www.ida.liu.se/~725g07/material/screencast.sv.shtml Nästa föreläsning MySQL.
www-allmänbildning
www-allmänbildning www.twitter.com www.facebook.com www.ning.com www.linkedin.com www.bilddagboken.se www.deviantart.com www.flickr.com www.youtube.com
Tack! Och lycka till!