ΠΏΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΡΠ°ΠΉΡΠ° Π½Π° html ΠΈ css
ΠΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ ΡΠ°ΠΉΡΠ° β ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π±Π»ΠΎΠΊΠΎΠ² Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ Π½Π° HTML ΠΈ CSS
Π‘ΡΡΠ°Π½ΠΈΡΠ° 1
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°
Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ: ΠΠΎΡΠΎΠ²ΡΠ΅ HTML ΡΠ°Π±Π»ΠΎΠ½Ρ Π½Π° ΡΡΡΡΠΊΠΎΠΌ
ΠΠ°ΠΏΠΈΡΡ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π° Π² ΡΡΠ±ΡΠΈΠΊΠ΅ HTML ΠΎΡΠ½ΠΎΠ²Ρ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π² Π·Π°ΠΊΠ»Π°Π΄ΠΊΠΈ ΠΏΠΎΡΡΠΎΡΠ½Π½ΡΡ ΡΡΡΠ»ΠΊΡ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅ | ΠΡΠΎΡΡΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅ | HTML-ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ° ΡΠ΅ΡΠ΅Π· Π±Π»ΠΎΠΊΠ½ΠΎΡ
ΠΠΎΠ±ΡΠΎΠ³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΡΡΠΎΠΊ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π² ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎΠΌ ΠΌΠΈΡΠ΅ ΡΠ°ΠΉΡΡ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Π»ΠΈΠ±ΠΎ Π½Π° CMS Π»ΠΈΠ±ΠΎ Π² Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΡ ΠΈΠ»ΠΈ ΠΏΠ»Π°ΡΠ½ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ°Ρ . ΠΠΎ Π²ΡΠ΅ ΠΆΠ΅, Π² Π½Π°ΡΠ°Π»Π΅ Π²ΡΠ΅ΠΌΠ΅Π½ 1990-2000 Π³ΠΎΠ΄Ρ ΡΠ°ΠΉΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈΡΡ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π½Π° HTML, Π±Π΅Π· ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ ΠΎΠ±ΡΠ°ΡΠ΅Π½ΠΈΠΉ ΠΊ Π±Π°Π·Π΅ Π΄Π°Π½Π½ΡΡ . Π Π°Π·Π»ΠΈΡΠ½ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ HTML + CSS Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Dreamweaver β ΠΏΠΎΡΠ²ΠΈΠ»ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠ°ΠΌΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ 20-Π³ΠΎ Π²Π΅ΠΊΠ°. ΠΠΎΡΡΠΎΠΌΡ ΡΠ°ΠΉΡΡ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈΡΡ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅ ΠΈ Π΄ΡΡΠ³ΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠ². Π₯ΠΎΡΡ ΡΠ΅ΠΉΡΠ°Ρ ΠΈ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ ΡΠ΄ΠΎΠ±Π½ΡΡ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠ΅ΡΡΡΡ, ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ Π±Π»ΠΎΠΊΠ½ΠΎΡΠ° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²ΡΡΡΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Ρ ΠΏΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΠΎΡΠ½ΠΎΠ²Ρ HTML Π² ΡΠ΅Π»ΠΎΠΌ.
Π Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΠ»Π°, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, index.html
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΏΡΠΈΡΡΡΠΏΠ°ΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ HTML Π²Π΅ΡΡΡΠΊΠΈ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅. ΠΠ»Ρ Π½Π°ΡΠ°Π»Π°, Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ HTML ΠΊΠΎΠ΄Π°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΅Π΅ ΡΡΠ°Π·Ρ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ, ΡΡΠΎΠ±Ρ Π½Π΅ ΡΡΠ°ΡΠΈΡΡ Π²ΡΠ΅ΠΌΡ ΠΏΠΎΠΏΡΡΡΡ.
ΠΠΎ ΡΡΡΠΈ ΡΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΠΈ ΡΠΎΡΡΠΎΠΈΡ Π»ΡΠ±ΠΎΠΉ Π²Π΅Π±-ΡΠ΅ΡΡΡΡ. ΠΡΠ΅, ΡΡΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠΊΠΎΠ±ΠΊΠ°Ρ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ HTML-ΡΠ΅Π³ΠΎΠΌ ΠΈΠ»ΠΈ ΠΏΡΠΎΡΡΠΎ ΡΠ΅Π³ΠΎΠΌ. ΠΡΠ΅ HTML ΡΠ΅Π³ΠΈ ΠΎΡΠΊΡΡΠ²Π°ΡΡΡΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°Ρ Π² ΡΠ΅Π±Π΅ ΠΊΠ°ΠΊΡΡ-ΡΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΈ Π·Π°ΡΠ΅ΠΌ Π·Π°ΠΊΡΡΠ²Π°ΡΡΡΡ. ΠΡΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΠ΅Π³ΠΈ, ΠΊΠΎΡΠΎΡΡΠΌ Π½Π΅ Π½ΡΠΆΠ΅Π½ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΡΠ΅Π³, Π½ΠΎ ΠΎ Π½ΠΈΡ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΠΎΠ·ΠΆΠ΅. Π‘Π΅ΠΉΡΠ°Ρ Π½Π°ΠΌ ΠΊΡΠ΄Π° ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½Π΅ΠΉ ΠΎΡΠ²Π΅Ρ Π½Π° Π²ΠΎΠΏΡΠΎΡ Β«ΠΊΠ°ΠΊ ΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΡ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅?Β».
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· Π½ΠΈΡ , ΡΡΠΎΠ±Ρ ΠΌΡ ΠΌΠΎΠ³Π»ΠΈ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΠΈΡΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΠ°ΠΉΡΡ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅
HTML-ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° ΡΠ΅ΡΠ΅Π· Π±Π»ΠΎΠΊΠ½ΠΎΡ
ΠΠ°ΠΆΠΌΠ΅ΠΌ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΠΊΠ»ΠΈΠΊΠ½Π΅ΠΌ Π½Π° ΠΏΠΎΠ»ΡΡΠΈΠ²ΡΠΈΠΉΡΡ ΡΠ°ΠΉΠ». ΠΡΠΊΡΠΎΠ΅ΡΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈ ΠΌΡ ΡΠ²ΠΈΠ΄ΠΈΠΌ Π½Π°Ρ ΡΠ°ΠΉΡ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠΉ Π½Π° Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅
ΠΠΎΠ»ΡΡΠΈΠ»ΡΡ Ρ Π½Π°Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π΅ ΡΠ°ΠΌΡΠΉ Π»ΡΡΡΠΈΠΉ Π² ΠΌΠΈΡΠ΅ Π²Π΅Π±-ΡΠ΅ΡΡΡΡ, Π½ΠΎ Π½Π°Π΄ΠΎ Π²Π΅Π΄Ρ Ρ ΡΠ΅Π³ΠΎ-ΡΠΎ Π½Π°ΡΠΈΠ½Π°ΡΡ?:)
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ Π½Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Π»ΠΈ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΠΊΠ°ΠΊ ΠΆΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°, ΡΠΎ Π΄ΠΎΠ±ΡΠΎ ΠΏΠΎΠΆΠ°Π»ΠΎΠ²Π°ΡΡ Π² ΡΡΡ ΡΡΠ°ΡΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΡΠΈΠ΄Π°Π΄ΠΈΠΌ Π΅ΠΌΡ Β«ΠΊΡΠ°ΡΠΈΠ²ΠΎΡΡΠ΅ΠΉΒ», Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠ»Π΅ΠΉ Π²Π½ΡΡΡΠΈ ΡΠ΅Π³Π°
Π ΠΈΡΠΎΠ³Π΅ Π½Π°Ρ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΉΡΠ° ΡΠ΄Π΅Π»Π°Π½Π½ΠΎΠ³ΠΎ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅ Π² ΠΊΠΎΠ΄Π΅ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ
Π’Π΅ΠΏΠ΅ΡΡ Π²Ρ Π½Π°ΡΡΠΈΠ»ΠΈΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΡΡΠ΅ ΡΠ°ΠΉΡΡ Π² Π±Π»ΠΎΠΊΠ½ΠΎΡΠ΅. ΠΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΈΠ»ΠΈ ΠΈ ΡΠ΅Π³ΠΈ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ ΠΊΠ°ΠΊ ΠΆΠ΅ ΡΡΡΡΠΎΠ΅Π½Ρ ΡΠ°ΠΉΡΡ.
UPD2. ΠΠΎΠ±Π°Π²ΠΈΠ» Π² ΠΊΠΎΠ΄ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠΈ, Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΡΡΠΊΠΎΠ³ΠΎ ΡΠ·ΡΠΊΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°.
UPD3. ΠΠΎΠ³Π΄Π° Π²Ρ ΡΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΡΠ°ΠΉΡ ΠΈ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ Π΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅, Π²Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ Ρ ΠΎΡΡΠΈΠ½Π³, Π·Π΄Π΅ΡΡ Ρ Π½Π°ΠΏΠΈΡΠ°Π» ΠΊΠ°ΠΊ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ΅ΡΠ²Π΅Ρ ΠΈ ΡΠ΄Π΅Π»Π°Π» ΠΏΠΎΠ΄Π±ΠΎΡΠΊΡ ΠΈΠ· Π»ΡΡΡΠΈΡ .
ΠΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°
ΠΠ²ΠΈΠ΄Ρ ΡΠΎΠ³ΠΎ,ΡΡΠΎ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΏΡΡΠΈΡΡΡΠ°Π½ΠΈΡΠ½ΡΠΉ ΡΠ°ΠΉΡ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ° Π±Π΅Π· CMS (Π±Π΅Π· Π΄Π²ΠΈΠΆΠΊΠ°).Π‘ΡΠΎΠΈΡ Π·Π°ΠΌΠ΅ΡΠΈΡΡ ΡΡΠΎ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠ°Π±Π»ΠΈΡΠ½Π°Ρ ΠΈΠ»ΠΈ Π±Π»ΠΎΡΠ½Π°Ρ Π²Π΅ΡΡΡΠΊΠ°.Π Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ ΡΠ»ΡΡΠ°Π΅Π² Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΈ ΡΠ°Π±Π»ΠΈΡΠ½Π°Ρ ΠΈ Π±Π»ΠΎΡΠ½Π°Ρ Π²Π΅ΡΡΡΠΊΠ°.ΠΠ΄Π΅ΡΡ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΠ½ΡΡ Π²Π΅ΡΡΡΠΊΡ.
ΠΠΎ ΠΏΠ΅ΡΠ²ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΠ°ΠΏΠΊΡ ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ Π² Β«ΠΠΎΠΈ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡΒ» ΠΈ Π½Π°Π·Π²Π°ΡΡ Β«htdocsΒ».Π ΡΡΡ ΠΏΠ°ΠΏΠΊΡ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π²ΡΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΡ ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΡΠ°ΠΉΡΠ°.
ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ Π±Π»ΠΎΠΊΠΎΠ² Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ Π½Π° HTML ΠΈ CSS
2014-06-25 / ΠΡ:00:49 / ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²: 137547
ΠΡΠ΅ΠΌ ΠΏΡΠΈΠ²Π΅Ρ!
ΠΠ΄Π½Π°ΠΆΠ΄Ρ Ρ ΠΏΠΎΠ΄ΡΠΌΠ°Π»: Π΄Π»Ρ ΡΠ΅Π³ΠΎ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΠΊΠΎΠ΄ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΠΊΠΈΡ
-Π»ΠΈΠ±ΠΎ ΡΠ°ΠΉΡΠΎΠ², Π΅ΡΠ»ΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠΈ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΈΠΌΠΈ. ΠΡΠΎ, Π²ΠΎ-ΠΏΠ΅ΡΠ²ΡΡ
, ΡΡΠΊΠΎΡΠΈΡ Π²ΡΠ΅ΠΌΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠΎΠ². ΠΠΎ-Π²ΡΠΎΡΡΡ
, Π΅ΡΠ»ΠΈ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΡΡΠ°Π·Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΌΠ°ΠΊΠ΅Ρ, ΡΠΎ ΠΎΡΠΈΠ±ΠΊΠΈ Π² ΠΊΠΎΠ΄Π΅ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΌΠ΅Π½ΡΡΠ°ΡΡΡ. Π-ΡΡΠ΅ΡΡΠΈΡ
, ΡΠ΅, ΠΊΡΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΡΡ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠ°ΠΌΠΈ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ², ΠΌΠΎΠ³ΡΡ ΠΎ Π½ΠΈΡ
Π·Π°Π±ΡΡΡ.
ΠΡΠ°ΠΊ, ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΡΠ΅ ΠΈ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ.
Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ β ΡΡΠΎ ΠΊΠΎΠ³Π΄Π° ΡΠΈΡΠΈΠ½Π° Π±Π»ΠΎΠΊΠΎΠ² Π·Π°Π΄Π°Π΅ΡΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ (px), Π° ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠ°ΠΊΠ΅ΡΠ° ΡΠ°ΠΉΡΠ° Π±ΡΠ΄Π΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌ Π½Π΅ Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΊΡΠ°Π½Π°.
Π Π΅Π·ΠΈΠ½ΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ β ΡΡΠΎ ΠΊΠΎΠ³Π΄Π° ΡΠΈΡΠΈΠ½Π° Π±Π»ΠΎΠΊΠΎΠ² Π·Π°Π΄Π°Π΅ΡΡΡ Π² ΠΏΡΠΎΡΠ΅Π½ΡΠ°Ρ (%), Π° ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ ΠΌΠ°ΠΊΠ΅Ρ ΡΠ°ΠΉΡΠ° Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π³ΠΈΠ±ΠΊΠΈΠΌ ΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠ΄ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ Π»ΡΠ±ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π°.
ΠΠ°ΠΊΠ΅Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΠ΄Π½ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΌ:
ΠΠ΄Π½ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ (Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ)
β ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π΅ΠΌ Π±Π»ΠΎΠΊ Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΡΠΊΡΠ°Π½Π°.
ΠΡΠΈΠΌΠ΅Ρ :
Π’Π°ΠΊΠΎΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ Π΄Π»Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°:
— ΡΠΎΡΠΊΠΈ Π²Ρ ΠΎΠ΄Π° Π½Π° ΡΠ°ΠΉΡ ΠΈΠ»ΠΈ Π² Π°Π΄ΠΌΠΈΠ½-ΠΏΠ°Π½Π΅Π»Ρ;
— ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΡ ΠΎΠ± ΠΎΡΠΏΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΌ ΠΏΠΈΡΡΠΌΠ΅ ΠΈ Ρ. Π΄.
β ΠΠ°ΠΊΠ΅Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ:
β ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²Π°ΡΠΈΠ°Π½Ρ ΠΎΠ΄Π½ΠΎΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°:
ΠΠ²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ (Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ)
Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ
Π§Π°ΡΡΠ΅Π½ΡΠΊΠΎ Π² ΡΠ΅ΡΠΈ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ Π²ΡΡΡΠ΅ΡΠ°ΡΡΡΡ Π΄Π²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠ΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΎ ΡΠ°ΠΌΡΠ΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠΎΠ², ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΈΡΠ°ΡΡΡΡ ΡΠ°ΠΌΡΠΌΠΈ ΡΠ΄ΠΎΠ±Π½ΡΠΌΠΈ ΠΈ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ. Π ΡΠ°ΠΊΠΆΠ΅ ΠΎΠ½ΠΈ Ρ ΠΎΡΠΎΡΠΎ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌΠΈ. Π ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π° Π² Π»Π΅Π²ΠΎΠΉ β ΠΊΠΎΠ½ΡΠ΅Π½Ρ. ΠΠ»ΠΈ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π° Π² Π»Π΅Π²ΠΎΠΉ β ΠΌΠ΅Π½Ρ.
β ΠΠ²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ (ΡΠ»Π΅Π²Π° ΠΌΠ΅Π½Ρ, ΡΠΏΡΠ°Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ):
β ΠΠ²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ (ΡΠ»Π΅Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ, ΡΠΏΡΠ°Π²Π° ΠΌΠ΅Π½Ρ):
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΌΠ΅ΡΡΠ°ΠΌΠΈ Π±Π»ΠΎΠΊΠΈ, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π² ΡΡΡΠΎΠΊΠ°Ρ 30, 33, 41:
(ΡΠ»Π΅Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ, ΡΠΏΡΠ°Π²Π° ΠΌΠ΅Π½Ρ)
float: right; /* ΠΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ */
margin-right: 130px; /* ΠΡΡΡΡΠΏ ΡΠΏΡΠ°Π²Π° */
clear: right; /* ΠΡΠΌΠ΅Π½ΡΠ΅ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ float */
(ΡΠ»Π΅Π²Π° ΠΌΠ΅Π½Ρ, ΡΠΏΡΠ°Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ)
float: left; /* ΠΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ */
margin-left: 130px; /* ΠΡΡΡΡΠΏ ΡΠ»Π΅Π²Π° */
clear: left; /* ΠΡΠΌΠ΅Π½ΡΠ΅ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ float */
β ΠΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π‘ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ β ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π²ΡΠΎΡΠΎΠΉ Π±Π»ΠΎΠΊ β Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ ΠΌΠ΅Π½Ρ:
β ΠΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π‘ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ β ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π²ΡΠΎΡΠΎΠΉ Π±Π»ΠΎΠΊ β Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ ΠΌΠ΅Π½Ρ:
Π Π΅Π·ΠΈΠ½ΠΎΠ²ΡΠΉ Π΄Π²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ
ΠΠ½ΠΎΠ³ΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ ΡΠ°ΠΉΡΠΎΠ². ΠΡΠΎ ΡΠ΄ΠΎΠ±Π½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ°ΠΉΡΠ° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠΎΠ΄ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎΠ΄ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠΎΠ½ΠΈΡΠΎΡΠ°.
β Π Π΅Π·ΠΈΠ½ΠΎΠ²ΡΠΉ Π΄Π²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ (ΡΠ»Π΅Π²Π° ΠΌΠ΅Π½Ρ, ΡΠΏΡΠ°Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ):
β Π Π΅Π·ΠΈΠ½ΠΎΠ²ΡΠΉ Π΄Π²ΡΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ (ΡΠΏΡΠ°Π²Π° ΠΌΠ΅Π½Ρ, ΡΠ»Π΅Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ):
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΌΠ΅ΡΡΠ°ΠΌΠΈ ΠΌΠ΅Π½Ρ Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ (ΡΠΏΡΠ°Π²Π° ΠΌΠ΅Π½Ρ, ΡΠ»Π΅Π²Π° ΠΊΠΎΠ½ΡΠ΅Π½Ρ), Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π² ΡΡΡΠΎΠΊΠ΅ 22 (.sidebar) ΠΈΡΠΏΡΠ°Π²ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ leftΠ½Π° right :
float: right; /* ΠΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π° */
ΠΈ Π² ΡΡΡΠΎΠΊΠ΅ 29 (.content) Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΠΈΡΠ»ΠΎΠ²ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 10px 5px 20px 25% Π½Π° 10px 25% 20px 5px
margin: 10px 25% 20px 5px; /* ΠΠ½Π°ΡΠ΅Π½ΠΈΡ ΠΎΡΡΡΡΠΏΠ° ΠΎΡ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° */
β ΠΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π‘ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ β ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π²ΡΠΎΡΠΎΠΉ Π±Π»ΠΎΠΊ β Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ ΠΌΠ΅Π½Ρ:
β ΠΡΡΠ³ΠΈΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ° Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π‘ Π»Π΅Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ ΠΏΠ΅ΡΠ²ΡΠΉ Π±Π»ΠΎΠΊ β ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ Π²ΡΠΎΡΠΎΠΉ Π±Π»ΠΎΠΊ β Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ ΠΏΠΎΠ΄ Π½ΠΈΠΌΠΈ ΠΌΠ΅Π½Ρ:
Π’ΡΠΈΠΊΠΎΠ»ΠΎΠ½ΠΎΡΠ½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ (Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ)
Π€ΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ Π² ΡΡΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ
Π§Π°ΡΡΠ΅Π½ΡΠΊΠΎ ΠΌΠ°ΠΊΠ΅Ρ ΠΊΠ°ΠΊ Π² ΡΡΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±Π»ΠΎΠ³Π°.
β Π ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ Π² ΡΡΠ΅ΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠ΅Π½Ρ:
β Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠ΅Ρ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΊΠΎΠ³Π΄Π° Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ Π² ΡΡΠ΅ΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½Ρ:
β Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°ΠΌΡΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΡΠ΅Ρ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΊΠΎΠ³Π΄Π° Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈ Π² ΡΡΠ΅ΡΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ:
Π Π΅Π·ΠΈΠ½ΠΎΠ²ΡΠΉ ΠΌΠ°ΠΊΠ΅Ρ Π² ΡΡΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ
β Π ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ Π² ΡΡΠ΅ΡΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠ΅Π½Ρ.
β Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠ΅Ρ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΊΠΎΠ³Π΄Π° Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈ Π² ΡΡΠ΅ΡΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΊΠΎΠ½ΡΠ΅Π½Ρ.
β Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°ΠΌΡΠΉ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠ΅Π·ΠΈΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠ΅Ρ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΠΌΠ°ΠΊΠ΅ΡΠ°, ΠΊΠΎΠ³Π΄Π° Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π²ΠΎ Π²ΡΠΎΡΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈ Π² ΡΡΠ΅ΡΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ΅ΠΊΠ»Π°ΠΌΠ° ΠΈΠ»ΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ:
ΠΠΎΡΡΠ°ΡΠ°ΡΡΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΌΠ°ΠΊΠ΅ΡΡ, ΠΌΠΎΠΆΠ΅Ρ, ΠΌΠΎΠΈ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π²Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΡΡΡΡ Π»ΡΡΡΠ΅.
ΠΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ ΡΠ°ΠΉΡΠ° Html + CSS
Π Π°Π½Π΅Π΅ Ρ ΡΠΆΠ΅ Π΄Π°Π» Π²Π°ΠΌ ΠΠΎΠ΄ ΡΠ°ΠΉΡΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ HTML, ΡΠ΅ΠΏΠ΅ΡΡ ΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌ CSS ΠΈ Π½Π°ΠΏΠΈΡΠ΅ΠΌ Π±Π»ΠΎΡΠ½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ°.
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ Π΄Π°ΠΌ Π²Π°ΠΌ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΊΠΎΠ΄ Π±Π»ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΉΡΠ°, Π° ΠΈ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ, ΡΡΠΎ ΠΈ ΠΊΠ°ΠΊ Π² Π½ΡΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ, ΠΈ ΠΊΡΠ΄Π° ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΡΠ°ΠΉΠ»Ρ.
ΠΡΠ°ΠΊ, ΡΠ°ΠΊΠΎΠΉ Π²ΠΎΡ ΡΠ°ΠΉΡ.
Π’Π΅ΠΌΡ Π³ΡΡΠ·ΠΎΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΎΠΊ Ρ Π²Π·ΡΠ» Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΡΠΎΠΌΡ, ΡΡΠΎ ΡΠ°ΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π»ΡΠ΄ΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡΠΈΠ΅ Π² ΡΡΠΎΠΉ ΡΡΠ΅ΡΠ΅, ΠΎΠ±ΡΠ°ΡΠ°ΡΡΡΡ ΠΊΠΎ ΠΌΠ½Π΅ Π·Π° ΠΏΠΎΠΌΠΎΡΡΡ.
ΠΠΎ ΠΡ, ΠΏΡΠΎΡΠΈΡΠ°Π² ΡΡΠ°ΡΡΡ, ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π²ΡΡ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΠΌΠ°ΡΠΈΠΊΠ΅, ΠΈ ΡΠΎ ΡΠ²ΠΎΠ΅ΠΉ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΠ΅ΠΉ ΠΊΠ°ΡΠΊΠ°ΡΠ° ΡΠ°ΠΉΡΠ°.
ΠΡΠ΅ΠΌΠ΅Π½ΠΈ ΡΡΠΎ Π·Π°ΠΉΠΌΡΡ ΡΡΠΎΠ»ΡΠΊΠΎ, ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π½Π° Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ, ΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΠΏΠΎ ΡΡΡΠ»ΠΊΠ°ΠΌ, ΠΈ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΌΠΎΠΈΡ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΉ.
style >
body <
background : #c0c0c0 ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΎΠ½ ΡΠΊΡΠ°Π½Π°, Π²ΡΠ±ΠΈΡΠ°Π΅ΡΡΡ Π·Π΄Π΅ΡΡ */
>
#wrapper < /* ΠΠ±ΠΎΠ»ΠΎΡΠΊΠ° ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΠΉΡΠ° */
width : 900px ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ ΡΠΈΡΠΈΠ½Π° ΡΡΡΠ°Π½ΠΈΡΡ */
margin : 0 auto ;
background : #f2e8c9 ; /* ΠΠ΅Π½ΡΠ΅ΡΡΡ Π·Π°Π΄Π½ΠΈΠΉ ΡΠΎΠ½ ΡΡΡΠ°Π½ΠΈΡΡ */
>
/* Π‘Π°ΠΉΠ΄Π±Π°Ρ (ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ° ΡΠΏΡΠ°Π²Π°) */
#sidebar < /* ΠΠ»ΠΎΠΊ ΡΠ°ΠΉΠ΄Π±Π°ΡΠ° */
background-color : #ffffff; /* Π€ΠΎΠ½ Π±Π»ΠΎΠΊΠ° */
width : 180px; /* Π¨ΠΈΡΠΈΠ½Π° Π±Π»ΠΎΠΊΠ° */
padding : 10px; /* ΠΡΡΡΡΠΏ ΡΠ΅ΠΊΡΡΠ° ΠΎΡ ΠΊΡΠ°ΡΠ² */
float : right; /* Π Π°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ Π±Π»ΠΎΠΊ ΡΠΏΡΠ°Π²Π° ΠΎΡ Π΄ΡΡΠ³ΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π½Π°ΠΏΠ»ΡΠ²Π°Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΠΎΠ±ΡΠ΅ΠΊΠ°Π½ΠΈΠ΅ ΡΠΏΡΠ°Π²Π°). ΠΡΠ»ΠΈ Π΄Π΅Π»Π°ΡΡ ΡΠ°ΠΉΠ΄Π±Π°Ρ ΡΠ»Π΅Π²Π°, ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ right ΠΌΠ΅Π½ΡΠ΅ΠΌ Π½Π° left */
border-radius : 5px ; /* ΠΠ°ΠΊΡΡΠ³Π»ΡΠ΅ΠΌ ΡΠ³Π»Ρ Π±Π»ΠΎΠΊΠ° */
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ; /* ΠΠ°Π΄Π°ΡΠΌ Π±Π»ΠΎΠΊΡ ΡΠ΅Π½Ρ */
>
.marcer < /* ΠΠ°Π»ΠΎΡΠΊΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΠΌΠ΅Π½Ρ */
float : left ; /* Π Π°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΠ»Π΅Π²Π° ΠΎΡ ΡΠ΅ΠΊΡΡΠ° */
margin : 5px 5px 0 0 ; /* ΠΠ²ΠΈΠ³Π°ΡΡΡΡ Π²Π²Π΅ΡΡ
-Π²ΠΏΡΠ°Π²ΠΎ-Π²Π½ΠΈΠ·-Π²Π»Π΅Π²ΠΎ */
>
#content < /* ΠΠ»ΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° */
margin-bottom : 5px ; /* ΠΡΡΡΡΠΏ Π±Π»ΠΎΠΊΠ° ΡΡΠ°ΡΡΠΈ ΠΎΡ Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
width : 676px ; /* Π¨ΠΈΡΠΈΠ½Π° ΡΡΠ°ΡΡΠΈ */
padding : 10px ; /* ΠΡΡΡΡΠΏ ΡΠ΅ΠΊΡΡΠ° ΠΎΡ ΠΊΡΠ°ΡΠ² Π±Π»ΠΎΠΊΠ° */
background : #ffffff ; /* Π€ΠΎΠ½ ΡΡΠ°ΡΡΠΈ */
border-radius : 5px ;
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ;
>
.left < /* ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΡΠ΅ΠΊΡΡΠ΅ ΡΠ»Π΅Π²Π° */
float : left ;
margin : 30px 7px 7px 7px ;
>
.right < /* ΠΠ°ΡΡΠΈΠ½ΠΊΠ° Π² ΡΠ΅ΠΊΡΡΠ΅ ΡΠΏΡΠ°Π²Π° */
float : right ;
margin : 7px 0 7px 7px ;
>
/* ΠΠΎΠ΄Π²Π°Π» */
#footer < /* ΠΠ»ΠΎΠΊ ΠΏΠΎΠ΄Π²Π°Π»Π° */
height:80px; /* ΠΡΡΠΎΡΠ° Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
background-color : #ffffff ; /* Π€ΠΎΠ½ Π±Π»ΠΎΠΊΠ° ΠΏΠΎΠ΄Π²Π°Π»Π° */
margin-bottom : 10px ; /* ΠΡΡΡΡΠΏ ΡΠ½ΠΈΠ·Ρ */
border-radius : 5px ; /* ΠΠ°ΠΊΡΡΠ³Π»ΡΠ½Π½ΡΠ΅ ΡΠ³Π»Ρ */
box-shadow : rgba(0,0,0,0.5) 0px 1px 3px ; /* Π’Π΅Π½Ρ Π±Π»ΠΎΠΊΠ° */
>
.clear < /* ΠΠ°ΠΏΡΠ΅Ρ Π½Π°ΠΏΠ»ΡΠ²Π°Π½ΠΈΡ. Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π±Π»ΠΎΠΊ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΏΡΠΈ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠΎΠΌ ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ Π½Π΅ Π½Π°ΠΏΠ»ΡΠ²Π°Π» Π½Π° ΠΏΠΎΠ΄Π²Π°Π» */
clear : both ;
>
.fon < /* ΠΠΎΠΌΠ΅Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½Π° */
float : left ; /* Π Π°Π·ΡΠ΅ΡΠ°Π΅ΠΌ Π΄ΡΡΠ³ΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΎΠ±ΡΠ΅ΠΊΠ°ΡΡ Π°Π±Π·Π°Ρ ΡΠΏΡΠ°Π²Π° */
margin : 20px 0 0 20px ;
>
.fax < /* ΠΠΎΠΌΠ΅Ρ ΡΠ°ΠΊΡΠ° */
float : left ;
margin : 20px 0 0 60px ;
>
.mail < /* ΠΠ΄ΡΠ΅Ρ E-mail */
float : left ;
margin : 20px 0 0 60px ;
>
/style >
/head >
body >
div id =» wrapper «>
h1 >ΠΡΡΠ·ΠΎΠΏΠ΅ΡΠ΅Π²ΠΎΠ·ΠΊΠΈ /h1 >
p c lass =» nomer «>234-49-50 br > +7 900 650 33 45 /p >
img src =» http://trueimages.ru/img/cf/26/9116df15.png «>
/div >
h3 >ΠΠ° Π½Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ /h3 >
p > img class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΠ°ΡΠΈ ΡΠΎΡΡΡΠ΄Π½ΠΈΠΊΠΈ /p >
p > mg class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΠ°ΡΠ° ΡΠ΅Ρ
Π½ΠΈΠΊΠ° /p >
p > img class =» marcer » src =» http://trueimages.ru/img/99/91/dea39f15.png » width =» 10 » height =» 10 «>ΠΡΠ°ΠΉΡ
hr width =» 50 » color =» #037FFC » size =» 5 «>
h3 >ΠΡΡΠ³Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ /h3 >
/div >
img class =» left » src =» http://trueimages.ru/img/81/90/b1718f15.png «>
p >ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅ ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ Π±ΡΠ΄ΡΡΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ°! /p >
p >ΠΠ½Π΅ 55 Π»Π΅Ρ ΠΈ Ρ ΡΠ°Π΄ ΠΏΡΠΈΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΠ°Ρ Π½Π° ΡΠ²ΠΎΡΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΡΠΎΡ ΡΠ°ΠΉΡ ΠΏΠ΅ΡΠ²ΡΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π» ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ,
Π° Π΄ΠΎ ΡΡΠΎΠ³ΠΎ ΡΠΌΠ΅Π» ΡΠΎΠ»ΡΠΊΠΎ Π²Ρ
ΠΎΠ΄ΠΈΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΠΎΡΠ΅ΠΌΡ Ρ ΡΠ΅ΡΠΈΠ» Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ? /p >
p >ΠΠ° ΡΠ΅ 3 ΠΌΠ΅ΡΡΡΠ°, ΠΏΠΎΠΊΠ°
ΡΠ°Π·Π±ΠΈΡΠ°Π»ΡΡ Π² ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΠΈ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°Π» ΡΡΠΎΡ ΡΠ΅ΡΡΡΡ
ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ»ΠΎΡΡ, ΡΡΠΎ Π°Π²ΡΠΎΡΡ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ
ΡΠ°ΠΉΡΠΎΠ² ΡΡΠΈΡΠ°ΡΡ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΡΠ°Π½ΡΡ ΡΠ°ΠΌΠΎ ΡΠΎΠ±ΠΎΠΉ ΡΠ°Π·ΡΠΌΠ΅ΡΡΠΈΠΌΠΈΡΡ
ΠΈ Π½Π΅ ΠΎΠ±ΡΠ°ΡΠ°ΡΡ Π½Π° Π½ΠΈΡ
Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. /p >
p >Π ΠΌΠ½Π΅, ΡΡΠΈΡΡΠ²Π°Ρ
Π²ΠΎΠ·ΡΠ°ΡΡ ΠΈ Β«ΠΎΠΏΡΡΒ», Π±ΡΠ»ΠΎ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠ½ΡΡΡ ΠΊΠ°ΠΊ ΡΠ°Π· ΡΡΠΈ
Π½ΡΠ°Π½ΡΡ, ΠΎΠ½ΠΈ ΠΎΡΠ½ΠΈΠΌΠ°Π»ΠΈ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ. Π Ρ ΡΠ΅ΡΠΈΠ»
Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π», ΡΠ°ΠΊ ΡΡΠΎ-Π±Ρ Π΄ΡΡΠ³ΠΈΠΌ Π±ΡΠ»ΠΎ Π»Π΅Π³ΡΠ΅
ΡΠΎΡΠΈΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡΡΡ Π² ΠΏΠΎΡΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ. /p >
img class =» right » src =» http://trueimages.ru/img/0d/64/07a18f15.png «>
p >ΠΠ΄Π΅ΡΡ
Β«ΡΠ°Π·ΠΆΠ΅Π²Π°Π½ΡΒ» Π²ΡΠ΅ ΠΌΠ΅Π»ΠΎΡΠΈ ΡΠΎΠΏΡΠΎΠ²ΠΎΠΆΠ΄Π°ΡΡΠΈΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°,
ΠΌΠΈΠΌΠΎ ΠΊΠΎΡΠΎΡΡΡ
ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°ΡΡ Π΄ΡΡΠ³ΠΈΠ΅ Π°Π²ΡΠΎΡΡ.
ΠΡΠ»ΠΈ Π²Π°ΠΌ ΡΡΠΎ-ΡΠΎ Π±ΡΠ΄Π΅Ρ Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΡΠΏΡΠ°ΡΠΈΠ²Π°ΠΉΡΠ΅, Π΄Π»Ρ
ΠΌΠ΅Π½Ρ Π½Π΅Ρ Β«Π³Π»ΡΠΏΡΡ
Β» Π²ΠΎΠΏΡΠΎΡΠΎΠ².
Π§ΠΈΡΠ°ΠΉΠ΅ ΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ
Π±Ρ Π½ΠΈ Π±ΡΠ» ΠΠ°Ρ Π²ΠΎΠ·ΡΠ°ΡΡ ΠΈ ΡΡΠ°ΠΆ ΡΠ°Π±ΠΎΡΡ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅. /p >
p >Π£Π²Π΅ΡΠ΅Π½, Ρ ΠΠ°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π΅ΡΠ΅ Π»ΡΡΡΠ΅ ΠΈ ΡΠΆ ΡΠΎΡΠ½ΠΎ, Π²
Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π· Π±ΡΡΡΡΠ΅Π΅, ΡΠ΅ΠΌ Ρ ΠΌΠ΅Π½Ρ. /p >
/div >
div class =» clear «> /div >
div id =» footer «>
p class =» fon «> strong >Π’Π΅Π»Π΅ΡΠΎΠ½: br > 265-48-76 /strong > /p >
p class =» fax «> strong >Π€Π°ΠΊΡ: br > 265-85-97 /strong > /p >
p class =» mail «> strong >E-mail br >ctoto@mail.ru /strong > /p >
ΠΡΠΎ ΠΊΠΎΠ΄ ΡΡΠ°ΡΠΈΡΠ½ΠΎΠ³ΠΎ ΡΠ°ΠΉΡΠ°, Π° ΡΡΠΎ Π·Π½Π°ΡΠΈΡ, ΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ Ρ ΡΠ°Π·Π½ΡΠΌ ΡΠ°ΡΡΠΈΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ ΠΎΡΡΠ°Π²Π°ΡΡΡΡ Π² Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ .
Π’ΠΎ Π΅ΡΡΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»Π°Ρ Ρ Π½Π΅Π³ΠΎ ΠΏΠΎΡΠ²ΠΈΡΡΡ ΠΏΠΎΠ»ΠΎΡΠ° Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΊΡΡΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠΈΠ΄ΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ, ΡΡΠΎΠ± ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΡΠ°ΠΉΡ ΡΠ΅Π»ΠΈΠΊΠΎΠΌ.
Π ΡΠ΅ΠΏΠ΅ΡΡ Π²Π΅ΡΠ½ΡΠΌΡΡ ΠΊ Π½Π°ΡΠ΅ΠΌΡ ΠΏΡΠΈΠΌΠ΅ΡΡ.
ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ Π½Π°ΡΠ°ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΠΊΠΎΠ΄ΠΎΠΌ, Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΌΠ΅ΡΡΠΎ Π³Π΄Π΅ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΡΠ°ΠΉΡ Π΄ΠΎ Π²ΡΠ²ΠΎΠ΄Π° Π΅Π³ΠΎ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ.
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ ΡΠ°ΠΉΡΠ° ΡΠΌΠΎΡΡΠΈΡΠ΅ Π² ΡΡΠ°ΡΡΠ΅ Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ°
ΠΠ»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ HTML ΡΠ΅Π΄Π°ΠΊΡΠΎΡ. Π£ ΠΊΠΎΠ³ΠΎ ΠΎΠ½ Π΅ΡΡΡ, ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠΎ, Ρ ΠΊΠΎΠ³ΠΎ Π½Π΅Ρ, ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Notepad++.
ΠΠ°ΠΊ Π½Π°ΡΠ°ΡΡ Π² Π½ΡΠΌ ΡΠ°Π±ΠΎΡΡ, ΡΠΎ Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΉΠ», ΠΏΡΠΎΡΠΈΡΠ°ΠΉΡΠ΅ Π·Π΄Π΅ΡΡ.
ΠΠΎΠ³Π΄Π° ΡΠ΅Π΄Π°ΠΊΡΠΎΡ Π±ΡΠ΄Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½, ΠΎΡΠΊΡΠΎΠΉΡΠ΅ Π΅Π³ΠΎ, ΡΠΊΠΎΠΏΠΈΡΡΠΉΡΠ΅ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅ ΠΊΠΎΠ΄Π° ΡΡΡΠΎΠΊΠΈ 1 β 6, ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ Π² ΠΏΠΎΠ»Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΡΡΡΠΎΠΊΠΈ 118 β 153, ΠΈ ΡΠ°ΠΊ ΠΆΠ΅ Π²ΡΡΠ°Π²ΡΡΠ΅ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΡ Π²ΡΠ±ΡΠ°Π»ΠΈ HTML ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π°, ΠΈΠ· ΠΊΠΎΡΠΎΡΠΎΠΉ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ HTML ΡΠ°ΠΉΠ». Π£Π΄Π°Π»ΠΈΡΠ΅ ΠΌΠΎΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ ΡΡΡΠΎΠΊ, ΡΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΠ°ΠΉΠ», Π½Π°Π·ΠΎΠ²ΠΈΡΠ΅ Π΅Π³ΠΎ index.html, ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΠ΅ Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ ΡΠ°ΠΉΡΠ°.
ΠΠΈΡΠ΅ΠΊΡΠΎΡΠΈΡ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΡΠ°ΠΊΠΎΠΉ Π²ΠΈΠ΄:
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ ΡΠΎΠ·Π΄Π°ΡΠΌ ΡΠ°ΠΉΠ» style.css, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠΎΡ ΡΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅! Π€Π°ΠΉΠ» style.css, Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ, Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°ΡΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ ΡΠ°ΠΉΡΠ°, ΠΏΠΎΡΡΠΎΠΌΡ Π² Π½ΡΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠΎΠ±ΡΠ°ΡΡ ΡΡΠΈΠ»ΠΈ, ΡΠΎΡΠΌΠΈΡΡΡΡΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
Π Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ, Π΅ΡΠ»ΠΈ ΠΠ°ΠΌ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ Π²Π½Π΅ΡΡΠΈ ΠΊΠ°ΠΊΠΈΠ΅-ΡΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΈΡ ΡΠ°ΠΉΡΠ°, Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²Π½Π΅ΡΡΠΈ ΠΈΡ Π² ΡΠ°ΠΉΠ» style.css, ΠΈ ΠΎΠ½ΠΈ ΠΎΡΠΎΠ±ΡΠ°Π·ΡΡΡΡ Π½Π° Π²ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΠ°Ρ .
ΠΡΠ°ΠΊ, Π² Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ° ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ ΠΎΠ΄Π½Ρ ΠΏΠ°ΠΏΠΊΡ, ΠΈ Π½Π°Π·ΡΠ²Π°Π΅ΠΌ Π΅Ρ css.
ΠΠ°ΡΠ΅ΠΌ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΠΌΡΡ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π½ΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ (ΠΏΠ΅ΡΠ²Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΏΠ°Π½Π΅Π»ΠΈ), ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² Π½Π΅Π³ΠΎ ΡΡΡΠΎΠΊΠΈ 8 β 80 ΠΈ 90 β 116.
ΠΡΠΎΠΏΡΡΠΊΠ°Π΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΈΠ»ΠΈ ΠΎΡΠΎΡΠΌΠ»ΡΡΡΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΡΠ΅ΠΊΡΡΠ΅, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΌΠΎΡ Π½ΡΠΌΠ΅ΡΠ°ΡΠΈΡ, ΠΈ ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΡΡΠΎΡ Π½ΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½Ρ Π²ΠΎ Π²Π½ΠΎΠ²Ρ ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ ΠΏΠ°ΠΏΠΊΡ css, ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ style.css.
ΠΠ°Π»Π΅Π΅ ΠΎΡΠΊΡΠΎΠ΅ΠΌ ΡΠ°ΠΉΠ» index.html, ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΠΌ ΠΊ Π½Π΅ΠΌΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ, ΡΠΎ Π΅ΡΡΡ ΡΠ°ΠΉΠ» style.css.
ΠΠΎΡΠ»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΌΠ°Π½ΠΈΠΏΡΠ»ΡΡΠΈΠΈ Ρ ΠΊΠΎΠ΄ΠΎΠΌ Π² ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅, Π½Π΅ Π·Π°Π±ΡΠ²Π°ΠΉΡΠ΅ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ (ΡΡΠ΅ΡΡΡ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ»Π΅Π²Π°). ΠΡΠΈ ΡΡΠΎΠΌ ΠΈΠΊΠΎΠ½ΠΊΠ° ΡΠ°ΠΉΠ»Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠ· ΠΊΡΠ°ΡΠ½ΠΎΠΉ ΡΡΠ°ΡΡ ΡΠΈΠ½Π΅ΠΉ.
ΠΠ°Π»Π΅Π΅ ΠΏΡΠΎΡ ΠΎΠ΄ΠΈΠΌ Π² ΠΌΠ΅Π½Ρ «ΠΠ°ΠΏΡΡΠΊ», Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΠ²ΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ, ΠΈ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΡΡΠΎ ΠΎΠ½ Π½Π°ΠΌ ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ. ΠΡΠ»ΠΈ Π½Π΅ ΡΠ΄Π΅Π»Π°Π»ΠΈ ΠΎΡΠΈΠ±ΠΎΠΊ ΠΏΡΠΈ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ, ΡΠΎ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½Π°Ρ Π² Π½Π°ΡΠ°Π»Π΅ ΡΡΠ°ΡΡΠΈ.
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΌ ΡΠ°Π³ΠΎΠΌ ΡΠ°Π·Π±Π΅ΡΡΠΌΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ. Π£ ΠΌΠ΅Π½Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ ΡΠ΅ΡΠ΅Π· ΡΠ΅ΡΠ²ΠΈΡ trueimages, ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ± ΡΡΡΠ°Π½ΠΈΡΠ° ΠΎΡΠΊΡΡΠ»Π°ΡΡ Ρ ΠΠ°Ρ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅.
ΠΠ°ΠΌ ΠΆΠ΅ Π½ΡΠΆΠ½Ρ Π±ΡΠ΄ΡΡ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΈ ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ, ΠΈΠ»ΠΈ Π½Π°ΠΉΡΠΈ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π΄Π»Ρ ΡΠ°ΠΏΠΊΠΈ ΡΠ°ΠΉΡΠ° Π² Paint ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΈΠΌΡΠ½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅. ΠΡΠ»ΠΈ-ΠΆΠ΅ Ρ ΠΠ°Ρ Π΅ΡΡΡ ΡΠΎΡΠΎΡΠΎΠΏ, ΡΠΎ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π»ΡΡΡΠ΅ Π΄Π΅Π»Π°ΡΡ Π² Π½ΡΠΌ.
ΠΡΠ΅ ΡΠ΄Π΅Π»Π°Π½Π½ΡΠ΅, ΠΈΠ»ΠΈ Π½Π°ΠΉΠ΄Π΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π² ΠΏΠ°ΠΏΠΊΡ images Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ°.
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅ΠΌ ΡΠ°ΠΏΠΊΡ ΡΠ°ΠΉΡΠ°. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² ΡΠ°ΠΉΠ»Π΅ index.html ΡΠ΄Π°Π»ΠΈΠΌ ΡΠ΅Π³ c ΠΌΠΎΠ΅ΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ (ΡΡΡΠΎΠΊΠ° 124)
ΠΠ°ΡΠ΅ΠΌ Π² ΡΠ°ΠΉΠ»Π΅ style.css ΡΠ΄Π°Π»ΠΈΠΌ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ img.
ΠΠ°Π»Π΅Π΅, Π² ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ΅ #header ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ ΡΠΆΠ΅ ΠΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ
Π ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ ΡΠ°ΠΊ
ΠΠ²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ Π² Π½Π°ΡΠ°Π»Π΅ Π°Π΄ΡΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΡΠ°Π²ΠΈΡΡΡΡ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΡΠ΅Π»Π΅ΠΊΡΠΎΡ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΌ css ΡΠ°ΠΉΠ»Π΅. ΠΡΠ»ΠΈ ΡΡΠΈΠ»ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Ρ Π² html ΡΠ°ΠΉΠ»Π΅, Π΄Π²ΠΎΠ΅ΡΠΎΡΠΈΠ΅ Π² Π½Π°ΡΠ°Π»Π΅ Π°Π΄ΡΠ΅ΡΠ° Π½Π΅ ΡΡΠ°Π²ΠΈΡΡΡ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΡΠ΅Π²ΡΡΠ°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π±Π»ΠΎΠΊΠ° header. ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΎΠ½ ΡΠ°ΠΊ: ΡΡΠ»ΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎ ΡΠ°ΠΉΠ»Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ»Π°Π²ΠΈΡΠ΅ΠΉ, Π² ΠΏΠΎΡΠ²ΠΈΠ²ΡΠ΅ΠΌΡΡ ΠΌΠ΅Π½Ρ Π²ΡΠ±ΠΈΡΠ°Π΅ΡΠ΅ «Π‘Π²ΠΎΠΉΡΡΠ²Π°», ΠΈ Π·Π°ΡΠ΅ΠΌ, «ΠΠΎΠ΄ΡΠΎΠ±Π½ΠΎ», ΡΠ°ΠΌ ΠΈ Π±ΡΠ΄ΡΡ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ ΡΠ°Π·ΠΌΠ΅ΡΡ.
Π’Π΅ΠΏΠ΅ΡΡ, Π΅ΡΠ»ΠΈ ΠΏΡΠΎΠΉΡΠΈ Π² ΠΌΠ΅Π½Ρ «ΠΠ°ΠΏΡΡΠΊ», ΠΈ ΠΎΡΠΊΡΡΡΡ index.html, ΡΠΎ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° Ρ ΠΠ°ΡΠΈΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π² ΡΠ°ΠΏΠΊΠ΅ ΡΠ°ΠΉΡΠ°.
ΠΠ΅Π½ΡΠ΅ΠΌ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ (ΡΡΡΠΎΠΊΠΈ 128,129,130,135,141) Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ, Π² Π½ΠΈΡ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π°Π΄ΡΠ΅ΡΠ°. Π£Π΄Π°Π»ΠΈΡΡ Π°Π΄ΡΠ΅ΡΠ° ΠΌΠΎΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΈ Π²ΡΡΠ°Π²ΠΈΡΡ Π°Π΄ΡΠ΅ΡΠ° ΠΠ°ΡΠΈΡ .
ΠΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊΠΎΠΉ Π²ΠΈΠ΄. ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Ρ ΠΌΠ΅Π½Ρ i2.png, Π° Ρ ΠΠ°Ρ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΡ.
ΠΡ Π²ΠΎΡ, ΠΎΡΡΠ°Π»ΠΎΡΡ Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ, ΠΎΡΠΎΡΠΌΠΈΡΡ ΠΈ ΠΏΠΎΠ΄Π²ΠΈΠ½ΡΡΡ ΠΈΡ ΡΡΠ΄Π° ΠΊΡΠ΄Π° ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ(ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ ΠΊ ΠΊΠΎΠ΄Ρ), Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ΅ΠΊΡΡ, ΠΈ Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π³ΠΎΡΠΎΠ²Π°!
ΠΡΠ»ΠΈ ΠΠ°ΠΌ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ°ΠΉΠ΄Π±Π°ΡΠ°, ΠΈΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π²Π° ΡΠ°ΠΉΠ΄Π±Π°ΡΠ°, ΡΠΎ ΠΊΠΎΠ΄ ΡΠ°ΠΊΠΈΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π² ΡΡΠ°ΡΡΠ΅ ΠΠ°ΡΠΊΠ°Ρ ΡΠ°ΠΉΡΠ°. ΠΡΠΎΡΠΌΠΎΡΡΠ΅Π² ΠΈΡ , ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΊΠΎΠ΄Π΅, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΠΎΠΌ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΠΈ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΉ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ.
ΠΡΠ°ΠΊ Π³Π»Π°Π²Π½Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠ°ΠΉΡΠ° Π³ΠΎΡΠΎΠ²Π°, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΡΡΡΠΏΠ°ΡΡ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΡΠ±ΡΠΈΠΊ ΠΈ ΡΡΡΠ°Π½ΠΈΡ. Π― ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡΡΡ ΠΎΠ΄Π½Π° ΡΡΠ±ΡΠΈΠΊΠ°, ΠΈ Π² Π½Π΅ΠΉ ΠΎΠ΄Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°, Π° ΡΠΆ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΡ, ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅, ΡΠ΄Π΅Π»Π°Π΅ΡΠ΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ.
Π Π΄ΠΈΡΠ΅ΠΊΡΠΎΡΠΈΠΈ ΡΠ°ΠΉΡΠ° Ρ Π½Π°Ρ Π΅ΡΡΡ ΠΏΠ°ΠΏΠΊΠ° content. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π΅Ρ ΠΈ ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ ΠΎΠ΄Π½Ρ ΠΏΠ°ΠΏΠΊΡ β rubrica1(Ρ ΠΠ°Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅). Π ΡΡΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅ ΡΠΎΠ·Π΄Π°ΡΠΌ Π΅ΡΡ Π΄Π²Π΅ ΠΏΠ°ΠΏΠΊΠΈ β css ΠΈ images.
Π ΠΏΠ°ΠΏΠΊΡ css ΠΏΠΎΠΌΠ΅ΡΠ°Π΅ΠΌ ΡΠ°ΠΉΠ» style.css, Π° Π² ΠΏΠ°ΠΏΠΊΡ images, Π²ΠΎ ΠΏΠ΅ΡΠ²ΡΡ β ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ (Π² ΠΌΠΎΡΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ ΡΠ°ΠΏΠΊΠ° ΡΠ°ΠΉΡΠ° ΠΈ ΠΌΠ°ΡΠΊΠ΅ΡΡ ΠΌΠ΅Π½Ρ), ΠΈ Π²ΠΎ Π²ΡΠΎΡΡΡ , ΠΡ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΡΠ΄Π° Π²ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΌΠΈ Π±ΡΠ΄Π΅ΡΠ΅ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ ΡΡΠ°ΡΡΠΈ ΡΡΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠΈ.
Π’Π΅ΠΏΠ΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΡΡΠ°ΡΡΡ. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ Π² Notepad++ ΡΠ°ΠΉΠ» index.html, ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ Π΅Π³ΠΎ, Π·Π°ΡΠ΅ΠΌ ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Β«ΠΠΎΠ²ΡΠΉ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΒ», ΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² Π½Π΅Π³ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΡΠ°ΠΉΠ».
Π£Π±ΠΈΡΠ°Π΅ΠΌ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΡΠ΅ΠΊΡΡ, Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠΌΠΈ Π² Π½ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ, ΠΈ Π³Π»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ ΡΡΠΈΠ»ΠΈ. ΠΡΡΠ°ΡΡΡΡ ΡΠΈΡΡΠ°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° ΠΠ°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ°.
Π‘ΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π΅Ρ Π² ΠΏΠ°ΠΏΠΊΡ rubrica1 ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ: Β«ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ.htmlΒ». ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΠ°ΡΡΠΈ Π² Π½Π°Π·Π²Π°Π½ΠΈΠΈ ΡΠ°ΠΉΠ»Π° ΠΏΠΈΡΠ΅ΡΡΡ Π°Π½Π³Π»ΠΈΠΉΡΠΊΠΈΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ.
ΠΠΎΠΆΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΠΈ ΡΠΊΡΠ°ΡΠΈΡΡ Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ. Π’ΠΎΡΠ½ΠΎ ΡΠ°ΠΊ-ΠΆΠ΅ ΡΠΎΠ·Π΄Π°ΡΡΡΡ Π²ΡΠ΅ ΡΡΠ°ΡΡΠΈ ΡΡΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠΈ. ΠΠ°ΡΠ΅ΠΌ Π΄Π΅Π»Π°Π΅ΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ°Ρ ΡΡΠ±ΡΠΈΠΊΠ° ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡΡΡΠ΅ Π·Π°ΡΠ°Π½Π΅Π΅ ΠΏΡΠΈΠΊΠΈΠ½ΡΡΡ, ΠΊΠ°ΠΊΠΈΠ΅ ΡΡΠ±ΡΠΈΠΊΠΈ Π±ΡΠ΄ΡΡ Π² ΠΠ°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅, ΡΠΎΠ·Π΄Π°ΡΡ ΠΈΡ , Π° ΠΏΠΎΡΠΎΠΌ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ ΡΡΠ°ΡΡΡΠΌΠΈ. ΠΡΠΎΡΠ΅ ΠΏΠΎΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ Π΄Π΅Π»Π°ΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ.
ΠΠΎΡ ΠΌΡ ΠΈ ΠΏΠΎΠ΄ΠΎΡΠ»ΠΈ ΠΊ ΡΠ°ΠΌΠΎΠΉ, ΠΏΠΎ ΠΌΠΎΠ΅ΠΌΡ, ΡΡΡΠ΄ΠΎΠ΅ΠΌΠΊΠΎΠΉ ΠΈ Π½ΡΠ΄Π½ΠΎΠΉ ΡΠ°Π·Π΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°ΠΉΡΠ° β Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΈ. ΠΠ»ΠΈ ΠΌΠ΅Π½Ρ.
ΠΠΎΡΠ΅ΠΌΡ ΡΡΡΠ΄ΠΎΡΠΌΠΊΠ°Ρ? ΠΠΎΡΠΎΠΌΡ, ΡΡΠΎ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΈ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠ΅ ΡΠ°ΠΉΡΠ°, Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΡΡΠ»ΠΊΠ° Π½Π° Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈ ΡΡΠ±ΡΠΈΠΊΠΈ, ΠΈΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ. ΠΠ°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊΡΡ Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΡ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΠ΅.
ΠΠΎΠΆΠ½ΠΎ Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅, ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½Ρ Β«Π ΡΠ±ΡΠΈΠΊΠΈΒ», Π° ΡΠΆ ΠΈΠ· ΡΡΠ±ΡΠΈΠΊ β ΠΌΠ΅Π½Ρ ΠΏΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°ΠΌ. Π Π΅ΡΠ»ΠΈ ΡΡΠΈΡ ΡΡΡΠ°Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΠ΅Π½?
ΠΠ° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΌΠ΅Π½Ρ, Π½ΠΎ Π΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΡΠ°ΠΉΡ Π±ΡΠ΄Π΅Ρ Π²ΡΠ»ΠΎΠΆΠ΅Π½ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π°Π΄ΡΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡ Π½Π° Ρ ΠΎΡΡΠΈΠ½Π³Π΅ Π±ΡΠ΄ΡΡ Π΄ΡΡΠ³ΠΈΠΌΠΈ, Π½Π΅ΠΆΠ΅Π»ΠΈ Π°Π΄ΡΠ΅ΡΠ° ΡΡΡΠ°Π½ΠΈΡ ΡΠ°ΠΉΡΠ°, ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ Π½Π° ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠ΅.
ΠΡΠ°ΠΊ, ΠΌΠ΅Π½Ρ Π΄Π΅Π»Π°Π΅ΡΡΡ Π² ΠΎΠ±ΡΠ΅ΠΌ-ΡΠΎ ΠΏΡΠΎΡΡΠΎ. ΠΡΠΆΠ½ΠΎ, Π»ΠΈΡΡ, Π² ΡΡΡΠΎΠΊΡ ΠΌΠ΅Π½Ρ, Π²ΡΡΠ°Π²ΠΈΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π΄ΡΡΠ³ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ
Π’Π°ΠΊ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ Π½Π°ΡΠ΅ ΠΌΠ΅Π½Ρ ΡΡΠ°Π½Π΅Ρ Π°ΠΊΡΠΈΠ²Π½ΡΠΌ.
ΠΡ Π²ΠΎΡ Π²ΡΠΎΠ΄Π΅ Π±Ρ, Π² ΠΎΠ±ΡΠ΅ΠΌ, Π²ΡΡ. ΠΡΡΠ°Π»ΠΎΡΡ Π²ΡΠ»ΠΎΠΆΠΈΡΡ Π½Π°ΡΠ΅ Π΄Π΅ΡΠΈΡΠ΅ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ. ΠΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠΈΡΠ°ΠΉΡΠ΅ Π² ΡΡΠ°ΡΡΠ΅ Π¨Π°Π±Π»ΠΎΠ½ ΡΠ°ΠΉΡΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ HTML.
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Ρ ΠΎΡΡΠΈΠ½Π³ ΠΏΡΠΎΠ²Π°ΠΉΠ΄Π΅ΡΠ° ΠΎΡΠ΅Π½Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ ΠΠ΅Π³Π΅Ρ
ΠΠΎΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ΄ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ Π½Π°Π²ΠΎΡΠΎΡΠΎΠ² Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΠ΅ΡΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠΊΡΠΈΠΏΡΡ ΠΈ CSS ΡΡΡΠ΅ΠΊΡΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ΅Π»Π°Ρ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΡ ΡΡΠΏΠ΅Ρ ΠΎΠ².
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π°