Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΎΡΠΌΡ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ Π½Π° HTML, CSS ΠΈ JavaScript
ΠΡ Π°Π²ΡΠΎΡΠ°: Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ HTML-ΡΠΎΡΠΌ β ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΎΡΠ½ΠΎΠ²ΠΎΠΏΠΎΠ»Π°Π³Π°ΡΡΠΈΡ
ΡΠ°Π·Π΄Π΅Π»ΠΎΠ² Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ Π²Π΅Π±-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΠΎΡΠΌΡ, ΠΌΡ ΡΠ΅Π³ΠΈΡΡΡΠΈΡΡΠ΅ΠΌΡΡ Π½Π° ΡΠ°ΠΉΡΠ°Ρ
, ΠΏΠΈΡΠ΅ΠΌ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ Π² Π³ΠΎΡΡΠ΅Π²ΡΠ΅ ΠΊΠ½ΠΈΠ³ΠΈ, ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ, ΠΏΠΈΡΠ΅ΠΌ ΠΈ ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΏΠΈΡΡΠΌΠ° ΡΠ΅ΡΠ΅Π· Π²Π΅Π±-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ ΠΏΠΎΡΡΠΎΠ²ΡΡ
ΡΠ΅ΡΠ²ΠΈΡΠΎΠ². ΠΠ°ΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ Π½Π°ΡΠΈΠ½Π°Π΅ΡΡΡ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΡΠΌΡ. ΠΠ° ΡΡΠ΅Ρ Β«Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π°Β» Ρ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π·Π°Π³Π½ΡΠ», ΡΠ΅ΡΡΠ΅Π·Π½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΡ Π½Π°ΡΠΈΠ½Π°ΡΡ, ΠΊΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Ρ Π΄ΡΡΠ³ΠΎΠ³ΠΎ. Π Π²ΠΎΡ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠ΅ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π°Π²ΡΠΎΡ ΡΡΠΎΠ³ΠΎ ΡΡΡΠΎΡΠΈΠ°Π»Π°, Π½Π°ΡΠΈΠ½Π°ΡΡ ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²ΠΎΠ΅Π³ΠΎ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ dt,-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΠΎΠΉ HTML-ΡΠΎΡΠΌΡ.
ΠΠ²ΡΠΎΡ: ΠΠ°Π²Π΅Π» ΠΠ°ΡΠ°Π±ΠΈΠ»ΠΎΠΠ°ΡΠΈΠ½Π°ΡΡΠΈΠΉ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊ, ΡΠ°ΠΌΠΎΡΡΠΊΠ°. ΠΠΈΠ²Ρ, ΡΡΡΡΡ, ΡΠ°Π±ΠΎΡΠ°Ρ Π² ΡΡΠΎΠ»ΠΈΡΠ΅ Π£ΠΊΡΠ°ΠΈΠ½Ρ. ΠΠΊΡΠΈΠ²Π½ΠΎ ΠΈΠ·ΡΡΠ°Ρ JavaScript, jQuery, CSS3, HTML5, PHP, SQL. ΠΡΠΎΠ±ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ΅Ρ ΠΏΠΈΡΠ°Ρ ΠΊ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ (front-end). |
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΡΡΡ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Ρ Π½ΡΠ»Ρ!
ΠΠ·ΡΡΠΈΡΠ΅ ΠΊΡΡΡ ΠΈ ΡΠ·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ°ΠΉΡΡ Π½Π° HTML5 ΠΈ CSS3
Π£Π·Π½Π°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Π ΡΡΠΎΠΌ ΡΡΡΠΎΡΠΈΠ°Π»Π΅ Ρ Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ HTML, CSS3 ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΡΡΠΎΡΠΊΡ β JavaScript. Π‘Π»Π΅Π΄ΡΡ Π·Π° ΠΌΠ½ΠΎΠΉ ΡΠ°Π³ Π·Π° ΡΠ°Π³ΠΎΠΌ, Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠΉ Π²Π΅Π±-ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡ (ΠΈΠ»ΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ) ΡΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΎΡΡΡΡ ΡΠΎΡΠΌΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΠΌΠΎΠΆΠ΅Ρ ΡΡΠ°ΡΡ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ Π΄Π»Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ Π³ΠΎΡΡΠ΅Π²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ, ΡΠΈΡΡΠ΅ΠΌΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΈΠ»ΠΈ Π΄ΡΡΠ³ΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ Π²Π΅Π±-ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ°Π΄Π΅ΡΡΡ, Π² Π½Π΅Π΄Π°Π»Π΅ΠΊΠΎΠΌ Π±ΡΠ΄ΡΡΠ΅ΠΌ, Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Ρ Π²Π°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΡΡΠΎΡΠΈΠ°Π», Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΠΈΠ· ΠΎΠ΄Π½ΠΎΠΉ ΡΠ°ΠΊΠΎΠΉ ΡΠΎΡΠΌΡ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π½Π°ΠΏΠΈΡΠ°ΡΡ Π³ΠΎΡΡΠ΅Π²ΡΡ ΠΊΠ½ΠΈΠ³Ρ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ PHP ΠΈ MySQL.
ΠΠ΅ΡΠ΅Π΄ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΌΡ ΠΏΡΠΈΡΡΡΠΏΠΈΠΌ ΠΊ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΌ ΡΠ°Π³Π°ΠΌ, Ρ ΠΠ°ΠΌ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π΄Π΅ΠΌΠΎ-ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ.
Π’Π°ΠΊΠΆΠ΅ ΡΠΊΠ°ΡΠ°ΠΉΡΠ΅ ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΈ ΡΠ΅Π±Π΅ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ!
ΠΡΠ°ΠΊ, Π½Π°ΡΠ½Π΅ΠΌ.
Π¨Π°Π³ 1.
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π°, Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΠΌΡΡ, Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠΎΡΠΌΡ. ΠΡΠ»ΠΈ Π±Ρ ΠΌΡ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈ ΡΠΎΡΠΌΡ Π΄Π»Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Π½Π° ΠΊΡΡΠΏΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ°Π»Π΅, ΡΠΎ Π½Π°ΠΌ ΠΏΡΠΈΡΠ»ΠΎΡΡ Π±Ρ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π½Π° Π½Π΅ΠΉ ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΠΈΠΌΠ΅Π½ΠΈ, ΡΠ°ΠΌΠΈΠ»ΠΈΠΈ, Π»ΠΎΠ³ΠΈΠ½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Π΅Π³ΠΎ Π°Π΄ΡΠ΅ΡΠ° ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ, ΠΈ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄Π»Ρ Π΅Π³ΠΎ ΡΠ΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ Π°Π΄ΡΠ΅ΡΠ°, ΠΏΠΎΠ»Π΅ Π΄Π»Ρ ΠΏΠ°ΡΠΎΠ»Ρ, ΠΈ Ρ.Π΄. Π ΠΎΠ±ΡΠ΅ΠΌ, Π½Π°ΠΌ ΠΏΡΠΈΠ΄Π΅ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π½Π° ΡΠΎΡΠΌΠ΅ ΡΠ΅Π»ΡΡ ΠΊΡΡΡ ΠΏΠΎΠ»Π΅ΠΉ, Π² ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ Π·Π°ΠΏΡΡΠ°Π΅ΠΌΡΡ, Π° Π³ΠΎΡΡΠΈ Π½Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° β ΡΠ΅ΠΌ Π±ΠΎΠ»Π΅Π΅. Π― ΡΠ΅ΡΠΈΠ» ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠΎΡΡΠ΅ΠΉΡΡΡ ΡΠΎΡΠΌΡ Π΄Π»Ρ ΡΠ°ΠΌΠΎΠΉ ΠΏΡΠΎΡΡΠΎΠΉ Π³ΠΎΡΡΠ΅Π²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΌΠ½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ:
ΠΏΠΎΠ»Π΅ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΠΈΠΌΠ΅Π½ΠΈ Π°Π²ΡΠΎΡΠ° ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ;
ΠΏΠΎΠ»Π΅ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° Π°Π΄ΡΠ΅ΡΠ° Π΅Π³ΠΎ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ;
ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ Π΄Π»Ρ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ;
ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ Π½Π°Π΄ΠΏΠΈΡΡΡ Β«ΠΡΠΏΡΠ°Π²ΠΈΡΡΒ» ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΡΡΠΎ Π΄Π΅Π»ΠΎ ΡΠ°Π±ΠΎΡΠ°Π»ΠΎ.
ΠΠ°ΡΠ½Π΅ΠΌ, ΠΏΠΎΠΆΠ°Π»ΡΠΉ, Ρ HTML. Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠ°ΠΉΠ» ΠΈ Π½Π°Π·ΠΎΠ²Π΅ΠΌ, Π΅Π³ΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, index.html. ΠΠ»ΠΈ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ³ΠΎΠ΄Π½ΠΎ, Ρ Π½Π°Π·ΠΎΠ²Ρ Π΅Π³ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ.
ΠΠ°ΠΏΠΈΡΠ΅ΠΌ Π² Π½Π°Ρ ΡΠ°ΠΉΠ» ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ HTML-ΠΊΠΎΠ΄:
<!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>ΠΡΠΎΡΡΠ΅ΠΉΡΠ°Ρ ΠΈ ΠΊΡΡΡΠ΅ΠΉΡΠ°Ρ ΡΠΎΡΠΌΠ°</title> </head> <body> <div> <form > <p> <input type=»text» name=»name» value=»ΠΠΌΡ Π°Π²ΡΠΎΡΠ°» /> <label for=»name»>ΠΠΌΡ</label> </p> <p> <input type=»text» name=»email» value=»[email protected]» /> <label for=»email» >E-Mail</label> </p> <p> <textarea name=»msg»>Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ</textarea> </p> <p > <input type=»submit» value=»ΠΡΠΏΡΠ°Π²ΠΈΡΡ» /> </p> </form> </div> </body> </html>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | <!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>ΠΡΠΎΡΡΠ΅ΠΉΡΠ°Ρ ΠΈ ΠΊΡΡΡΠ΅ΠΉΡΠ°Ρ ΡΠΎΡΠΌΠ°</title> </head> <body> <div> <form > Β Β Β Β <p> Β Β Β Β <input type=»text» name=»name» value=»ΠΠΌΡ Π°Π²ΡΠΎΡΠ°» /> Β Β Β Β Β Β Β Β Β Β <label for=»name»>ΠΠΌΡ</label> Β Β Β Β </p> Β Β Β <p> Β Β Β Β <input type=»text» name=»email» value=»[email protected]» /> Β Β Β Β Β Β Β Β <label for=»email» >E-Mail</label> Β Β Β Β </p> Β Β Β Β <p> Β Β Β Β <textarea name=»msg»>Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ</textarea> Β Β Β Β </p> Β Β Β Β <p > Β Β Β Β <input type=»submit» value=»ΠΡΠΏΡΠ°Π²ΠΈΡΡ»Β Β /> Β Β </p> </form> </div> </body> </html> |
ΠΡΠΌΠ°Ρ, ΡΡΠΎ Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΎΠΉ ΠΏΠΎΠΊΠ° Π½ΠΈ Ρ ΠΊΠΎΠ³ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΈΡ Π²ΠΎΠΏΡΠΎΡΠΎΠ² Π½Π΅ Π²ΠΎΠ·Π½ΠΈΠΊΠ½Π΅Ρ. Π£ Π½Π°Ρ Π΅ΡΡΡ Π΄Π²Π° ΠΏΠΎΠ»Ρ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΠΈΠΌΠ΅Π½ΠΈ Π°Π²ΡΠΎΡΠ° ΠΈ Π°Π΄ΡΠ΅ΡΠ° Π΅Π³ΠΎ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Π½ΠΎ ΠΌΠ΅ΡΠΊΠΎΠΉ <label>, ΠΎΠ΄Π½ΠΎ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ Π΄Π»Ρ Π²Π²ΠΎΠ΄Π° ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π²ΡΠ΅Π³ΠΎ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΠ±ΡΠ° ΠΊΡΠ΄Π° ΠΏΠΎΠ΄Π°Π»ΡΡΠ΅ ο. ΠΠΎΠΊΠ° ΡΡΠΎ Π²ΡΠ΅ Π΄ΠΎΠ±ΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠ±Π»ΠΈΠ·ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°ΠΊ:
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅ ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ β ΡΠ΅ΠΊΡΡ, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΉ Π² ΠΏΠΎΠ»Π΅.
Π¨Π°Π³ 2.
Π’Π΅ΠΏΠ΅ΡΡ ΡΠ°ΠΌΠΎΠ΅ Π²ΡΠ΅ΠΌΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Javascript, Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΡΠΌΠ° ΡΡΠ°Π»Π° ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ. ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Javascript ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠ±ΠΈΡΠ°ΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ ΠΈΠ· ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ ΠΏΡΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ ΠΈΡ ΠΊΡΡΡΠΎΡΠΎΠΌ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
<input type=»text» name=»name» value=»ΠΠΌΡ Π°Π²ΡΠΎΡΠ°» onblur=»if(this.value.length == 0) this.value = ‘ΠΠΌΡ Π°Π²ΡΠΎΡΠ°'» onfocus=»if(this.value == ‘ΠΠΌΡ Π°Π²ΡΠΎΡΠ°’) this.value = » «/> ….. <input type=»text» name=»email» value=»[email protected]» onblur=»if(this.value.length == 0) this.value = ‘[email protected]'» onfocus=»if(this.value == ‘[email protected]’) this.value = » » /> ….. <textarea name=»msg» onblur=»if(this.value.length == 0) this.value = ‘Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ'» onfocus=»if(this.value == ‘Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ’) this.value=»»>Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ</textarea>
<input type=»text» name=»name» value=»ΠΠΌΡ Π°Π²ΡΠΎΡΠ°» onblur=»if(this.value.length == 0) this.value = ‘ΠΠΌΡ Π°Π²ΡΠΎΡΠ°'» onfocus=»if(this.value == ‘ΠΠΌΡ Π°Π²ΡΠΎΡΠ°’) this.value = » «/> ….. <input type=»text» name=»email» value=»[email protected]» onblur=»if(this.value.length == 0) this.value = ‘[email protected]'» onfocus=»if(this.value == ‘[email protected]’) this.value = » » /> ….. <textarea name=»msg» onblur=»if(this.value.length == 0) this.value = ‘Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ'» onfocus=»if(this.value == ‘Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ’) this.value=»»>Π’Π΅ΠΊΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ</textarea> |
ΠΠ°ΠΊ Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΌΡ ΠΏΡΠΎΡΡΠΎ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΡ ΡΠΎΠ±ΡΡΠΈΠΉ onblur ΠΈ onfocus. Π‘ΠΎΠ±ΡΡΠΈΠ΅ onfocus ΡΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ Π²ΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΡΠΌΡ, ΡΠΎΠ±ΡΡΠΈΠ΅ onblur ΡΡΠ°Π±Π°ΡΡΠ²Π°Π΅Ρ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ Π²ΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΎΠ΅, ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π² ΠΏΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅. Π ΠΎΠ±ΡΠ΅ΠΌ, ΠΊΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
onfocus=»if(this.value == ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ’) this.value = » » (Π΅ΡΠ»ΠΈ ΠΏΡΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π½Π΅ΠΌ ΠΊΠ°Ρ ΠΎΠ΄ΠΈΡΡΡ Β«ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡΒ», ΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π² Π½Π΅ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π½Π°Ρ ΠΎΠ΄ΠΈΠ»ΡΡ, ΡΠΎ Π΅ΡΡΡ » «) onblur=»if(this.value.length == 0) this.value = ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ'» (Π΅ΡΠ»ΠΈ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΡΠΎΠΊΡΡΠ° Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π½Π΅ΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ 0 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ’)
onfocus=»if(this.value == ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ’) this.value = » » (Π΅ΡΠ»ΠΈ ΠΏΡΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π½Π΅ΠΌ ΠΊΠ°Ρ ΠΎΠ΄ΠΈΡΡΡ Β«ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡΒ», ΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ Π² Π½Π΅ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π½Π°Ρ ΠΎΠ΄ΠΈΠ»ΡΡ, ΡΠΎ Π΅ΡΡΡ » «) onblur=»if(this.value.length == 0) this.value = ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ'»Β Β (Π΅ΡΠ»ΠΈ ΠΏΡΠΈ ΡΠ΄Π°Π»Π΅Π½ΠΈΠΈ ΡΠΎΠΊΡΡΠ° Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² Π½Π΅ΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ 0 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ‘ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΠ΅ΠΊΡΡ’) |
ΠΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΠ΅:
ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ (ΠΏΡΠΈ Π΅Π³ΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ) ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π² Π½Π΅ΠΌ ΠΈΡΡΠ΅Π·Π°Π΅Ρ ΠΈ Π°Π²ΡΠΎΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π²Π²ΠΎΠ΄ΠΈΡΡ ΡΠ²ΠΎΠΈ Π΄Π°Π½Π½ΡΠ΅. ΠΡΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ ΡΠ΅Π³ΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ, Π΅ΡΠ»ΠΈ Π² Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ Π΄ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π°Π²ΡΠΎΡ Π½Π΅ Π²Π½Π΅Ρ ΡΠ²ΠΎΠΈ Π΄Π°Π½Π½ΡΠ΅, ΡΠΎ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ ΠΎΠΏΡΡΡ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΠ΅ΠΊΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ.
Π¨Π°Π³ 3.
Π Π°Π·ΠΌΠ΅ΡΠΊΠ° ΠΈ ΠΌΠΈΠ½ΠΈΠ°ΡΡΡΠ½ΡΠΉ ΡΡΠ΅Π½Π°ΡΠΈΠΉ Π³ΠΎΡΠΎΠ²Ρ. ΠΠ΅Π»ΠΎ ΠΎΡΡΠ°Π»ΠΎΡΡ Π·Π° ΠΌΠ°Π»ΡΠΌ β Π·Π° ΡΡΠΈΠ»ΡΠΌΠΈ.
Π‘ΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠ°ΠΉΠ» CSS, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ styles.css ΠΈ ΠΏΡΠΈΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΠΌ Π΅Π³ΠΎ ΠΊ Π½Π°ΡΠ΅ΠΌΡ html-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ
β¦ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠΎΠΊΡ:ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΡΡΡ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Ρ Π½ΡΠ»Ρ!
ΠΠ·ΡΡΠΈΡΠ΅ ΠΊΡΡΡ ΠΈ ΡΠ·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ°ΠΉΡΡ Π½Π° HTML5 ΠΈ CSS3
Π£Π·Π½Π°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅<link rel=»stylesheet» rev=»stylesheet» type=»text/css» href=»styles.css» />
<link rel=»stylesheet» rev=»stylesheet» type=»text/css» href=»styles.css»Β Β /> |
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΡΡΠΈΠ»Ρ Π±Π»ΠΎΠΊΡ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ.
#container { margin: 0 auto; border: 3px solid #EEEEEE; width: 800px; -webkit-birder-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
#container { margin: 0 auto; border: 3px solid #EEEEEE; width: 800px; -webkit-birder-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } |
ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ width: 800px; ΠΈ margin: 0 auto; ΠΌΡ Π·Π°Π΄Π°Π΅ΠΌ Π±Π»ΠΎΠΊΡ-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ ΡΠΈΡΠΈΠ½Ρ 800 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌ Π΅Π³ΠΎ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ html-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°. ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ Π·Π°Π΄Π°Π΅ΠΌ Π³ΡΠ°Π½ΠΈΡΡ Π±Π»ΠΎΠΊΠ°-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° β Π΅Ρ ΡΠΈΠΏ, ΡΠΈΡΠΈΠ½Ρ ΡΠ²Π΅Ρ, Π° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΉ CSS3 -webkit-birder-radius,-moz-border-radius ΠΈ border-radius Π΄Π΅Π»Π°Π΅ΠΌ ΡΠ³Π»Ρ Π³ΡΠ°Π½ΠΈΡ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΌΠΈ. ΠΡΠ°Π½ΠΈΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π΄Π΅Π»Π°Π΅ΠΌ ΡΠ²Π΅ΡΠ»ΠΎΠΉ ΠΈ Π½Π΅Π²ΡΡΠ°Π·ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° Π½Π΅ ΠΎΡΠ²Π»Π΅ΠΊΠ°Π»Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
Π’Π΅ΠΏΠ΅ΡΡ, ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ:
input, textarea { border: solid 1px #CCCCCC; margin-left: 10px; padding: 4px; outline: 0; font: Verdana, Geneva, sans-serif; width: 200px; background: #F9F9F9; -webkit-birder-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input, textarea { border: solid 1px #CCCCCC; margin-left: 10px; padding: 4px; outline: 0; font: Verdana, Geneva, sans-serif; width: 200px; background: #F9F9F9; -webkit-birder-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } |
ΠΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ margin-left Π·Π°Π΄Π°Π΅ΠΌ ΠΎΡΡΡΡΠΏ ΠΎΡ ΠΊΡΠ°Ρ Π±Π»ΠΎΠΊΠ°-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π² 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ. ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ padding ΡΠ»ΡΠΆΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²Π° ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ Π² ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌ ΠΏΠΎΠ»Π΅ ΠΈ Π³ΡΠ°Π½ΠΈΡΠ΅ΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ³ΠΎ ΠΏΠΎΠ»Ρ. ΠΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ, ΠΊΠ° Π²ΠΈΠ΄ΠΈΡΠ΅, ΠΌΡ Π·Π°Π΄Π°Π΅ΠΌ ΡΠ²Π΅Ρ, ΡΡΠΈΠ»Ρ Π³ΡΠ°Π½ΠΈΡΡ (ΠΎΠΏΡΡΡ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ ΡΠ³Π»Ρ) ΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΠΏΠΎΠ»Π΅ΠΉ. ΠΠΎΡ ΡΡΠΎ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ:
Π§ΡΠΎ ΠΆ, Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ, Ρ ΠΎΡΡ Π½Π΅ ΠΌΠ΅ΡΠ°Π»ΠΎ Π±Ρ ΠΊΠ°ΠΊ-ΡΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΏΠΎΠ»Π΅ Π΄Π»Ρ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
textarea { width: 400px; height: 150px; line-height: 150%; } .send input { width: auto; margin-bottom: 10px; border: 2px solid #E0E0F3; font: Verdana, Geneva, sans-serif; background-color: #E5E5F8; }
textarea { width: 400px; height: 150px; line-height: 150%; } .send input { width: auto; margin-bottom: 10px; border: 2px solid #E0E0F3; font: Verdana, Geneva, sans-serif; background-color: #E5E5F8; } |
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π½ΠΈΡΠ΅Π³ΠΎ Π½ΠΎΠ²ΠΎΠ³ΠΎ. ΠΡ ΠΏΡΠΎΡΡΠΎ Π·Π°Π΄Π°Π΅ΠΌ Π½ΠΎΠ²ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ, Π²ΠΊΠ»ΡΡΠ°Ρ Π²ΡΡΠΎΡΡ ΡΡΡΠΎΡΠΊΠΈ line-height. ΠΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π΅Π»Π°Π΅ΠΌ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΎΡΡΡΡΠΏ Π΄ΠΎ Π³ΡΠ°Π½ΠΈΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ margin-bottom. ΠΠΎΡ ΡΡΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ:
ΠΡΠΎ ΡΠΆΠ΅ ΠΏΠΎΡ ΠΎΠΆΠ΅ Π½Π° ΡΡΠΎ-ΡΠΎ. ΠΠ°Π»Π΅Π΅, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΈΠ»ΠΈ ΠΌΠ΅ΡΠΊΠ°ΠΌ label, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄Π΅Π»Π°Π΅ΠΌ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΡΡΡΡΠΏ ΠΏΠΎΠ»Ρ ΠΠΌΡ Π°Π²ΡΠΎΡΠ° ΠΎΡ Π²Π΅ΡΡ Π½Π΅ΠΉ Π³ΡΠ°Π½ΠΈΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°.
p label { margin-left: 10px; font-style: italic; color: #c0c0c0; } .name input { margin-top: 10px; }
p label { margin-left: 10px; font-style: italic; color: #c0c0c0; } Β .name input { margin-top: 10px; } |
ΠΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π²ΠΈΠ΄Π΅ΡΡ, ΠΌΠ΅ΡΠΊΠΈ ΡΡΠ°Π»ΠΈ ΡΠ²Π΅ΡΠ»Π΅Π΅ ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΠ½ΠΈ ΠΌΠ΅Π½ΡΡΠ΅ Π²ΡΠ΄Π΅Π»ΡΡΡΡΡ, Π½ΠΎ ΠΈΡ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π²ΠΈΠ΄Π½ΠΎ:
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠΆΠ΅ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ, ΠΎΠ΄Π½Π°ΠΊΠΎ, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅ΡΠ΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ CSS:
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #A0A0A0; } .send input:hover { border: 2px solid #C0C0E3; }
input:hover, textarea:hover, input:focus, textarea:focus { border-color: #A0A0A0; } Β .send input:hover { border: 2px solid #C0C0E3; } |
ΠΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π΅Π³ΠΎ Π³ΡΠ°Π½ΠΈΡΡ ΡΡΠ°Π½ΠΎΠ²ΡΡΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ΅ΠΌΠ½Π΅Π΅ ΠΈ ΡΠ΅ΡΡΠ΅:
ΠΠΎΡ, Π² ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅ ΠΈ Π²ΡΠ΅, ΡΡΠΎΠΊ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΎΡΡΠΎΠΉ HTML-ΡΠΎΡΠΌΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΠΊ ΠΊΠΎΠ½ΡΡ. ΠΡ Ρ Π²Π°ΠΌΠΈ Ρ Π½ΡΠ»Ρ ΡΠΏΡΠΎΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π»ΠΈ ΠΈ Π½Π°ΠΏΠΈΡΠ°Π»ΠΈ ΠΏΡΠΎΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ Π²Π΅Π±-ΡΠΎΡΠΌΡ Π² ΡΠ²Π΅ΡΠ»ΡΡ ΡΠΎΠ½Π°Ρ , ΠΊΠΎΡΠΎΡΠ°Ρ Π² Π±ΡΠ΄ΡΡΠ΅ΠΌ ΡΡΠ°Π½Π΅Ρ ΠΎΡΠ½ΠΎΠ²ΠΎΠΉ ΠΏΠ΅ΡΠ²ΠΎΠΉ Π³ΠΎΡΡΠ΅Π²ΠΎΠΉ ΠΊΠ½ΠΈΠ³ΠΈ, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΠΎΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° PHP+MySQL.
Π‘ ΡΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΠ°Π²Π΅Π» ΠΠ°ΡΠ°Π±ΠΈΠ»ΠΎ
ΠΠ°ΡΠΈ ΠΎΡΠ·ΡΠ²Ρ ΠΈ Π·Π°ΠΌΠ΅ΡΠ°Π½ΠΈΡ ΠΆΠ΄Ρ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ !
ΠΠ²ΡΠΎΡ: ΠΠ°ΡΠ°Π±ΠΈΠ»ΠΎ ΠΠ°Π²Π΅Π»
Π Π΅Π΄Π°ΠΊΡΠΈΡ: Π ΠΎΠ³ ΠΠΈΠΊΡΠΎΡ ΠΈ ΠΠ½Π΄ΡΠ΅ΠΉ ΠΠ΅ΡΠ½Π°ΡΠΊΠΈΠΉ. ΠΠΎΠΌΠ°Π½Π΄Π° webformyself.
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΠΊΡΡΡ ΠΏΠΎ Π²Π΅ΡΡΡΠΊΠ΅ Π°Π΄Π°ΠΏΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ° Ρ Π½ΡΠ»Ρ!
ΠΠ·ΡΡΠΈΡΠ΅ ΠΊΡΡΡ ΠΈ ΡΠ·Π½Π°ΠΉΡΠ΅, ΠΊΠ°ΠΊ Π²Π΅ΡΡΡΠ°ΡΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ°ΠΉΡΡ Π½Π° HTML5 ΠΈ CSS3
Π£Π·Π½Π°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅PSD to HTML
ΠΠ΅ΡΡΡΠΊΠ° ΡΠ°ΠΉΡΠ° Π½Π° HTML5 ΠΈ CSS3 Ρ Π½ΡΠ»Ρ
Π‘ΠΌΠΎΡΡΠ΅ΡΡwebformyself.com
22 Π»ΡΡΡΠΈΡ ΡΠΎΡΠΌΡ Π²Ρ ΠΎΠ΄Π° ΠΈ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ Π² HTML&CSS!
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ Π½Π°Ρ Π΅ΡΡΡ Π΄Π»Ρ ΠΠ°Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½Π°Ρ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ Π»ΡΡΡΠΈΡ ΡΠΎΡΠΌ: ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° ΠΈ ΡΠΎΡΠΌΠ° ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS3 ΠΈ HTML5 ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΡΡΠΈΠ»Π΅ ΠΈ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΊΠ»Π°ΡΡΠ½ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ Π½Π° JavaScript. Π‘ΠΌΠΎΡΡΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· Π»ΡΡΡΠΈΡ ΠΈ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΡΠΎΡΠΌ Π²Ρ ΠΎΠ΄Π° Ρ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ JQuery.
ΠΠ° ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½Π΅Π΅ Π²ΡΠ΅ΠΌΡ, ΡΠΎΡΠΌΡ html css, ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠΏΡΠ»ΡΡΠ½Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π²ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°ΠΉΡΠΎΠ² ΠΈΠΌΠ΅ΡΡ ΡΠ²ΠΎΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, Π° ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΈΠΌ Π½ΡΠΆΠ½Π° Π±ΡΠ΄Π΅Ρ ΡΠΎΡΠΌΠ° Π΄Π»Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΈ ΠΈΡ Π²Ρ ΠΎΠ΄Π° Π² Π»ΠΈΡΠ½ΡΠΉ ΠΊΠ°Π±ΠΈΠ½Π΅Ρ (ΠΈΠ»ΠΈ Π΅ΡΡ ΠΊΡΠ΄Π°-ΡΠΎ).
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΠ°ΠΌ, Ρ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΠ» Π΄Π»Ρ ΠΠ°Ρ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ Π»ΡΡΡΠΈΡ , Π½Π° ΠΌΠΎΡ ΠΌΠ½Π΅Π½ΠΈΠ΅, ΡΠΎΡΠΌ, Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠ»Π΅ΠΉ Π²Π²ΠΎΠ΄Π°, ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ²Π΅ΡΠΎΠ²ΡΠΌΠΈ ΠΎΡΡΠ΅Π½ΠΊΠ°ΠΌΠΈ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅. ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΡΡΡΠ΅ΠΊΡΡ JavaScript, Ρ 3D ΠΏΠ΅ΡΠ΅Π²ΠΎΡΠΎΡΠ°ΠΌΠΈ, ΡΡΡΠ΅ΠΊΡΠ½ΡΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ΠΌ.
Π― ΡΡΠΈΡΠ°Ρ, ΡΡΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈΠ³ΡΠ°Π΅Ρ Π²Π°ΠΆΠ½ΡΡ ΡΠΎΠ»Ρ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΡΠΎΡΠΌ, ΠΈ Π΅ΠΌΡ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»ΠΈΡΡ Π΄ΠΎΠ»ΠΆΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° ΠΈΠΌΠ΅Π΅Ρ 3 ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ ΠΏΠΎΠ»Ρ: Π»ΠΎΠ³ΠΈΠ½ ΠΈΠ»ΠΈ ΠΈΠΌΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΏΠ°ΡΠΎΠ»Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ° βΠΠΎΠΉΡΠΈβ.
ΠΡΠ°ΠΊ, Π·Π°ΡΠ°ΠΈΠ² Π΄ΡΡ Π°Π½ΠΈΠ΅, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡ ΠΊΠΎΠ»Π»Π΅ΠΊΡΠΈΡ 22 ΡΠΎΡΠΌ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π²Ρ ΠΎΠ΄Π° Π½Π° ΡΠ°ΠΉΡ!
1 β Π’Π΅ΠΌΠ½Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π°
ΠΡΠΎΡΡΠ°Ρ ΡΠΎΡΠΌΠ° ΡΠ΅ΠΌΠ½Π°Ρ Π²Ρ ΠΎΠ΄Π°, ΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ, ΠΈ ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΡΠΈΠ½Π΅Π³ΠΎ ΡΠ²Π΅ΡΠ°.
2 β Π‘Π²Π΅ΡΠ»Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π°
Π‘Π²Π΅ΡΠ»Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ°ΠΌΠΎΡΠΊΠΎΠΉ ΠΈ ΡΠ΅ΡΠΊΠΎΠΉ ΡΡΡΡΠΊΡΡΡΠΎΠΉ.
3 β ΠΡΡΠ΅ΠΊΡΠ½Π°Ρ ΡΠΎΡΠΌΠ° Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ
ΠΠ»Π΅Π³Π°Π½ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ°, ΡΠ²Π΅ΡΠ»ΠΎΠ³ΠΎ ΡΠΎΠ½Π°, Ρ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ βΠΈΠ·Π½ΡΡΡΠΈβ.
4 β ΠΡΠΎΡΡΠ°Ρ ΡΠΎΡΠΌΠ° Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ
ΠΡΠΎΡΡΠ°Ρ ΡΠΎΡΠΌΠ°, Π²ΡΠ΅Π³ΠΎ 3 ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°, Π½ΠΎ Ρ ΠΏΡΠΈΡΡΠ½ΡΠΌ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ βΡΠ½ΠΈΠ·Ρβ Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΡΡΡΡ.
5 β ΠΡΠ°ΡΠΈΠ²Π°Ρ ΡΠΎΡΠΌΠ° Ρ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠΌ Apple
ΠΡΠΎΠ΄ΡΠΌΠ°Π½Π½Π°Ρ ΡΠΎΡΠΌΠ° Π½Π° ΡΠ°ΠΉΡ Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠΌ apple.
6 β ΠΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΡΠΎΡΠΌΠ° Π² ΡΠΎΠ·ΠΎΠ²ΠΎΠΌ ΡΡΠΈΠ»Π΅
ΠΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΠΈ ΠΏΡΠΎΡΡΠ°Ρ, Π² ΡΠΎΠ·ΠΎΠ²ΠΎΠΌ ΡΡΠΈΠ»Π΅, ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ.
7 β Π‘Π²Π΅ΡΠ»Π°Ρ ΡΠΎΡΠΌΠ°
Π‘Π²Π΅ΡΠ»Π°Ρ, Π² Π²ΡΠ΄Π΅ΡΠΆΠ°Π½Π½ΠΎΠΌ ΡΡΠΈΠ»Π΅ ΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅, Π½ΠΈΡΠ΅Π³ΠΎ Π»ΠΈΡΠ½Π΅Π³ΠΎ.
8 β Π‘ΡΠΏΠ΅Ρ ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° ΠΈ Π²ΠΎΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠ°ΡΠΎΠ»Ρ
Π€ΠΎΡΠΌΠ° Π²Ρ
ΠΎΠ΄Π° + ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΡΠΎΡΠΎΠ½Π° β Π²ΠΎΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΏΠ°ΡΠΎΠ»Ρ. ΠΡΡΠ΅ΠΊΡ 3D ΠΏΠ΅ΡΠ΅Π²ΠΎΡΠΎΡΠ°, ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠΈ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ.
9 β ΠΡΠΈΡΡΠ½Π°Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠ°Ρ ΡΠΎΡΠΌΠ° Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ
ΠΡΠΈΡΡΠ½Π°Ρ Π½Π° Π²ΠΈΠ΄, ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΡΡΡΠ΅ΠΊΡ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΈΠΊΠΎΠ½ΠΎΠΊ ΠΏΡΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ ΠΏΠΎΠ»Ρ Π²Π²ΠΎΠ΄Π°.
10 β Π€ΠΎΡΠΌΠ° ΡΠ΅ΡΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°
Π‘Π΅ΡΡΠΉ ΠΎΡΡΠ΅Π½ΠΎΠΊ, Π² Π²ΠΈΠ΄Π΅ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π° Π½Π°Π»ΠΎΠΆΠ΅Π½Π½ΡΡ
Π»ΠΈΡΡΠΎΡΠΊΠΎΠ².
11 β ΠΡΡΠΏΠ½Π°Ρ ΡΠΎΡΠΌΠ° Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ
ΠΡΠ°ΡΠΈΠ²Π°Ρ, Ρ ΠΊΡΡΠΏΠ½ΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ Π²Π²ΠΎΠ΄Π° Π΄Π°Π½Π½ΡΡ
, ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ (Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π»ΡΠ±ΡΡ
, Π·Π°Π΄ΡΠΌΠ°Π½Π½ΡΡ
ΡΠ΅Π»Π΅ΠΉ).
12 β ΠΠΈΠ·Π°ΠΉΠ½ Π² Π²ΠΈΠ΄Π΅ Π±Π»ΠΎΠΊΠ½ΠΎΡΠ°
ΠΠΈΠ·Π°ΠΉΠ½ ΡΠΎΡΠΌΡ Π² Π²ΠΈΠ΄Π΅ Π±Π»ΠΎΠΊΠ½ΠΎΡΠ°, Ρ ΠΏΡΠΎΡΡΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ, Π½ΠΎ Π²ΡΠ΄Π΅ΡΠΆΠ°Π½Π½ΡΠΌ ΡΡΠΈΠ»Π΅ΠΌ.
13 β ΠΡΠ°ΡΠΎΡΠ½Π°Ρ, ΠΏΡΠΎΠ·ΡΠ°ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ°
ΠΡΠ°ΡΠΎΡΠ½Π°Ρ, ΠΏΡΠΎΠ·ΡΠ°ΡΠ½Π°Ρ ΠΈ ΡΠ²Π΅ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ°, Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π²Ρ
ΠΎΠ΄Π° ΡΠ΅ΡΠ΅Π· ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌ ΡΠ΅ΠΊΠ±ΠΎΠΊΡΠΎΠΌ βΠΠ°ΠΏΠΎΠΌΠ½ΠΈΡΡ ΠΌΠ΅Π½Ρβ.
14 β Apple Iphone ΡΠΎΡΠΌΠ°
Π€ΠΎΡΠΌΠ° Π²Ρ
ΠΎΠ΄Π° Π΄Π»Ρ Π»ΡΠ±ΠΈΡΠ΅Π»Π΅ΠΉ Apple, Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ Π²Π²ΠΎΠ΄Π°, ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ βΠΠ°ΠΏΠΎΠΌΠ½ΠΈΡΡβ β Π² ΠΎΠ±ΡΠ΅ΠΌ ΠΌΠ½Π΅ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΠΎΡΡ!
15 β Π§ΡΡΠΊΠ°Ρ ΡΠΎΡΠΌΠ° Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ
Π§Π΅ΡΠΊΠ°Ρ ΠΈ ΠΏΡΠΎΡΡΠ°Ρ ΡΠΎΡΠΌΠ°, Π±Π΅Π· Π½ΠΈΠΊΠ°ΠΊΠΈΡ
ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΈ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌ ΡΠ΅ΡΠ½ΡΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ.
16 β Π’ΡΠΌΠ½Π°Ρ ΡΠΎΡΠΌΠ°
Π’ΡΠΌΠ½Π°Ρ ΡΠΎΡΠΌΠ° Ρ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠΉ ΠΈ Π·Π°ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ
.
17 β Π§Π΅ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ°
Π§Π΅ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ
ΠΎΠ΄Π° Ρ Π±Π΅Π»ΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ β Ρ
ΠΎΡΠΎΡΠ΅Π΅ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠΎΠ².
18 β ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° ΠΈ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ
ΠΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ ΡΠΎΡΠΌΠ° Π²Ρ
ΠΎΠ΄Π° ΠΈ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ 3D ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ.
19 β Π’Π΅ΠΌΠ½Π°Ρ ΡΠΎΡΠΌΠ° Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ
Π’Π΅ΠΌΠ½Π°Ρ ΡΠΎΡΠΌΠ° Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π²Ρ
ΠΎΠ΄Π° ΡΠ΅ΡΠ΅Π· ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ.
20 β Π€ΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π° Π½Π° ΡΠ°ΠΉΡ + ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ
Π Π΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ + ΡΠΎΡΠΌΠ° Π²Ρ
ΠΎΠ΄Π°, Ρ 3D ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ ΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π²Ρ
ΠΎΠ΄Π°.
21 β ΠΠ΅Π»Π°Ρ ΡΠΎΡΠΌΠ° Ρ ΠΊΡΠ°ΡΠ½ΡΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ
Π‘Π²Π΅ΡΠ»Π°Ρ ΡΠΎΡΠΌΠ°, Ρ Π±ΡΠΎΡΠ°ΡΡΠΈΠΌΡΡ Π² Π³Π»Π°Π·Π° Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, ΠΈ ΠΏΡΠΎΡΡΡΠΌΠΈ ΠΏΠΎΠ»ΡΠΌΠΈ Π²Π²ΠΎΠ΄Π° ΡΠ΅ΠΊΡΡΠ°.
22 β Π€ΠΎΡΠΌΠ° Π²Ρ ΠΎΠ΄Π°, ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π²ΠΎΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΈΠ΅ ΠΏΠ°ΡΠΎΠ»Ρ
Π’ΡΠΎΠΉΠ½Π°Ρ ΡΠΎΡΠΌΠ°: ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ, Π²Ρ
ΠΎΠ΄ Π½Π° ΡΠ°ΠΉΡ ΠΈ Π²ΠΎΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΏΠ°ΡΠΎΠ»Ρ. ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΠΌΠ°ΠΌΠΈ Π½Π° Javascript.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
ΠΠΎΡ ΠΎΠ½ΠΈ ΠΈ Π΅ΡΡΡ, Π²ΡΠ΅ ΡΠΎΡΠΌΡ html css! ΠΠ°Π΄Π΅ΡΡΡ, ΠΊΠ°ΠΊΠ°Ρ-ΡΠΎ ΠΈΠ· Π½ΠΈΡ ΠΠ°ΠΌ ΡΠΎΡΠ½ΠΎ ΠΏΠΎΠ΄ΠΎΡΠ»Π°.
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΡ, ΠΠ°ΠΌ ΠΎΡΡΠ°Π΅ΡΡΡ Π»ΠΈΡΡ Π΅Ρ (Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ) Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ, ΠΏΠΎΠ΄ΠΎΠ³Π½Π°ΡΡ ΠΏΠΎΠ΄ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ, ΠΈ Π²ΡΠ΅ Π±ΡΠ΄Π΅Ρ ΡΡΠΏΠ΅Ρ! ΠΡΠ»ΠΈ ΠΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΡΠ΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊΡΡ-ΡΠΎ ΠΈΠ· ΡΠΎΡΠΌ β Π΄Π°ΠΉΡΠ΅ ΠΌΠ½Π΅ Π·Π½Π°ΡΡ ΠΎΠ± ΡΡΠΎΠΌ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ!
ΠΠ°Π½Π½ΡΠΉ ΡΡΠΎΠΊ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²Π»Π΅Π½ Π΄Π»Ρ Π²Π°Ρ ΠΊΠΎΠΌΠ°Π½Π΄ΠΎΠΉ ΡΠ°ΠΉΡΠ° /
ΠΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΠ»: ΠΠ»Π°Π΄ΠΈΡΠ»Π°Π² ΠΠΎΠ½Π΄Π°ΡΠ΅Π½ΠΊΠΎ
vladmaxi.net
PHP — javascript — ΡΠΊΡΠΈΠΏΡ Π΄Π»Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π½Π΅ΠΌ ΡΠ°ΠΉΡΠ΅
Π§Π°ΡΡΡΡ ΠΌΠΎΠ΅ΠΉ ΡΠ°Π±ΠΎΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
Π½ΠΎΠ²ΡΡ
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π½Π° ΡΡΠΎΡΠΎΠ½Π½Π΅ΠΌ ΠΈΠ³ΡΠΎΠ²ΠΎΠΌ ΡΠ°ΠΉΡΠ΅.
Π― Π½Π°ΠΏΠΈΡΠ°Π» ΡΠΊΡΠΈΠΏΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ahk, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ curl, ΠΎΠ½ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈ ΠΏΠΎΠ²ΡΠΎΡΡΠ΅Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΎΠ½Π½ΠΎΠΉ ΡΠΎΡΠΌΡ ΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ, ΠΎΠ΄Π½Π°ΠΊΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡ Π½Π΅Π΄ΠΎΠ²ΠΎΠ»Π΅Π½ ΡΡΠΈΠΌ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΈΠ½ΠΎΠ³Π΄Π° Π²ΡΡ
ΠΎΠ΄ΠΈΡ ΠΈΠ· ΡΡΡΠΎΡ ΠΈΠ»ΠΈ ΠΆΠ°Π»ΡΠ΅ΡΡΡ Π½Π° ΡΠ»ΠΈΡΠΊΠΎΠΌ ΡΠ°ΡΡΡΠΉ Π²Ρ
ΠΎΠ΄ Π² ΡΠΈΡΡΠ΅ΠΌΡ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΡΠΎΡΠΊΠΎΠ³ΠΎ ΠΏΠ΅ΡΠΈΠΎΠ΄Π° Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ.
Π― ΠΏΡΡΠ°ΡΡΡ ΠΏΠ΅ΡΠ΅Π΄Π΅Π»Π°ΡΡ ΡΠΊΡΠΈΠΏΡ Π±Π΅Π· Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΈ Ρ Π½Π΅ ΡΠ²Π΅ΡΠ΅Π½, ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, php Ρ curl, JavaScript?
Π£ ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π΅ΡΡΡ Ρ ΠΎΡΠΎΡΠΈΠ΅ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΠΈ? ΠΠ½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΡΠΎ-ΡΠΎ Π»Π΅Π³ΠΊΠΎΠ΅ ΠΈ Π±ΡΡΡΡΠΎΠ΅. ΠΡΠ±Π°Ρ ΠΏΠΎΠΌΠΎΡΡ Ρ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΠ½ΠΎΡΡΡΡ.
1
Π Π΅ΡΠ΅Π½ΠΈΠ΅
Π― Π½Π΅Π΄Π°Π²Π½ΠΎ ΡΠ΄Π΅Π»Π°Π» ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎ WinHttpRequest COM ΠΈ ΠΎΠ±ΡΡΡΠ½ΠΈΠ», ΠΊΠ°ΠΊ Ρ Π½ΠΈΠΌ Π²Ρ ΠΎΠ΄ΠΈΡΡ: ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π²Ρ ΠΎΠ΄ Π² ΡΠΈΡΡΠ΅ΠΌΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ WinHttpRequest COM?
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΏΡΠΎΠ΅ΠΊΡΠΈΡΡΠ΅ΡΠ΅ ΡΠ²ΠΎΠΉ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΡΠ°ΠΉΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄ Π΄Π»Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π΄Π°Π½Π½ΡΡ , Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΡ Π΄Π»Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ, Π½Π° ΡΠ΅ΡΠ²Π΅Ρ.
ΠΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
;Prepare our WinHttpRequest object
HttpObj := ComObjCreate("WinHttp.WinHttpRequest.5.1")
;HttpObj.SetProxy(2,"localhost:8888") ;Send data through Fiddler (for debugging)
HttpObj.SetTimeouts(6000,6000,6000,6000) ;Set timeouts to 6 seconds
;HttpObj.Option(6) := False ;disable location-header rediects
;Set our URLs
registrationURL := "http://yoursite/registerOrWhatever/"
;Set our registration data
username := "Samah"email := "[email protected]"password := "mySecretPassword"acceptTOS := 1
receiveNewsLetter := 0
registrationBody := "username=" username "&email=" email "&repeatEmail=" email "&password=" password "&repeatPassword=" password "&TOSagree=" acceptTOS "&weeklyNewsLetter=" receiveNewsLetter
HttpObj.Open("POST",registrationURL)
HttpObj.SetRequestHeader("Content-Type","application/x-www-form-urlencoded")
HttpObj.Send(registrationBody)
If (HttpObj.status == 200 && InStr(HttpObj.ResponseText,"You will shortly receive an email with an activation link."))
MsgBox, User successfully registered.
Else
MsgBox, The registration failed!
1
ΠΡΡΠ³ΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ
ΠΡΡΠ³ΠΈΡ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ ΠΏΠΎΠΊΠ° Π½Π΅Ρ β¦
web-answers.ru
Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠ΅ΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ jQuery
Β
ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery Π³Π°ΡΠ°Π½ΡΠΈΡΡΠ΅Ρ, ΡΡΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½Π°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΡΡΠ΅ΠΊΡΠ½ΠΎΠΉ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΡΠΎΠΉΡΠΈ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ.
Π₯ΠΎΡΡ HTML5 ΠΈΠΌΠ΅Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π΄Π»Ρ ΠΏΡΠΎΠ²Π΅ΡΠΊΠΈ ΡΠΎΡΠΌ ΡΠ΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΏΠΎΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠΌΡΡΠ» ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Javascript, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡΒ ΠΈ Π² ΡΡΠ°ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ .
Π ΡΠ΅Π³ΠΎΠ΄Π½ΡΡΠ½Π΅ΠΌ ΡΡΠΎΠΊΠ΅, Ρ ΠΏΠΎΠΊΠ°ΠΆΡ Π²Π°ΠΌ, ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΡΠΊΡΡ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π² ΡΡΠ°ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ . Π― ΡΠ°ΠΊΠΆΠ΅ Π±ΡΠ΄Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Validator jQuery Plugin. ΠΡΠ°ΠΊ, Π½Π°ΡΠ½Π΅ΠΌ.
Π Π΅ΡΡΡΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΈΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΠΌ
Π§ΡΠΎ ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ Π΄Π΅Π»Π°ΡΡ
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ°
ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡ Π½Π°Ρ CSS ΠΈ JavaScript-ΠΊΠΎΠ΄ Π² ΡΠ΅Π³Π΅ head Π½Π° Π½Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅.
<!DOCTYPE html>
<html lang=»ru»>
<head>
Β Β <meta charset=»utf-8″>
Β Β <title>Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ Ρ Π²Π°Π»ΠΈΠ΄Π°ΡΠΈΠ΅ΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ jQuery</title>
Β Β <link href=»css/style.css» media=»screen» rel=»stylesheet»>
Β Β <link href=»css/reset.css» media=»screen» rel=»stylesheet»>
Β Β <link href=’http://fonts.googleapis.com/css?family=Open+Sans:300italic,600italic,700italic,800italic,400,300,600,800′ rel=’stylesheet’ type=’text/css’>
Β Β <script src=»//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js»></script>
<script src=»js/validator.js»></script>
Β Β <!—[if lt IE 9]>
<script src=»dist/html5shiv.js»></script>
<![endif]—>
Β </head>
HTML
Π Π½Π°ΡΠ΅ΠΌ HTML-ΡΠ°ΠΉΠ»Π΅, ΠΌΡ ΡΠΎΠ±ΠΈΡΠ°Π΅ΠΌΡΡ ΠΎΠ±Π΅ΡΠ½ΡΡΡ Π²ΡΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π² div Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ container, Π·Π°ΡΠ΅ΠΌ Π½Π°ΡΡΡΠΎΠΈΡΡ Π½Π°ΡΠ΅ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΠΏΠΎΡΡΠ΄ΠΎΡΠ΅Π½Π½ΡΠΌ ΡΠΏΠΈΡΠΊΠΎΠΌ, Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ tabs.
<div>
Β Β <div>
Β Β Β Β <ul>
Β Β Β Β Β Β <li><a href=»#login» name=»login-tab»><span></span> Login</a></li>
Β Β Β Β Β Β <li><a href=»#register» name=»register-tab»><span></span> Register</a></li>
Β Β Β Β </ul>
ΠΠ°Π»Π΅Π΅, ΠΌΡ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ div Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠΌ login ΠΈ ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ form-display ΠΈ show. ΠΡΠΈ Π΄Π²Π° ΠΊΠ»Π°ΡΡΠ° Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΊΠΎΠ΄ΠΎΠΌ jQuery ΠΏΠΎΠ·ΠΆΠ΅, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°Π·Π΄Π΅Π»Ρ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΠΈ.
<div>
Β Β Β <h2>Login</h2>
Β Β Β <form action=»» method=»post» novalidate=»»>
Β Β Β Β Β <fieldset>
Β Β Β Β Β Β Β <ul>
Β Β Β Β Β Β Β Β Β <li>
Β Β Β Β Β Β Β Β Β Β Β <div>
Β Β Β Β Β Β Β Β Β Β Β Β Β <input data-validate-length-range=»6″ name=»name» placeholder=»Username» required=»required» type=»text»>
Β Β Β Β Β Β Β Β Β Β Β </div>
Β Β Β Β Β Β Β Β Β </li>
Β Β Β Β Β Β Β Β Β <li>
Β Β Β Β Β Β Β Β Β Β Β <div>
Β Β Β Β Β Β Β Β Β Β Β Β Β <input data-validate-length-range=»6″ name=»password» placeholder=»Password» required=’required’ type=»password»>
Β Β Β Β Β Β Β Β Β Β Β </div>
&
www.webmasters.by
Π‘ΠΊΡΠΈΠΏΡΡ (ΡΠ²Π°) java ΠΈ php Π΄Π»Ρ ΡΠ°ΠΉΡΠ° html
ΠΠ΅Π»Π°Ρ ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ ΡΠ²Π° ΡΠΊΡΠΈΠΏΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° html, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΡΠ΅ Π½Π° java ΠΈ php ΡΠ·ΡΠΊΠ°Ρ . ΠΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ java ΠΈ php ΠΏΡΠΎΡ ΠΎΠ΄ΡΡ ΠΏΡΠΎΠ²Π΅ΡΠΊΡ Π½Π° ΡΠ°Π±ΠΎΡΠΎΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΡ, Π° ΡΠΆΠ΅ ΠΏΠΎΡΠ»Π΅ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΎΠ±Π·ΠΎΡΠ° Π²ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ Π½Π° ΡΠ°ΠΉΡ.ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π²ΡΠ΅ java ΡΠΊΡΠΈΠΏΡΡ (Π³Π΄Π΅ Π±ΡΠ»Π° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ) ΠΈΠΌΠ΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΡ Π΄Π»Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΠΈ Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠ°ΡΠΈΡ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠΉ, Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π»ΠΈ Π²Π°ΠΌ Π΄Π°Π½Π½ΡΠΉ ΡΠΊΡΠΈΠΏΡ Π½Π° ΡΠ°ΠΉΡ.
ΠΠΎΠΉ ΡΠ±ΠΎΡΠ½ΠΈΠΊ ΡΠΊΡΠΈΠΏΡΠΎΠ² ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΏΠΎΠ»Π½ΡΡΡΡΡ, ΡΠ°ΠΊ ΡΡΠΎ ΡΡΠ°Π²ΡΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΡΠΎΠΏΡΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΏΠΎΡΡΡΠΏΠ»Π΅Π½ΠΈΡ java ΡΠΊΡΠΈΠΏΡΠΎΠ² Π΄Π»Ρ ΡΠ°ΠΉΡΠ° html.
ΠΠ° www.semyana.pw ΠΊΠΎΠΌΠΏΠΈΠ»ΡΡΠΈΡ
JS display none | block
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΡΠ΅ΡΡ ΠΏΠΎΠΉΠ΄ΡΡ ΠΎ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ΅ display ΠΈ Π±ΡΠ΄ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΠΊΠ°ΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Java ΡΠΊΡΠΈΠΏΡ Π½Π°Π·Π½Π°ΡΠΈΡΡ Π»ΡΠ±ΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ block | none …JS Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»ΠΈΠΊΠ° Π½Π° JS Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ ΠΊ ΡΠΆΠ΅ ΠΈΠΌΠ΅ΡΡΠ΅ΠΌΡΡΡ ΡΠ΅ΠΊΡΡΡ. ΠΠ° ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΡΠ°Π·Π±Π΅ΡΡΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ …JS Π·Π°ΠΌΠ΅Π½Π° ΡΠ΅ΠΊΡΡΠ°
ΠΠΎΠΊΠ°ΠΆΡ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ, ΠΊΠ°ΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ JS ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π±ΡΡΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π°ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°. Π ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ …Π‘ΠΊΡΠΈΠΏΡ Π·Π²Π΅Π·Π΄Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΉΡΠΈΠ½Π³Π°
Π‘ΠΊΡΠΈΠΏΡ ΡΠ΅ΠΉΡΠΈΠ½Π³Π° ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΎΡΠ΅Π½ΠΊΠΈ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΡΠΌΠΈ ΡΡΠ°ΡΠ΅ΠΉ, Π²ΠΈΠ΄Π΅ΠΎ, ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈ ΠΏΡΠΎΡΠ΅Π³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Π΅ Π·Π²ΡΠ·Π΄. Π‘ΠΊΡΠΈΠΏΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ …ΠΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ ajax Ρ Π²ΡΠ²ΠΎΠ΄ΠΎΠΌ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ
Π Π²Π°ΡΠΈΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ ΡΠ°ΡΡΠΎ Π²ΡΡΡΠ΅ΡΠ°Π΅ΡΡΡ Π²ΠΎΠΏΡΠΎΡ: Π° ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠ²ΠΎΠ΄ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΉ ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ°Ρ Π² ΡΠΎΡΠΌΠ΅ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ? Π Π² ΡΡΠΎΠΉ …Π‘ΠΊΡΠΈΠΏΡ ΠΏΠΎΠΈΡΠΊΠ° ΠΏΠΎ ΡΠ°ΠΉΡΡ
ΠΡΡΡΠ°Π²Π»ΡΡ Π΄Π»Ρ ΠΎΠ·Π½Π°ΠΊΠΎΠΌΠ»Π΅Π½ΠΈΡ ΡΡΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠ° ΡΠΊΡΠΈΠΏΡΠ° ΠΏΠΎΠΈΡΠΊ ΠΏΠΎ ΡΠ°ΠΉΡΡ Π½Π° java, php ΠΈ xml, Π»ΡΠ±ΠΎΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΌΠ΅Π»ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ Π΄Π»Ρ Π»ΡΠ±ΡΡ Π²Π°ΡΠΈΡ …ΠΠ±ΡΠ°ΡΠ½ΡΠΉ Π·Π²ΠΎΠ½ΠΎΠΊ Ajax Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅
Π‘Π°ΠΉΡΠ°ΠΌ, Π³Π΄Π΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°ΡΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΡΡΠ»ΡΠ³ΠΈ ΠΈΠ»ΠΈ ΡΠΎΠ²Π°ΡΡ, Π΄Π»Ρ ΡΡΠΏΠ΅ΡΠ½ΠΎΠΉ ΡΠΎΡΠ³ΠΎΠ²Π»ΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ° ΡΠ°ΠΊΠ°Ρ ΡΠΎΡΠΌΠ°, ΠΊΠ°ΠΊ ΠΠ±ΡΠ°ΡΠ½ΡΠΉ Π·Π²ΠΎΠ½ΠΎΠΊ Ajax …ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ html Π½Π° ΡΠ°ΠΉΡ ΠΏΡΠΈΠΌΠ΅ΡΡ
ΠΠ»Ρ ΠΏΡΠΈΠ²Π»Π΅ΡΠ΅Π½ΠΈΡ ΠΎΡΠΎΠ±ΠΎΠ³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΎΠ±ΠΎ ΡΠ°ΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π² ΠΏΡΠΎΠ΄Π°ΠΆΠ½ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ°Ρ …PHP ΡΠΊΡΠΈΠΏΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΠΈ
ΠΡΠ΅Π΄Π»Π°Π³Π°Ρ Π²Π°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΡΠΊΡΠΈΠΏΡ ΡΠ΅Π³ΠΈΡΡΡΠ°ΡΠΈΠΈ ΠΈ Π°Π²ΡΠΎΡΠΈΠ·Π°ΡΠΈΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· 3-ΡΡ …Π‘ΠΊΡΠΈΠΏΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Ρ Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΡΡ Π½Π° ΡΠ°ΠΉΡ
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΠΎΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π²Π°ΠΌ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΈ ΡΡΡΡΠΈΡΠΈΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΊΡΠΈΠΏΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Π½Π° ΡΠ°ΠΉΡ Ρ ΠΠ΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΡΡ, ΠΈΠΌΠ΅ΡΡΠΈΠΉ …CΠ»Π°ΠΉΠ΄ ΡΠΎΡ ΠΈΠ· ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ Π½Π° ΡΠ°ΠΉΡ
Π ΡΠ΅ΠΉΡΠ°Ρ ΠΌΡ ΠΎΡΠΏΡΠ°Π²ΠΈΠΌΡΡ Π² «ΠΊΠΈΠ½ΠΎΠ·Π°Π»» Π΄Π»Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΡΠ»Π°ΠΉΠ΄ ΡΠΎΡ ΠΈΠ· ΡΠΎΡΠΎΠ³ΡΠ°ΡΠΈΠΉ Ρ ΠΏΠΎΡΡΡΡΠ°ΡΡΠΈΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ ΠΏΡΠΈ ΡΠΌΠ΅Π½Π΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π³Π΄Π΅ …Π’Π°ΠΉΠΌΠ΅Ρ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΡΡΠ΅ΡΠ° Π½Π° ΡΠ°ΠΉΡ
Π’Π°ΠΉΠΌΠ΅Ρ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΡΡΡΡΠ° ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π΄Π»Ρ ΠΏΠΎΠΊΠ°Π·Π° ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΡΠΌ ΡΠΎΠΉ ΠΈΠ»ΠΈ ΠΈΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΈΠΌΠ΅Π΅Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΡΡΠΎΠΊ …ΠΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ Π½Π° java ΠΈ php Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Ρ PHP ΠΈ Java ΡΠΊΡΠΈΠΏΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, Π½Π°ΡΡΠ» Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ²ΡΠ΅Π΅ΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ, ΠΈ ΡΠ΅ΡΠΈΠ» ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π²ΠΎΠ΅Π΄ΠΈΠ½ΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΡ ΡΠ°ΡΡΠΈ …ΠΡΠ°ΡΠΈΠ²Π°Ρ ΡΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅Ρ Π½Π° jQuery
Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΏΡΠΈΠΌΠ΅Ρ — ΠΊΡΠ°ΡΠΈΠ²Π°Ρ ΡΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π±ΡΠ»ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ jQuery, CSS ΠΈ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° HTML. ΠΠ°ΠΊ Π²Ρ Π²ΠΈΠ΄ΠΈΡΠ΅ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ …ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ javascript alert
ΠΠ΄Π΅ΡΡ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΊΡΠ°ΡΠΈΠ²Π΅Π΅ ΡΠΈΡΡΠ΅ΠΌΠ½ΠΎΠ΅ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ — jΠ°vascript alert, ΠΈ ΡΠ°ΠΌΠΎΠ΅ Π³Π»Π°Π²Π½ΠΎΠ΅, Π² ΠΠ»Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ … ΠΠΎΠΊΠ°Π·Π°ΡΡ Π΅ΡΡ 12Π€ΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅Ρ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅
ΠΠ°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΠΊΡΠΈΠΏΡ — ΡΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅ΠΈ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅. ΠΠ°Π½Π½ΡΠΉ ΡΠΊΡΠΈΠΏΡ ΡΠ²Π° ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΏΠ»Π°Π³ΠΈΠ½ΠΎΠ² jquery ΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ …Π‘ΠΊΡΠΈΠΏΡ Π³ΠΎΠ»ΠΎΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
Π‘ΠΊΡΠΈΠΏΡ Π³ΠΎΠ»ΠΎΡΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π½Π°ΠΏΠΈΡΠ°Π½ Π½Π° PHP Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠ²Π° ΡΠΊΡΠΈΠΏΡΠΎΠ² AJAX ΠΈ Π»Π΅Π³ΠΊΠΎ ΠΈΠ½ΡΠ΅Π³ΡΠΈΡΡΠ΅ΡΡΡ Π½Π° html ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎΠ»ΠΎΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ …Π‘ΠΊΡΠΈΠΏΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΎΡ ΠΠΠΎΠ½ΡΠ°ΠΊΡΠ΅
ΠΠ° ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Ρ Π²Π°ΠΌ Ρ ΠΎΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΊΡΠΈΠΏΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² ΠΎΡ ΠΠΠΎΠ½ΡΠ°ΠΊΡΠ΅. ΠΡΠΎΡΡΠΎΡΠ° Π΅Π³ΠΎ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ …ΠΠΈΠ΄Π΅ΠΎ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ ΡΠ΅ΠΌΡ «ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΠ΅ ΠΎΠΊΠ½Π°» ΡΠ΅ΡΠΈΠ» Π²ΡΠ»ΠΎΠΆΠΈΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠΊΡΠΈΠΏΡ ΡΠ²Π° Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π²ΠΈΠ΄Π΅ΠΎ Π² ΠΌΠΎΠ΄Π°Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅. Π‘ΠΊΡΠΈΠΏΡ Π±ΡΠ΄Π΅Ρ …Π‘ΠΊΡΠΈΠΏΡ ΡΠΊΡΡΡΡΠΉ ΡΠ΅ΠΊΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅
Π‘ΠΊΡΠΈΠΏΡ Π‘ΠΊΡΡΡΡΠΉ ΡΠ΅ΠΊΡΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΎΠ±ΡΡΠΌΠΎΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠΎΠΊΡΡΡΠΈΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠΉ …ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ ΡΡΡΠ»ΠΎΠΊ css, Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΌΠ΅Π½Ρ
ΠΠ±Π·ΠΎΡ 19 ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄Π½ΠΎΠΉ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΡΡΠ»ΠΎΠΊ Π½Π° css ΠΈ ΠΎΠ΄Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ ΡΠ²Π° ΡΠΊΡΠΈΠΏΡ. ΠΡΠΈ ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ Π΄Π»Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΠΌΠ΅Π½Ρ …ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π±Π»ΠΎΠΊΠ° div Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΈΠ²Π΅Π΄Ρ Π²ΠΎΡΠ΅ΠΌΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΡ Π΄Π»Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π±Π»ΠΎΠΊΠ° div Π΄Π»Ρ ΡΠ°ΠΉΡΠ°. ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π±Π»ΠΎΠΊΠΎΠ² ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ΅Π³ΡΠ»ΠΈΡΠΎΠ²Π°ΡΡ …ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΊΡΠΈΠΏΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Ajax Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π±Π°Π·Ρ Π΄Π°Π½Π½ΡΡ MySQL — ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°. Π‘ΠΊΡΠΈΠΏΡ …ΠΡΠΎΡΡΠ°Ρ ΠΎΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ Π½Π° ΡΠ°ΠΉΡ
ΠΠ±ΡΠ°ΡΠ½Π°Ρ ΡΠ²ΡΠ·Ρ — ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΠΎΠΉ ΡΠ°ΡΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΡΠ°ΠΉΡΠΎΠ², Π³Π΄Π΅ Ρ Π΅Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ²ΡΠ·Π°ΡΡΡΡ Ρ Π°Π΄ΠΌΠΈΠ½ΠΈΡΡΡΠ°ΡΠΈΠ΅ΠΉ …Π€ΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅Ρ ΠΏΡΠΎΡΡΠ°Ρ Π½Π° xml Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅, Ρ Ρ ΠΎΡΡ ΠΠ°ΠΌ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ°Π±ΠΎΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΎΡΠΎΠ³Π°Π»Π΅ΡΠ΅ΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Π½Π° xml, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΏΠΎΠΊΠ°Π· ΡΠ»Π°ΠΉΠ΄ΠΎΠ² ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΠΊ ΠΆΠ΅ …Π‘ΠΊΡΠΈΠΏΡ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π½Π° Π²Π΅ΡΡ
Π‘ΠΊΡΠΈΠΏΡ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π½Π° Π²Π΅ΡΡ — ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π³Π»Π°Π²Π½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π΄Π»Ρ ΠΏΠ»Π°Π²Π½ΠΎΠ³ΠΎ ΠΈ ΠΊΡΠ°ΡΠΈΠ²ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° ΠΈΠ· Π»ΡΠ±ΠΎΠΉ ΡΠ°ΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ³ΠΎ …ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΎΠΏΡΠΎΡ Π½Π° ΡΠ°ΠΉΡΠ΅
ΠΠ°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ Ρ ΠΎΡΡ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠΊΡΠΈΠΏΡ ΠΠΏΡΠΎΡ Π½Π° ΡΠ°ΠΉΡΠ΅, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π½Π΅ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½Π½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ … ΠΠΎΠΊΠ°Π·Π°ΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅Π‘ΠΊΡΠΈΠΏΡ Π½Π°Π²Π΅ΡΡ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ
ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π½Π° Π²Π΅ΡΡ — ΡΡΠΎ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΏΠ»Π°Π²Π½ΡΠΉ ΠΈ ΠΎΡΠ΅Π½Ρ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ «ΠΠ° Π²Π΅ΡΡ », ΡΠΎΠ»ΡΠΊΠΎ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ. Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ …ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ Π»ΡΡ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΡΠΎΡΠΎ, ΡΠ΅ΠΊΡΡΠ° ΠΈ Π±Π»ΠΎΠΊΠ°
Π£Π²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΠΊΠΎΠ»Π»Π΅Π³ΠΈ, Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΠΎΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ Π²Π°ΠΌΠΈ ΡΠΎ ΡΠΊΡΠΈΠΏΡΠΎΠΌ — ΠΊΡΠ°ΡΠΈΠ²Π°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π»ΡΡ ΡΠ²Π΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΠ΄Π°ΡΡ Π²Π°ΡΠ΅ΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅, ΡΠ΅ΠΊΡΡΡ …Π‘ΠΊΡΠΈΠΏΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΎΠ½Π»Π°ΠΉΠ½ (online)
ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΠΎΠ½Π»Π°ΠΉΠ½ — ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠΌ Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΈΡ ΡΠ°ΠΉΡΠΎΠ², Π³Π΄Π΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ (ΠΊΠ»ΠΈΠ΅Π½Ρ) ΠΌΠΎΠΆΠ΅Ρ Π² ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΠΆΠΈΠΌΠ΅ Π·Π°Π΄Π°ΡΡ Π»ΡΠ±ΠΎΠΉ …Π‘ΠΊΡΡΡΡΠΉ ΠΈ Π½Π΅ΠΏΠΎΠ΄Π²ΠΈΠΆΠ½ΡΠΉ Π±Π»ΠΎΠΊ Π½Π° ΡΠ°ΠΉΡ
Π Π°Π±ΠΎΡΡ ΡΠΊΡΠΈΠΏΡΠ° ΡΠΊΡΡΡΠΎΠ³ΠΎ ΠΈ Π½Π΅ΠΏΠΎΠ΄Π²ΠΈΠΆΠ½ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π²Ρ ΠΌΠΎΠ³Π»ΠΈ ΡΠ°ΡΡΠΎ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π½Π° ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°ΠΉΡΠ°Ρ , — ΡΡΠΎ Π·Π°ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π° …ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅
ΠΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡ Π²Π°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Java ΡΠΊΡΠΈΠΏΡ — ΠΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅. ΠΠ³ΠΎ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΠΎΡΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ½ …Π‘ΡΡΡΡΠΈΠΊ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Π½Π° php
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ 2 ΡΠΊΡΠΈΠΏΡΠ° Π‘ΡΡΡΡΠΈΠΊ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ Π½Π° php ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΡ Π΄Π»Ρ ΠΏΠΎΠ΄ΡΡΠ΅ΡΠ° ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° …ΠΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ ΡΠΎΡΠΌ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Π²Π°ΠΌ Ρ Ρ ΠΎΡΡ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠΊΡΠΈΠΏΡ «ΠΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ ΡΠΎΡΠΌ ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ» Ρ Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»ΡΡ. ΠΠΎΡΠ»Π΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠΈ ΡΠΊΡΠΈΠΏΡΠ° Π½Π° Π²Π°Ρ …Π‘ΡΡΡΡΠΈΠΊ ΠΊΠ»ΠΈΠΊΠΎΠ²
Π Π½Π°ΡΠ΅ Π²ΡΠ΅ΠΌΡ Π²Ρ Π½Π΅ ΡΠ΅Π΄ΠΊΠΎ Π²ΡΡΡΠ΅ΡΠ°Π»ΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ ΠΏΠΎΠ΄ΡΡΡΡΡ ΠΊΠ»ΠΈΠΊΠΎΠ² — ΡΡΡΡΡΠΈΠΊ ΠΊΠ»ΠΈΠΊΠΎΠ², ΠΈ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΡΠΈΠΏΡΠ° Π΄Π»Ρ ΡΡΡΡΠ° ΠΊΠ»ΠΈΠΊΠΎΠ² Π½Π° ΡΡΡΠ»ΠΊΠΈ, Π»ΠΈΠ±ΠΎ …Π―Π²Π° ΡΠΊΡΠΈΠΏΡ ΡΠΎΡΠ°ΡΠΎΡ Π±Π°Π½Π½Π΅ΡΠΎΠ²
ΠΠ΄Π΅ΡΡ Ρ Π²Π°ΠΌ Ρ ΠΎΡΡ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ ΠΎΠ± ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΌ, ΠΈ Π² ΡΠΎ ΠΆΠ΅ Π²ΡΠ΅ΠΌΡ Π½Π°Π΄ΡΠΆΠ½ΠΎΠΌ, ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠΌ Π² ΠΎΡΠ½ΠΎΠ²Π½ΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ ΡΠΊΡΠΈΠΏΡΠ΅ — Π ΠΎΡΠ°ΡΠΎΡ Π±Π°Π½Π½Π΅ΡΠΎΠ² …Π‘ΡΡΠ»ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡ Π―ΠΊΠΎΡΡ
Π‘ΡΡΠ»ΠΊΠΈ Π²Π½ΡΡΡΠΈ ΡΡΡΠ°Π½ΠΈΡ — Π½Π°Π·ΡΠ²Π°Π΅ΠΌΡΠ΅ «Π―ΠΊΠΎΡΡ», ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ Π±ΡΡΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡΡΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π²Π΅Π»ΠΈΠΊ …age-dragon.com