ΠΊΠ°ΠΊ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ΄ ΡΠ°ΠΉΡΠ° html ΠΈ css
ΠΠ°ΠΊ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ²ΡΠ΅Π³ΠΎΡΡ ΡΠ°ΠΉΡΠ°?
ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° Ρ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°Π» ΠΏΡΠΎΡΡΠ΅Π½ΡΠΊΠΈΠΉ Π»Π΅Π½Π΄ΠΈΠ½Π³ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-ΡΠΎ ΠΈΠ½ΡΠΎΠ±ΠΈΠ·Π½Π΅ΡΠΌΠ΅Π½Π°, ΠΏΡΠΎΠ΄Π°ΡΡΠ΅Π³ΠΎ ΡΠ΅ΠΊΡΠ΅Ρ, ΠΊΠ°ΠΊ ΡΡΠ°ΡΡ ΠΌΠΈΠ»Π»ΠΈΠΎΠ½Π΅ΡΠΎΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Ρ. ΠΠΎΡ ΡΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°.
ΠΠ°Π»ΡΡΠ΅ ΠΈΠ΄ΡΡ ΠΎΠ±ΡΡΠ½Π°Ρ ΠΏΠΎΡΡΡΠ½ΠΊΠ° Ρ ΠΌΠ°ΡΠΈΠ½Π°ΠΌ ΠΈ ΠΎΡΠΎΠ±Π½ΡΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΊΡΠΏΠΈΡΠ΅, ΠΏΠΎΠ»ΡΡΠΈΠ² ΡΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄, ΠΏΠ°Π»ΡΠΌΠ°ΠΌΠΈ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΡΠ΅ΡΠ΅ΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈ ΠΎΡΠ·ΡΠ²Π°ΠΌΠΈ ΡΡΠ°ΡΡΠ»ΠΈΠ²ΡΡ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΆΠ΅ Π²ΡΡ ΠΊΡΠΏΠΈΠ»ΠΈ ΠΈ ΡΠΈΠ΄ΡΡ ΠΏΠΎΠ΄ ΠΏΠ°Π»ΡΠΌΠΎΠΉ.
Π¨Π°Π³ 1. ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ html ΠΊΠΎΠ΄
ΠΠ»Ρ GoogleChrome ΠΏΡΠΎΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΊΠΎΠ΄, ΠΏΡΠΎΡΡΠΎ Π½Π°ΠΆΠ°Π² Ctrl + U. Π Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠΎΡΠΊΠΎ Ρ html.
ΠΠ°ΠΊ Π²Π°ΡΠΈΠ°Π½Ρ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π² ΠΌΠ΅Π½Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΈ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠΎ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ ΠΈΠ· ΠΎΠΊΠ½Π° Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ.
ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠ½ΠΎΡ, ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΡΡΠ΄Π° ΠΊΠΎΠ΄ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π½Π° Π΄ΠΈΡΠΊ ΠΊΠ°ΠΊ index.html. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΡΠΆΠ΅ ΡΠ΅ΠΉΡΠ°Ρ ΡΠ°ΠΉΡ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΈ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π²ΠΎΡ ΡΡΠΎ.
Π‘ΡΡΡΠΊΡΡΡΠ° Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ° ΡΠΎΡ ΡΠ°Π½Π΅Π½Π°, Π½Π°ΠΌ Π½ΡΠΆΠ½Ρ ΡΡΠΈΠ»ΠΈ.
Π¨Π°Π³ 2. Π§ΠΈΡΡΠΈΠΌ html
ΠΠ° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ ΡΠ΄Π°Π»ΡΠ΅ΠΌ Π²ΡΡ, ΡΡΠΎ Π½Π°ΠΌ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ. ΠΡΠΎ ΡΡΡΠ»ΠΊΠΈ Π½Π° ΡΠ΅ΡΡΡΡΡ ΠΏΡΠ΅ΠΆΠ½Π΅Π³ΠΎ Ρ ΠΎΠ·ΡΠΈΠ½Π° ΠΈ ΠΊΠΎΠ΄Ρ ΠΌΠ΅ΡΡΠΈΠΊ. Π‘ΡΡΠ»ΠΊΠΈ Π½Π° ΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ ΡΠ΅ΡΡΡΡΡ (Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ Π½Π° ΠΏΡΠΎΠ΄Π°ΠΆΡ ΠΈ ΠΏΠ°ΡΡΠ½ΡΡΡΠΊΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ) Π·Π°ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° #. ΠΠ°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΏΠΎ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ Π½Π΅ ΡΡΠΎΠ³Π°Π΅ΠΌ. ΠΠ½Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ.
Π¨Π°Π³ 3. ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ ΡΡΠΈΠ»ΠΈ CSS ΠΈ ΠΊΠΎΠ΄ JavaScript
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· Π½ΠΈΡ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π½Π° Π΄ΠΈΡΠΊ.
Π‘ΡΡΡΠΊΡΡΡΡ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΎΠ² ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΠΊΠ°ΠΊ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅. Π ΠΏΠ°ΠΏΠΊΠ΅ CSS β ΡΠ°ΠΉΠ»Ρ ΡΡΠΈΠ»Π΅ΠΉ, Π² ΠΏΠ°ΠΏΠΊΠ΅ JS β ΠΊΠΎΠ΄ JavaScript.
Π‘ Π½ΠΈΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΡΡ Π°ΠΊΠΊΡΡΠ°ΡΠ½Π΅Π΅, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΡΠ°ΠΉΡΡ ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ΅Π½Ρ ΠΎΠ³ΡΠΎΠΌΠ½ΡΠΌ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ JS. ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ°ΠΉΠ» ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ°.
Π Π΅ΡΡ ΡΡΠΈ Π²Π½ΠΈΠ·Ρ, Π² ΠΊΠΎΠ½ΡΠ΅ ΡΠ°ΠΉΠ»Π° html. ΠΡΠΎ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ jQuery, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΡ ΡΠΎΠΆΠ΅ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΈ ΠΊΠΈΠ΄Π°Π΅ΠΌ Π² ΠΎΠ΄Π½Ρ ΠΎΠ±ΡΡΡ ΠΏΠ°ΠΏΠΊΡ Π΄Π»Ρ JS. ΠΠΎΠ΄ Π² ΡΡΡΠΎΠΊΠ΅ 1047 ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅Ρ Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΎΠ½Π»Π°ΠΉΠ½ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡ ΡΠ°ΠΉΠΌΠ΅ΡΠ° ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΡΡΠ΅ΡΠ° Π΄Π»Ρ ΡΠ°ΠΉΡΠ°. Π‘ Π½ΠΈΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π΄Π΅Π»Π°Π΅ΠΌ. ΠΠΎΠ΄ Π²Π½ΡΡΡΠΈ ΠΈΠ½Π΄Π΅ΠΊΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π°, Π·Π°ΠΊΠ»ΡΡΡΠ½Π½ΡΠΉ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ ΠΏΠΎΠΊΠ° ΠΎΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΠΊ Π΅ΡΡΡ.
Π ΠΈΡΠΎΠ³Π΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠΆΠ΅ ΠΏΠΎΡΠΈΠΌΠΏΠ°ΡΠΈΡΠ½Π΅Π΅, Π½ΠΎ Π±Π΅Π· ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ Π²ΡΡ ΡΠ°Π²Π½ΠΎ Π½Π΅ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π²Π΅ΡΠ΅Π»ΠΎ.
Π¨Π°Π³ 4. ΠΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ
ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠΈΠ΄ΡΡΡΡ ΡΠ°Π·ΡΡΠΊΠΈΠ²Π°ΡΡ Π² Π΄Π²ΡΡ ΠΌΠ΅ΡΡΠ°Ρ . ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π² ΡΠ°ΠΉΠ»Π΅ html, Π²ΠΎ-Π²ΡΠΎΡΡΡ , Π² ΠΊΠΎΠ΄Π΅ css, Π³Π΄Π΅ ΠΎΠ½ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΠΎΠ½ΠΎΠΌ Π΄Π»Ρ Π±Π»ΠΎΠΊΠΎΠ²
ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ· ΠΈΠ½Π΄Π΅ΠΊΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΏΡΠΎΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΡΡ ΠΎΠΏΡΡΡ-ΡΠ°ΠΊΠΈ, ΡΠΎ ΡΡΡΠ°Π½ΠΈΡΡ ΠΊΠΎΠ΄Π° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π’Π°ΠΌ ΠΎΠ½ΠΈ ΠΎΡΠ΅Π½Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΅Π½Ρ ΡΠΈΠ½ΠΈΠΌ ΡΡΠΈΡΡΠΎΠΌ.
Π β ΡΠΏΡ! β Π½Π°ΠΌ ΠΏΠΎΠΏΠ°Π»ΡΡ ΠΆΠ°Π΄Π½ΠΎΠ²Π°ΡΡΠΉ Π³ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ Π·Π°ΠΊΡΡΡΡ ΡΠ²ΠΎΠΈ ΡΠ°ΠΉΠ»Ρ ΠΎΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΡΠΈ ΠΏΠΎΠΏΡΡΠΊΠ΅ Π²ΡΡΠ°ΡΠΈΡΡ ΠΈΡ Π½Π°ΠΏΡΡΠΌΡΡ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΠΎΡΠΈΠ±ΠΊΡ ΡΠ΅ΡΠΈ. ΠΠΎΡΡΠΎΠΌΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, ΠΈΡΠ΅ΠΌ Π½ΡΠΆΠ½ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΈ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ Π°Π΄ΡΠ΅Ρ ΡΡΡΠ»ΠΊΠΈ.
ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΠΊΠΎΠ΄Π° ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ, Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ Β«Copy link addressΒ», ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½ΠΎΠ²ΠΎΠ΅ ΠΎΠΊΠ½ΠΎ, Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΡΠ΄Π° ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΡΡΡΠ»ΠΊΡ ΠΈ Π²ΠΈΠ΄ΠΈΠΌ ΡΠΎΡΠΎ. ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ Π΅Π³ΠΎ ΠΊ ΡΠ΅Π±Π΅ Π² ΠΏΠ°ΠΏΠΊΡ images. Π‘ΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π²ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ· html, ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ΅ΠΌΡΡ. Π§Π°ΡΡΠΈΡΠ½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅.
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π΅Π»ΠΎ Π·Π° Π±ΡΠΊΠ³ΡΠ°ΡΠ½Π΄ΠΎΠΌ. Π‘Π½ΠΎΠ²Π° ΠΈΠ΄ΡΠΌ Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°, Π² Π²Π΅ΡΡ Π½Π΅ΠΌ ΠΎΠΊΠΎΡΠΊΠ΅ Π΄Π»Ρ html ΠΏΡΠΎΠ»ΠΈΡΡΡΠ²Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠΈ, Π΄ΠΎ ΡΠ΅Ρ ΠΏΠΎΡ, ΠΏΠΎΠΊΠ° Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΅Π½ Π½ΡΠΆΠ½ΡΠΉ. Π Π½ΠΈΠΆΠ½Π΅ΠΌ, Π³Π΄Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ ΠΊΠΎΠ΄ css ΠΈΡΠ΅ΠΌ ΡΡΡΠ»ΠΊΡ Π½Π° background-image ΠΈΠ»ΠΈ background. ΠΠ΅ΠΉΡΡΠ²ΡΠ΅ΠΌ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΠΎ.
Π ΠΈΡΠΎΠ³Π΅ ΠΏΠ΅ΡΠ²Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° 1 Π² 1 ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ Π±ΡΠ»ΠΎ Ρ Π½Π°ΡΠ΅Π³ΠΎ Π±ΠΈΠ·Π½Π΅ΡΠΌΠ΅Π½Π°. Π£ΡΠΏΠ΅ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π²Π΅ΡΡ JavaScript, ΡΠΈΠΊΠ°ΡΡ ΡΠ°ΡΠΈΠΊΠΈ Π΄ΠΎ Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΈΡ ΡΡΠΏΠ΅Ρ-ΡΠΊΠΈΠ΄ΠΊΠΈ, ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΡΡΡΡΠΈΠΊ ΡΠ²Π΅ΡΡ Π΄ΠΎΡ ΠΎΠ΄ΠΎΠ².
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠ΄Π²ΠΎΠ΄ΠΈΡΡ ΠΈΡΠΎΠ³ΠΈ. Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΡΠΆΠΎΠ³ΠΎ Π»Π΅Π½Π΄ΠΈΠ½Π³Π°, Π±Π»ΠΎΠ³Π°, ΠΏΠΎΡΡΠ°Π»Π°, ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ, Π° ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π²Π·ΡΡΡ ΠΊΠΎΠ΄ html, ΡΡΠΈΠ»ΠΈ css, ΡΠΊΡΠΈΠΏΡΡ js ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΠ°ΡΠ΅ΠΌ ΠΌΡ ΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π½ΡΠΆΠ½ΡΠ΅ Π½Π°ΠΌ, ΡΡΠΈΠ»ΠΈΠ·ΡΠ΅ΠΌ ΡΠ²Π΅Ρ, ΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π²ΠΈΠ΄Π΅ΠΎ ΠΈ ΡΠ΅ΠΊΡΡ Π½Π° ΡΠ²ΠΎΠΈ β ΠΈ Β«Π½ΠΎΠ²ΡΠΉΒ» ΡΠ°ΠΉΡ Π³ΠΎΡΠΎΠ²! Π ΡΠ΅Π»ΠΎΠΌ ΠΏΡΠΎΡΠ΅Π΄ΡΡΠ° Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ Π½Π΅ ΡΡΡΠ΄Π½Π°Ρ, Ρ ΠΎΡΡ ΠΈ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π½ΡΠ΄Π½ΠΎΠ²Π°ΡΠ°Ρ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Π½Π°ΠΈΠ²Π½Ρ ΠΈ Π±Π΅ΡΡΠΌΡΡΠ»Π΅Π½Π½Ρ ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΡΠ΅ ΠΏΠΎΠΏΡΡΠΊΠΈ ΠΊΠ°ΠΊΠΈΠΌ-ΡΠΎ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Β«Π·Π°ΡΠΈΡΠΈΡΡΒ» ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ ΠΎΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ° ΠΈ, Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π²ΠΊΠ»ΡΡΠΈΠΌ Π»ΠΎΠ³ΠΈΠΊΡ β ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΡΠΈΡΠΈΡΡ ΠΎΡ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΆΠ΅ ΠΏΡΠΈΡΡΠ» Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅?
Π‘Π½Π°ΡΠ°Π»Π° Ρ ΠΏΠ»Π°Π½ΠΈΡΠΎΠ²Π°Π» Π²ΡΠ»ΠΎΠΆΠΈΡΡ ΠΈΡΠΎΠ³ΠΎΠ²ΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΈΠ»Π»ΡΡΡΡΠ°ΡΠΈΠΈ, Π½ΠΎ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠΈ ΡΡΠ°ΡΡΠΈ ΠΏΠ΅ΡΠ΅Π΄ΡΠΌΠ°Π». ΠΡΡ-ΡΠ°ΠΊΠΈ, ΠΌΠ½Π΅ Π½Π΅ Ρ ΠΎΡΠ΅ΡΡΡ ΠΏΠ»ΠΎΠ΄ΠΈΡΡ Π² ΡΡΠ½Π΅ΡΠ΅ ΡΠ°ΠΊΠΎΠ³ΠΎ ΡΠΎΠ΄Π° ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΡΡΡΡ Π΄Π°ΠΆΠ΅ ΠΈ Π² Π²ΠΈΠ΄Π΅ ΡΡΠ΅Π±Π½ΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°. ΠΠ΄Π΅ΡΡ ΠΌΡ ΠΏΡΠΎΡΡΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°Π»ΠΈ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ, ΠΊ ΡΠΎΠΆΠ°Π»Π΅Π½ΠΈΡ, Π΄ΠΎ ΡΠΈΡ ΠΏΠΎΡ Π°ΠΊΡΠΈΠ²Π½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π΅Π΄ΠΎΠ±ΡΠΎΡΠΎΠ²Π΅ΡΡΠ½ΡΠ΅ Π²Π΅Π±-ΡΡΡΠ΄ΠΈΠΈ ΠΈ ΡΡΠΈΠ»Π°Π½ΡΠ΅ΡΡ, ΠΊΠΎΠΏΠΈΡΡΡ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ²ΡΠΈΠ΅ΡΡ ΡΠ΅ΡΡΡΡΡ ΠΈ ΠΏΡΠΎΠ΄Π°Π²Π°Ρ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π·Π°ΠΊΠ°Π·ΡΠΈΠΊΡ. ΠΠ΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π΅ ΡΡΠΎΠΈΡ, Π° Π²ΠΎΡ Π·Π½Π°ΡΡ ΡΠ°ΠΌ ΠΏΡΠΈΠ½ΡΠΈΠΏ, Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ, ΠΊΠ°ΠΊ ΡΠ΅Π°Π»ΠΈΠ·ΡΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ, ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΡ.
ΠΠ°ΠΊ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΊΡΡΠΎΠΊ html ΠΊΠΎΠ΄Π° Π²ΠΌΠ΅ΡΡΠ΅ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ?
Π§Π°ΡΡΠ΅Π½ΡΠΊΠΎ Π±ΡΠ²Π°Π΅Ρ ΡΠ°ΠΊΠΎΠ΅.
ΠΠ°Ρ
ΠΎΠ΄ΠΈΠΌ ΠΌΡ ΡΠ°ΠΊΠΈΠ΅ Π½Π° Π½ΠΎΠ²Π΅Π½ΡΠΊΠΈΠΉ ΡΠ°ΠΉΡ ΠΈ Π½Π°Ρ
ΠΎΠ΄ΠΈΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΉ Π±Π»ΠΎΠΊ,
ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΠ²ΠΎΠΈΡ
ΠΊΠ°ΠΊΠΈΡ
Π»ΠΈΠ±ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π°.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°Π·Π±Π΅ΡΠ΅ΠΌΡΡ ΠΊΠ°ΠΊ Π±Π΅Π· ΡΡΡΠ΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ΄ Π±Π»ΠΎΠΊΠ° Ρ Π΅Π³ΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ.
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Chrome SnappySnippet (ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΈ).
1.ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ
2.ΠΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
3.ΠΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΠΌ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ SnappySnippet Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
ΠΈ ΠΆΠΌΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«Create a snippet from inspected elementΒ»
4.ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΈ ΡΡΠΈΠ»ΠΈ, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°Π΅ΠΌΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ:
Π‘Π»Π΅Π²Π° ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊ, ΡΠΏΡΠ°Π²Π° ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΉΡΡ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠ°Π·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π½Π° jsFiddle, CodePen ΠΈΠ»ΠΈ JS Bin.
Π’ΠΎΡΠ½ΠΎΡΡΡ Π½Π΅ 100%-Ρ, Π½ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Ρ ΠΎΡΠΎΡ.
Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π½ΠΎ IE ΠΎΠ±ΠΎΡΠ΅Π» Π΄ΡΡΠ³ΠΈΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π² ΡΡΠΎΠΌ ΠΏΠ»Π°Π½Π΅.
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π»ΠΈΡΠ½Π΅Π³ΠΎ.
ΠΠΎΡ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π² IE11+:
ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄ Π±Π΅Π· Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΡΡΠΎΠΊ
ΠΡΠ²Π°Π΅Ρ ΠΏΡΠΈ Π²ΡΠ²ΠΎΠ΄Π΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π΅Π΅ Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π»ΡΡΡΠ΅Π³ΠΎ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ, Π½Π΅ΡΠ΅Π΄ΠΊΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°Π΅ΡΡΡ Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠΌ. ΠΡΠΈ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΠΈ ΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ Π½Π΅ Π½ΡΠΆΠ½ΠΎ, Ρ.ΠΊ. Π½ΡΠΆΠ½Π° ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΌΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΈ ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ Π² ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅. Π’ΠΎ Π΅ΡΡΡ ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ°ΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΠΎΠΏΠ°Π΄Π°ΡΡ Π² Π±ΡΡΠ΅Ρ ΠΎΠ±ΠΌΠ΅Π½Π°.
Π ΠΌΠΎΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΠΊΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°Π΅ΡΡΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠ΅ΠΉ ΡΡΡΠΎΠΊ, ΡΠ°ΠΊ Π½Π°Π³Π»ΡΠ΄Π½Π΅Π΅ ΠΈ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠΎΡΠ»Π°ΡΡΡΡ Π½Π° ΡΡΡΠΎΠΊΡ ΠΊΠΎΠ΄Π°. ΠΠ΄Π½Π°ΠΊΠΎ, Π΅ΡΠ»ΠΈ ΠΌΡ Ρ
ΠΎΡΠΈΠΌ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, ΡΠΎ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡΡΡ Π±Π΅Π· Π½ΠΎΠΌΠ΅ΡΠ° ΡΡΡΠΎΠΊΠΈ.
ΠΠ½ΠΎΠ³ΠΈΠ΅ highlighter’Ρ ΡΡΠΈΠΌ Π³ΡΠ΅ΡΠ°Ρ, ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠ΄Π° ΠΊΠΎΠΏΠΈΡΡΡΡ Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ Π½ΠΎΠΌΠ΅ΡΠ° ΡΡΡΠΎΠΊ. ΠΡΡ
ΠΎΠ΄ΡΡ ΠΈΠ· ΡΠΈΡΡΠ°ΡΠΈΠΈ ΠΏΠΎ ΡΠ°Π·Π½ΠΎΠΌΡ: Π»ΠΈΠ±ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Ρ
ΠΈΡΡΡΡ Π²Π΅ΡΡΡΠΊΡ, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΉ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠΈ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ ΡΠΎ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ (ΠΌΠΎΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅ΡΠΈΡΡ Π½Π° github Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ), ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΊΠΎΠ΄ Π±Π΅Π· ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ. ΠΠ½Π΅ ΠΏΠΎΠΊΠ°Π·Π°Π»ΠΈΡΡ ΡΡΠΈ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄Ρ Π½Π΅ΡΠ΄ΠΎΠ²Π»Π΅ΡΠ²ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΠΌΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΠ΅ΡΠΈΠ» Π½Π°ΠΉΡΠΈ Π΄ΡΡΠ³ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅.
Π Π΄Π°Π½Π½ΠΎΠΉ Π·Π°ΠΌΠ΅ΡΠΊΠ΅ Ρ ΠΎΠΏΠΈΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΌΡ Π² ΠΈΡΠΎΠ³Π΅ ΠΏΡΠΈΡΠ΅Π». Π Π΅ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΡΠ°ΡΡΠ½ΠΎΠ΅, Π½ΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΊΠΎΠΌΡ ΡΠΎ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ
Π·Π°Π΄Π°Ρ.
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΠΊΡΠ°ΡΠΊΠΎ ΠΏΡΠΎΠΉΠ΄Π΅ΠΌΡΡ ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌ ΡΠ΅ΡΠ΅Π½ΠΈΡ.
Π‘ΠΏΠΎΡΠΎΠ± ΠΏΠ΅ΡΠ²ΡΠΉ, ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΡΠΉ.
Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ±, ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½ΡΠΌΠ΅ΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΠΈΡΠΊΠ° ΡΡΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½Π°Ρ ΡΡΡΠΎΠΊΠ°. ΠΡΠ½ΠΎΠ²Π½ΠΎΠΉ ΠΏΠ»ΡΡ Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄Π°: Π²ΡΠ΅ ΠΏΡΠΎΡΡΠΎ ΠΈ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π·Π°Π΄ΡΠΌΡΠ²Π°ΡΡΡΡ Π΄Π°ΠΆΠ΅ ΠΎ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ. ΠΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅Π»ΡΠ·Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠΎΡΠΌΠ°ΡΠΎΠΌ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΠΈ, Π½Π΅Π»ΡΠ·Ρ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠ΅Ρ (Π½ΠΎΠΌΠ΅Ρ ΡΡΡΠΎΠΊΠΈ) ΠΈ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΊΠ°ΠΊ-ΡΠΎ Π΅Π³ΠΎ Π΄Π΅ΠΊΠΎΡΠΈΡΠΎΠ²Π°ΡΡ. Π ΡΠΎΠΌΡ ΠΆΠ΅ Internet Explorer ΠΈ Firefox ΠΊΠΎΠΏΠΈΡΡΡΡ ΡΠ΅ΠΊΡΡ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠΌ.
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Ρ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΡΠ΅ΡΠΊΠΈΠ²Π°Π΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄Π°.
ΠΡΠΎΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±, ΠΌΠ΅Π½Π΅Π΅ ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΡΠΉ.
ΠΡΠΎΡΠΎΠ΅ ΡΡΠΎ ΠΏΡΠΈΡ
ΠΎΠ΄ΠΈΡ Π½Π° ΡΠΌ β ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ. ΠΠΎΠΆΠ½ΠΎ Π΄Π°ΠΆΠ΅ ΡΠΌΠΈΡΠΈΡΡΡ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ Π² ΡΡΠ°ΡΡΡ
IE ΡΡΠΎ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ (Π½Π° ΡΡΠΎΡ ΡΠ»ΡΡΠ°ΠΉ ΠΌΠΎΠΆΠ½ΠΎ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΡΠ΄Π΅Π»Π°ΡΡ fallback). ΠΠΎ Π±Π΅Π΄Π° Π² ΡΠΎΠΌ, ΡΡΠΎ Internet Explorer ΠΈ Opera ΠΊΠΎΠΏΠΈΡΡΡΡ Π²Π΅ΡΡ Π²ΠΈΠ΄ΠΈΠΌΡΠΉ ΡΠ΅ΠΊΡΡ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΠΈ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
Π‘Π»ΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΠΏΡΠ°Π²Ρ Π»ΠΈ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Internet Explorer/Opera ΠΈΠ»ΠΈ ΠΆΠ΅ ΠΏΡΠ°Π²Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ webkit ΠΈ Firefox ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°. ΠΠ΄Π½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ Ρ ΡΠ²Π΅ΡΠ΅Π½Π½ΠΎΡΡΡΡ, ΡΡΠΎ ΠΌΠ΅ΡΠΎΠ΄ Π½Π΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΠΈΡ.
ΠΠ΅Π±ΠΎΠ»ΡΡΠ°Ρ ΡΠ΅ΠΌΠ°ΡΠΊΠ°
Π‘ΠΏΠΎΡΠΎΠ± ΡΡΠ΅ΡΠΈΠΉ, Π½Π΅Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ.
ΠΠΎΡ, Π² ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, ΠΈ Π²ΡΠ΅.
Π ΠΈΡΠΎΠ³Π΅ ΠΈΠΌΠ΅Π΅ΠΌ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ html Π΄Π»Ρ Π±Π»ΠΎΠΊΠ° Ρ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ (ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Ρ ΡΡΡΠΎΠΊ Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ, ΡΠ΅Π»Π΅Π²ΠΎΠΉ html Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π±Π΅Π· Π½ΠΈΡ , ΠΈΠ½Π°ΡΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ Π½Π΅Π½ΡΠΆΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄Ρ ΡΡΡΠΎΠΊ ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ):
Π CSS Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Β«Π±Π΅Π·ΠΎΠ±ΡΠ°Π·ΠΈΡΒ»:
ΠΠ΅ΠΌΠΎ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° atomjs (Π½Π°Π΄Π΅ΡΡΡ TheShock Π½Π΅ ΠΏΡΠΎΡΠΈΠ² π
Html-ΠΊΠΎΠ΄Π° ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ ΠΎΠ½ Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΡΡΡ javascript’ΠΎΠΌ (ΡΠ²ΠΎΠΉ highlighter).
Π’Π΅ΡΡΠΈΡΠΎΠ²Π°Π»ΠΎΡΡ ΠΏΠΎΠ΄ Chrome/Safari, Firefox 3.6, Opera 11, IE7-9 (ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ΅ΠΆΠΈΠΌΠΎΠ² Π² IE9 RC).
ΠΠ° ΡΡΠΎ ΡΡΠΎΠΈΡ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅
UPDATE
ΠΠ°ΠΉΠ΄Π΅Π½ workaroud ΡΡΠΎΠ±Ρ ΠΏΡΠΈ Π²ΡΡΠ°Π²ΠΊΠ΅ Π² Word/Excel Π½Π΅ Π²ΡΡΠ°Π²Π»ΡΠ»ΠΈΡΡ ΠΏΠΎΠ»Ρ Π²Π²ΠΎΠ΄Π°. Π§ΡΠΎΠ±Ρ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΠ±ΠΈΡΡΡΡ Π΄Π»Ρ Π½ΡΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ Π½Π΅ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠ΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° type. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ ΠΈΠ³Π½ΠΎΡΠΈΡΡΡΡ Π°ΡΡΠΈΠ±ΡΡ ΠΈ ΠΏΠΎΠ»Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΏ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, ΡΠΎ Π΅ΡΡΡ type=Β«textΒ», Π° ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ (ΠΈΠ»ΠΈ Π²ΡΡΠ°Π²ΠΊΠ΅) Π½Π΅ ΠΎΠΏΠΈΡΠ°Π½Ρ ΡΡΠ΅Π½Π°ΡΠΈΠΈ ΠΊΠ°ΠΊ ΠΏΠΎΡΡΡΠΏΠ°ΡΡ Ρ ΠΏΠΎΠ»ΡΠΌΠΈ Π½Π΅ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° β Π² ΠΈΡΠΎΠ³Π΅ ΠΏΠΎΠ»Π΅ ΠΈΠ³Π½ΠΎΡΠΈΡΡΠ΅ΡΡΡ. Π’Π°ΠΊ ΡΡΠΎ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΏΠΎΠΊΠΎΠΉΠ½ΠΎ Π²ΡΡΠ°Π²Π»ΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Word. ΠΡΠΈ ΡΡΠΎΠΌ Π΅ΡΠ»ΠΈ ΠΊΠΎΠ΄ ΠΊΠΎΠΏΠΈΡΡΠ΅ΡΡΡ ΠΈΠ· Chrome/Safari ΠΈΠ»ΠΈ ΠΈΠ· IE, ΡΠΎ ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ°Π²Π»Π΅Π½ Ρ ΡΠ°ΡΠΊΡΠ°ΡΠΊΠΎΠΉ (webkit ΡΠ°ΠΊ ΠΆΠ΅ ΠΊΠΎΠΏΠΈΡΡΠ΅Ρ ΠΈ ΡΠΎΠ½, Π° IE ΠΊΠΎΠΏΠΈΡΡΠ΅Ρ Π±Π΅Π· ΡΠΎΠ½Π°), ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π² ΡΡΠ΄Π΅ ΡΠ»ΡΡΠ°Π΅Π² ΠΌΠΎΠΆΠ΅Ρ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌ.
ΠΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΊΡΡΠΎΠΊ ΠΊΠΎΠ΄Π° html Π²ΠΌΠ΅ΡΡΠ΅ Ρ Π΅Π³ΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ?
ΠΠΎΠΏΡΡΡΠΈΠΌ, Ρ Π½Π°ΡΠ΅Π» ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ Π±Π»ΠΎΠΊ (ΡΠΎΡΠΌΠ° ΠΎΠ±ΡΠ°ΡΠ½ΠΎΠΉ ΡΠ²ΡΠ·ΠΈ).
ΠΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ html ΡΠΎ Π²ΡΠ΅ΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ?
1 ΠΎΡΠ²Π΅Ρ 1
ΠΡΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ Chrome SnappySnippet (ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠΈ).
ΠΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ
ΠΡΠ΄Π΅Π»ΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
ΠΠ΅ΡΠ΅Ρ
ΠΎΠ΄ΠΈΠΌ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ SnappySnippet Π² ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°Ρ
ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
ΠΈ ΠΆΠΌΠ΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Create a snippet from inspected element
ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ ΠΈ ΡΡΠΈΠ»ΠΈ, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ»Π°ΠΆΠ΄Π°Π΅ΠΌΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ:
Π‘Π»Π΅Π²Π° ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊ, ΡΠΏΡΠ°Π²Π° ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ

ΠΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΉΡΡ ΠΊΠΎΠ΄ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠ°Π·Ρ ΠΎΡΠΏΡΠ°Π²ΠΈΡΡ Π½Π° jsFiddle, CodePen ΠΈΠ»ΠΈ JS Bin.
Π’ΠΎΡΠ½ΠΎΡΡΡ Π½Π΅ 100%-Ρ, Π½ΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Ρ
ΠΎΡΠΎΡ.
Update:
Π£Π΄ΠΈΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ, Π½ΠΎ IE ΠΎΠ±ΠΎΡΠ΅Π» Π΄ΡΡΠ³ΠΈΠ΅ Π±ΡΠ°ΡΠ·Π΅ΡΡ Π² ΡΡΠΎΠΌ ΠΏΠ»Π°Π½Π΅.
Π‘ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ Π½Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π»ΠΈΡΠ½Π΅Π³ΠΎ.
ΠΠΎΡ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ Π² IE11+:
Π§ΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π² ΡΠ½ΠΈΠΏΠΏΠ΅ΡΠ΅ Π΅Π³ΠΎ Π½Π΅ΠΎΠ±Ρ
ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡΠΎΠΊΡΡΡΠΈΡΡ Π²ΠΏΡΠ°Π²ΠΎ Π΄ΠΎ ΡΠΏΠΎΡΠ°.
ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°: ΠΏΡΡΡ ΠΊ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅. ΠΡΠ»ΠΈ Π΅Π³ΠΎ ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ, ΡΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅:
Π‘Π»Π΅Π²Π° ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊ, ΡΠΏΡΠ°Π²Π° ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
HTML: ΡΠΊΠ°ΡΠ°ΡΡ ΡΠ°ΠΉΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ
Π‘Π»ΡΡΠ°ΡΡΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠΈΡΡΠ°ΡΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° Π²Ρ Π½Π°ΡΠΊΠ½ΡΠ»ΠΈΡΡ Π½Π° Ρ ΠΎΡΠΎΡΠΈΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡ. ΠΠ° Π½Π΅ΠΌ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½Ρ ΡΠΊΡΠΈΠΏΡΡ, Ρ ΠΎΡΠΎΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, Π½Π΅ΠΎΠ±ΡΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅ΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π°ΠΌ Π½Π΅Π·Π½Π°ΠΊΠΎΠΌΡ.
ΠΠ»Ρ ΡΠ΅Ρ ΠΆΠ΅, ΠΊΡΠΎ Ρ ΠΎΡΠ΅Ρ ΡΠ»ΡΡΡΠΈΡΡ ΡΠ²ΠΎΠΈ Π½Π°Π²ΡΠΊΠΈ Π²Π΅ΡΡΡΠΊΠΈ, Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° Π΄ΠΈΠ·Π°ΠΉΠ½ ΡΠ°ΠΉΡΠ°. ΠΠ½ΠΎΠ³Π΄Π° Π²ΠΎΠ·Π½ΠΈΠΊΠ°Π΅Ρ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΊΠΎΠ΄ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ΅ΡΠ΅Π· Π±ΡΠ°ΡΠ·Π΅Ρ, Π½ΠΎ ΡΡΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΠ΄ΠΎΠ±Π½ΠΎ, Π΄Π° ΠΈ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ»ΠΎΠΆΠ½Π΅Π΅, ΡΠ΅ΠΌ Π΄Π΅ΠΊΠΎΠΌΠΏΠΈΠ»ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΊΠΎΠ΄.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ 2 ΡΠΏΠΎΡΠΎΠ±Π° ΡΠΊΠ°ΡΠ°ΡΡ ΡΠ°ΠΉΡ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ. ΠΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ Π²ΡΠ΅ ΡΠ°ΠΉΠ»Ρ ΡΠ΅Π±Π΅ Π½Π° ΠΠ, Π° Π·Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠ΅.
ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅! ΠΡΠ° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π½Π΅ Π΄Π»Ρ Ρ Π°Π»ΡΠ²ΡΠΈΠΊΠΎΠ²! ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΊΠ°ΡΠ°ΡΡ ΡΠ°ΠΉΡ ΠΈ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ΅ΠΊΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π°ΡΡ Π΅Π³ΠΎ Π·Π° ΡΠ²ΠΎΠΉ, Π·Π½Π°ΠΉΡΠ΅ β ΡΡΠΎ ΡΠ°ΠΊ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ!
Π‘ΠΏΠΎΡΠΎΠ± 1 β ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ html, js, css ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ
ΠΡΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅Ρ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΊΠΎΠ΄Π° Π²ΡΡΡΠ½ΡΡ. ΠΠ°ΠΌ Π½Π΅ ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ ΡΡΠΎΡΠΎΠ½Π½ΠΈΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΠΈΠ»ΠΈ ΡΠ΅ΡΠ²ΠΈΡΡ, Π²ΡΡ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ β ΠΏΡΠΎΡΡΠΎΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ ΠΊΠΎΠ΄Π°. Π₯ΠΎΡΠΎΡΠΈΠΌΠΈ Π²Π°ΡΠΈΠ°Π½ΡΠ°ΠΌΠΈ ΡΠ²Π»ΡΡΡΡΡ Notepad++ ΠΈΠ»ΠΈ Brackets. ΠΠ°Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ², ΠΎΠ³ΡΠΎΠΌΠ½ΡΠ΅ ΠΏΠΎΡΡΠ°Π»Ρ Ρ ΡΡΡΡΡΠ°ΠΌΠΈ ΡΡΡΠ°Π½ΠΈΡ Π²Ρ ΠΈ Π·Π° ΠΌΠ΅ΡΡΡ Π½Π΅ ΡΠΊΠ°ΡΠ°Π΅ΡΠ΅.
ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΠΊΠΎΡΠ½Π΅Π²ΡΡ ΠΏΠ°ΠΏΠΊΡ, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°. ΠΠ½ΡΡΡΠΈ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ 3 ΠΏΠ°ΠΏΠΊΠΈ: Π΄Π»Ρ ΡΠΊΡΠΈΠΏΡΠΎΠ², ΡΡΠΈΠ»Π΅ΠΉ ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ. ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΏΠ°ΠΏΠΎΠΊ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, Π³Π»Π°Π²Π½ΠΎΠ΅ β Π½Π΅ Π·Π°ΠΏΡΡΠ°ΠΉΡΠ΅ΡΡ. Π‘Π°ΠΌΡΠ΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΡ: img, scripts, styles.
Π‘ΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΡ Π² 3 ΡΡΠ°ΠΏΠ°:
Π‘ΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ html ΠΊΠΎΠ΄Π°
ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²Π°Ρ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΠ΅Ρ. Π§ΡΠΎΠ±Ρ ΠΎΡΠΊΡΡΡΡ html ΠΊΠΎΠ΄ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ ΠΊΠ»Π°Π²ΠΈΡ ctrl + U. html ΠΊΠΎΠ΄ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΈΠ»ΠΈ Π½Π° Π±ΠΎΠΊΠΎΠ²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ.
ΠΠ»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΎΡΡΠ°Π²ΡΠΈΠ΅ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ, Π΄Π΅Π»Π°Π΅ΠΌ ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅. ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ ΠΊΠΎΠ΄, ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π΅Π³ΠΎ ΠΈ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ, Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π² ΡΠ°ΠΉΠ»Π΅. ΠΡΠ΅ html ΡΠ°ΠΉΠ»Ρ Π»ΡΡΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΡΡΡ Π² ΠΊΠΎΡΠ½Π΅Π²ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅, ΡΡΠΎΠ±Ρ ΠΈΡ Π±ΡΠ»ΠΎ ΠΏΡΠΎΡΠ΅ Π½Π°ΠΉΡΠΈ. ΠΠ»Ρ Π±ΠΎΠ»ΡΡΠ΅Π³ΠΎ ΡΠ΄ΠΎΠ±ΡΡΠ²Π° Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ°ΠΉΠ»Π°ΠΌ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΡ.
Π‘ΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ ΠΈ ΡΠΊΡΠΈΠΏΡΠΎΠ²
ΠΡΠ°ΠΊ, Π²Ρ ΡΠΊΠ°ΡΠ°Π»ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ ΡΠ°ΠΉΡΠ°, Π½ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠ΄Π° ΡΠΊΡΠΈΠΏΡΡ ΠΈ Π²Π΅ΡΠ½ΡΡΡ Π΅Π³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π½ΡΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ css-ΡΡΠΈΠ»ΠΈ ΠΈ ΡΠ°ΠΉΠ»Ρ JavaScript. ΠΠ°ΠΉΡΠΈ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎ ΡΠ°ΠΊΠΈΠΌ ΡΡΡΠ»ΠΊΠ°ΠΌ:
ΠΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΊΠΎΠ΄ ΡΠ°ΠΊΠΆΠ΅, ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ Π½ΡΠΆΠ½ΠΎ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΡΠΌΠΈ: Β«.cssΒ» ΠΈ Β«.jsΒ». Π‘ΠΎΡ ΡΠ°Π½ΡΡΡ ΠΈΡ Π½ΡΠΆΠ½ΠΎ Π² ΠΏΠ°ΠΏΠΊΠ°Ρ , ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π΄Π»Ρ ΡΠΊΡΠΈΠΏΡΠΎΠ² ΠΈ ΡΡΠΈΠ»Π΅ΠΉ.
Π‘ΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
Π‘ΠΊΠ°ΡΠ°ΡΡ ΠΏΠΎΡΡΠΈ Π²ΡΠ΅Π³Π΄Π° ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ. ΠΠΎΠΆΠ½ΠΎ Π·Π°ΠΉΡΠΈ Π½Π° ΡΠ°ΠΉΡ, Π½Π°ΠΆΠ°ΡΡ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±ΡΠ°ΡΡ ΠΏΡΠ½ΠΊΡ Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΊΠ°ΠΊΒ».
ΠΠ΄Π½Π°ΠΊΠΎ, Π½Π΅ Π½Π° Π²ΡΠ΅Ρ ΡΠ°ΠΉΡΠ°Ρ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. ΠΡΠ»ΠΈ ΡΠ°ΠΊ, ΡΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΊΠ°Π·Π°Π½Ρ Π² ΠΊΠΎΠ΄Π΅, Π² ΡΠ΅Π³Π°Ρ img ΠΈΠ»ΠΈ ΡΡΠΈΠ»ΡΡ url.
ΠΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠ°Π½Π΅Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅, Π½Π°ΠΆΠ°Π² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ F12. Π Π½Π΅ΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ ΡΠ°ΠΉΡΠ°. ΠΠ°ΡΠ΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ ΠΈΡ , Π° ΠΏΠΎΡΠ»Π΅ ΡΠΊΠΈΠ½ΡΡΡ Π² ΠΏΠ°ΠΏΠΊΡ images.
Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π°
ΠΠΎΠ·Π΄ΡΠ°Π²Π»ΡΠ΅ΠΌ, Π²Ρ ΡΠΊΠ°ΡΠ°Π»ΠΈ ΡΠ°ΠΉΡ, Π½ΠΎ ΠΏΠ΅ΡΠ΅Π΄ Π΅Π³ΠΎ ΠΎΡΠΊΡΡΡΠΈΠ΅ΠΌ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΈΡΡΠΊΡ.
ΠΡΠΈΠΌΠ΅ΡΡ ΡΠ°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠ΄Π°Π»ΠΈΡΡ:
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ ΡΠ±ΡΠ°Π»ΠΈ Π²Π΅ΡΡ Π½Π΅Π½ΡΠΆΠ½ΡΠΉ ΠΊΠΎΠ΄ΠΎΠ²ΡΠΉ ΡΠ΅ΠΊΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ.
Π ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ html ΡΠ°ΠΉΠ»Ρ ΠΈ Π½Π°ΠΉΠ΄ΠΈΡΠ΅ ΡΠ΅Π³ΠΈ Ρ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ Π½Π° JavaScript ΠΈ CSS ΡΠ°Π»Ρ, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅. ΠΡΠ»ΠΈ Π½Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΡΠ»ΠΊΠΈ, ΡΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ html ΡΡΡΠ°Π½ΠΈΡΠ°, Π±Π΅Π· ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΡΡ ΠΊ ΡΡΡΠ»ΠΊΠ°ΠΌ Π½Π° ΡΠ°ΠΉΠ»Ρ Π²ΡΡΡΠ½ΡΡ:
ΠΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ JavaScript ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ:
ΠΠΎΡΠ»Π΅ ΡΠΈΡΡΠΊΠΈ ΠΊΠΎΠ΄Π° ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠ»ΠΎΠΊ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΌΠ΅Π»ΠΎ ΠΏΡΠΎΠ²Π΅ΡΡΡΡ ΡΠ°Π±ΠΎΡΡ ΡΠ°ΠΉΡΠ°, Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π΅Π³ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅. Π‘ΡΡΠ°Π½ΠΈΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»(Π΅ΡΠ»ΠΈ Π²Ρ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΡΠ΄Π°Π»ΡΠ»ΠΈ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎ).
Π‘ΠΏΠΎΡΠΎΠ± 2 β ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΡΠ΅Π· WGet
ΠΠ°Π½Π½ΡΠΉ ΠΌΠ΅ΡΠΎΠ΄ ΡΡΠ°ΡΠΈΡ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½ΡΡΠ΅ ΡΡΠΈΠ»ΠΈΠΉ ΠΈ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΠ΅ΠΌ ΡΡΡΠ½ΠΎΠ΅ ΡΠΊΠ°ΡΠΈΠ²Π°Π½ΠΈΠ΅. ΠΡΡ ΡΡΠΎ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ β ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ° wget, ΡΡΠΎΠ±Ρ ΡΠΊΠ°ΡΠ°ΡΡ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅.
Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎΠ± ΡΡΠΎΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅, ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ ΡΡΠ°ΡΡΡ Π² Π²ΠΈΠΊΠΈΠΏΠ΅Π΄ΠΈΠΈ, Π»ΠΈΠ±ΠΎ ΠΆΠ΅ Π½Π° Π»ΡΠ±ΠΎΠΌ Π΄ΡΡΠ³ΠΎΠΌ ΡΠ°ΠΉΡΠ΅.
Π‘ΠΎΠ·Π΄Π°Π΅ΠΌ ΠΏΠ°ΠΏΠΊΡ wget ΠΈ ΡΠ°ΡΠΏΠ°ΠΊΠΎΠ²ΡΠ²Π°Π΅ΠΌ ΡΡΠ΄Π° ΡΠΊΠ°ΡΠ°Π½Π½ΡΠΉ Π°ΡΡ ΠΈΠ². ΠΡΡΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΠ°ΠΏΠΊΡ Π² Program Files, Π½Π° Π΄ΠΈΡΠΊΠ΅ C.
ΠΠΎΡΠ»Π΅ ΡΠ°ΡΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ Π²Π΅ΡΠ½ΠΈΡΠ΅ΡΡ Π½Π° ΡΠ°Π±ΠΎΡΠΈΠΉ ΡΡΠΎΠ» ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π½Π° Π·Π½Π°ΡΠΎΠΊ Β«ΠΠΎΠΉ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΒ» ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ. ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈ Π·Π°ΠΉΠ΄ΠΈΡΠ΅ Π² Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈΠ»ΠΈ Β«ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Ρ ΡΡΠ΅Π΄ΡΒ». ΠΠ°Ρ ΠΎΠ΄ΠΈΠΌ Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ Β«Π‘ΠΈΡΡΠ΅ΠΌΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅Β» ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π΅ΠΌ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΒ». ΠΠ΄Π΅ΡΡ Π½Π°Ρ ΠΎΠ΄ΠΈΠΌ ΡΡΡΠΎΡΠΊΡ ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ Β«PathΒ».
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΡΠΎΡΠΊΡ Β«ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΉΒ». Π Π½Π΅Ρ Π²Π²ΠΎΠ΄ΠΈΠΌ ΡΠΎΡΠΊΡ Ρ Π·Π°ΠΏΡΡΠΎΠΉ, Π° ΠΏΠΎΡΠΎΠΌ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π°Π΄ΡΠ΅Ρ ΠΏΠ°ΠΏΠΊΠΈ wget. ΠΠ°ΠΆΠΈΠΌΠ°Π΅ΡΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡΒ» ΠΈ Π²ΡΡ.
ΠΠ°ΡΠ΅ΠΌ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ, ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π·Π°ΠΉΠ΄ΠΈΡΠ΅ Π² ΠΊΠΎΠ½ΡΠΎΠ»Ρ β Π·Π°ΠΉΠ΄ΠΈΡΠ΅ Π² ΠΌΠ΅Π½Ρ Β«ΠΡΡΠΊΒ» ΠΈ Π² ΠΊΠΎΠΌΠ°Π½Π΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Β«cmdΒ». ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Π°ΠΌ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΠΊΠΎΠ½ΡΠΎΠ»Ρ, Π½Π°Π±Π΅ΡΠΈΡΠ΅ Π² Π½Π΅ΠΉ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅: Β«wget βh Β«.
-page-requisities β ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ. ΠΡΠ»ΠΈ Π΅Π³ΠΎ Π½Π΅ Π²Π²Π΅ΡΡΠΈ, ΡΠΎ Π²Ρ ΡΠΊΠ°ΡΠ°Π΅ΡΠ΅ html ΡΡΡΠ°Π½ΠΈΡΡ, Π±Π΅Π· ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΡΡΠΈΠ»Π΅ΠΉ ΠΈ ΡΠΊΡΠΈΠΏΡΠΎΠ².
ΠΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ Π²Π²Π΅Π»ΠΈ ΡΡΡΠΎΠΊΡ Π² ΠΊΠΎΠ½ΡΠΎΠ»ΠΈ, ΡΠ°ΠΉΡ Π½Π°ΡΠ½Π΅Ρ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡΡΡ. ΠΠ°ΠΉΡΠΈ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π² ΠΏΠ°ΠΏΠΊΠ΅ Β«ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈΒ», Π½Π° Π΄ΠΈΡΠΊΠ΅ C. ΠΡΠ»ΠΈ Ρ Π²Π°Ρ Windows 7, ΡΠΎ Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΊΠ°ΡΡ Π² ΠΏΠ°ΠΏΠΊΠ΅ Β«AdminΒ».



























