Elektronisk publicering TNMK30

Transkript

1 Elektronisk publicering TNMK30

2 Förra gången Färger CSS - layout och styling Lite repetition (X)HTML och SEO Att separera innehåll från presentation.

3 CSS, layoutproblem med float och boxar

4 CSS, layoutproblem med float och boxar /10/05/mastering-css-coding-gettingstarted/#CSS-Basics6

5 CSS, layoutproblem med float och boxar /10/05/mastering-css-coding-gettingstarted/#CSS-Basics6 #container { overflow: auto; } /* anv. på den box som inte expanderar */

6 CSS, layoutproblem med float och boxar /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 */

7 Web Developer & Firebug

8 Web Developer & Firebug Web Developer

9 Web Developer & Firebug Web Developer Firebug

10 Idag

11 Serverskript Idag

12 Serverskript PHP Idag

13 Idag Serverskript PHP Validering av data med serverskript

14 Idag Serverskript PHP Validering av data med serverskript Säkerhet

15 Idag Serverskript PHP Validering av data med serverskript Säkerhet HTML - formulär.

16 Serverskript

17 Serverskript

18 Klient Serverskript

19 Klient Serverskript

20 Serverskript Klient Server

21 Serverskript Klient Server

22 Serverskript www Klient Server

23 Serverskript www Klient Server Kör ett program på servern och resultatet skickas till klient

24 Serverskript www Klient Server Kör ett program på servern och resultatet skickas till klient PHP, ASP.

25 Serverskript

26 Serverskript Tar kraft av server inte klient

27 Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden

28 Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern

29 Serverskript Tar kraft av server inte klient Klienten kan bara se resultatet av koden Kan användas tillsammans med databas på servern Dynamiska webbplatser

30 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.

31 PHP

32 PHP Hypertext Pre Processor

33 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML

34 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML

35 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software

36 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart

37 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart

38 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart Kan användas med databaser (MySQL).

39 PHP Hypertext Pre Processor Skrivs tillsammans med (X)HTML Resultat - (X)HTML Free Software Stort, populärt och användbart Kan användas med databaser (MySQL).

40 Demo

41 Validering av data med serverskript

42 Validering av data med serverskript

43 Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt)

44 Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data

45 Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Serverskript kan skicka fel data

46 Validering av data med serverskript Användaren kan skicka fel data (ibland med avsikt) Vad bör valideras? Serverskript kan skicka fel data

47 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

48 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

49 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.

50 Code-injection

51 Code-injection

52 Code-injection

53 Code-injection Visar home.php

54 Code-injection Visar home.php

55 Code-injection Visar home.php Visar passwords.ini

56 Sql-injection

57 Sql-injection

58 Sql-injection

59 Sql-injection

60 Funktioner

61 Funktioner is_int(n) - är n ett heltal

62 Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool

63 Funktioner is_int(n) - är n ett heltal Finns även: is_float, is_bool intval(s) - returnerar heltalsvärdet av s

64 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

65 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

66 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

67 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

68 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_ mysql_real_escape_string(s) - gör s säker för query, ungefär samma som addslashes

69 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_ mysql_real_escape_string(s) - gör s säker för query, ungefär samma som addslashes

70 Formulär

71 Formulär För kort text: <input type= text.../>

72 Formulär För kort text: <input type= text.../> För lång text: <textarea...></textarea>

73 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.../>

74 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.../>

75 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>

76 Ta emot formulär med PHP

77 Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../>

78 Ta emot formulär med PHP Formuläret skickas till action <form action= ta_emot.php.../> Formuläret skickas med submit <input type= submit.../>

79 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 ];

80 Användbarhet i formulär

81 Användbarhet i formulär För att tabba mellan fält: <input tabindex= 1.../>

82 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.../>

83 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>

84 Inför laboration 3

85 Inför laboration 3 Fristående från Lab 1 & 2

86 Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz

87 Inför laboration 3 Fristående från Lab 1 & 2 Test eller quiz Formulär och hantering av svar från formulär

88 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

89 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

90 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.

91 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().

92 Kod ni inte skrivit själva

93 Kod ni inte skrivit själva Från forum, böcker, php.net, bloggar, etc är enstaka rader kod OK

94 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

95 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.)

96 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.

97 Inför nästa föreläsning

98 Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur

99 Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur Screencasts om PHP finns på:

100 Inför nästa föreläsning Kolla på länkar till artiklar på: bandelin.se/tnmk30/litteratur Screencasts om PHP finns på: Nästa föreläsning MySQL.

101 www-allmänbildning

102 www-allmänbildning

103

104 Tack! Och lycka till!