Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅
ΠΠ΅Π»Π°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ Π½Π° WPF
Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ Windows Forms Π² WPF ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ Π·Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅. ΠΠΎ, ΡΠ΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΊΠ½ΠΎΠΏΠΊΡ Π² WPF ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΡΠ°ΡΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.
ΠΠ°ΠΊ ΠΈΠ·Π²Π΅ΡΡΠ½ΠΎ, Π² WPF Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ XAML. ΠΠΈΠΆΠ΅ ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½ ΠΏΡΠΈΠΌΠ΅Ρ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠ³ΠΎ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄.
<Button x:Name=»button» Content=»Button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»/>
<Button x:Name=»button» Content=»Button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»/> |
ΠΠ»Ρ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠΎΠΉ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ WPF, ΡΡΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π²Π½ΡΡΡΠΈ Π΄ΡΡΠ³ Π΄ΡΡΠ³Π°.
ΠΠΎΠΌΠ΅ΡΡΠΈ Π²Π½ΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ StackPanel. Π Π½Π΅Π³ΠΎ Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Image ΠΈ TextBlock.
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»>
<StackPanel Orientation=»Horizontal»>
<Image Source=»image.png» Margin=»0,0,5,0″ />
<TextBlock Text=»Button»/>
</StackPanel>
</Button>
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»> Β Β Β Β <StackPanel Orientation=»Horizontal»> Β Β Β Β Β Β Β Β <Image Source=»image.png» Margin=»0,0,5,0″ /> Β Β Β Β Β Β Β Β <TextBlock Text=»Button»/> Β Β Β Β </StackPanel> </Button> |
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Β«HorizontalΒ» Ρ Π°ΡΡΠΈΠ±ΡΡΠ° Orientation ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ StackPanel Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ ΡΠ»Π΅Π²Π° Π½Π°ΠΏΡΠ°Π²ΠΎ Π² ΠΏΠΎΡΡΠ΄ΠΊΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΡΡΠΈΠ±ΡΡΡ Source ΠΈ Margin Π·Π°Π΄Π°ΡΡ ΠΏΡΡΡ ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ Π²Π½Π΅ΡΠ½ΠΈΠ΅ ΠΎΡΡΡΡΠΏΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ. ΠΡΡΠΈΠ±ΡΡ Margin ΠΠΎΠ±Π°Π²Π»Π΅Π½ Π΄Π»Ρ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π½Π°Π΄ΠΏΠΈΡΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅, ΠΊΠΎΡΠΎΡΠ°Ρ Π±ΡΠ»Π° ΠΏΠ΅ΡΠ΅Π½Π΅ΡΠ΅Π½Π° Π² TextBlock Π½Π΅ Β«ΠΏΡΠΈΠ»ΠΈΠΏΠ°Π»Π°Β» ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Π° Π²ΡΡΠ΅ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½Π½Π°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° Π² ΡΠ°Π±ΠΎΡΠ΅.
ΠΠ΅ΡΡΡΠ΄Π½ΠΎ Π΄ΠΎΠ³Π°Π΄Π°ΡΡΡΡ, ΡΡΠΎ, Π΅ΡΠ»ΠΈ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΌΠ΅ΡΡΠ°ΠΌΠΈ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Image ΠΈ TextBlock, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΎ ΡΠΏΡΠ°Π²Π° ΠΎΡ Π½Π°Π΄ΠΏΠΈΡΠΈ.
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»>
<StackPanel Orientation=»Horizontal»>
<TextBlock Text=»Button»/>
<Image Source=»image.png» Margin=»5,0,0,0″ />
</StackPanel>
</Button>
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»> Β Β Β Β <StackPanel Orientation=»Horizontal»> Β Β Β Β Β Β Β Β <TextBlock Text=»Button»/> Β Β Β Β Β Β Β Β <Image Source=»image.png» Margin=»5,0,0,0″ /> Β Β Β Β </StackPanel> </Button> |
ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° Margin Ρ Image ΡΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΎ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Ρ Π½ΠΎΠ²ΡΠΌ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².
ΠΠΈΠΆΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ:
ΠΡΠ»ΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Π½Π°Π΄ΠΏΠΈΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π»ΠΈΡΡ ΠΏΠΎ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° Orientation Ρ StackPanel Π½Π° Β«VerticalΒ». Π’ΠΎΠ³Π΄Π° Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π±ΡΠ΄ΡΡ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡΡΡ Π² ΠΏΠΎΡΡΠ΄ΠΊΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΡΠ²Π΅ΡΡ Ρ Π²Π½ΠΈΠ·.
ΠΡΠΈΠΌΠ΅Ρ Ρ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ Π·Π½Π°ΡΠΊΠ° ΡΠ²Π΅ΡΡ Ρ:
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»>
<StackPanel Orientation=»Vertical»>
<Image Source=»image.png» />
<TextBlock Text=»Button»/>
</StackPanel>
</Button>
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»> Β Β Β Β <StackPanel Orientation=»Vertical»> Β Β Β Β Β Β Β Β <Image Source=»image.png» /> Β Β Β Β Β Β Β Β <TextBlock Text=»Button»/> Β Β Β Β </StackPanel> </Button> |
Π ΡΠ½ΠΈΠ·Ρ:
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»>
<StackPanel Orientation=» Vertical»>
<TextBlock Text=»Button»/>
<Image Source=»image.png» />
</StackPanel>
</Button>
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»> Β Β Β Β <StackPanel Orientation=» Vertical»> Β Β Β Β Β Β Β Β <TextBlock Text=»Button»/> Β Β Β Β Β Β Β Β <Image Source=»image.png» /> Β Β Β Β </StackPanel> </Button> |
ΠΡΡΠΈΠ±ΡΡ Margin Ρ Image Π² ΠΎΠ±ΠΎΠΈΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΡΠ΄Π°Π»ΡΠ½, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΏΡΠ΅ΠΏΡΡΡΡΠ²ΡΠ΅Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΡΠΎΡΠ½ΠΎ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΠ»ΠΈ ΠΆΠ΅ Π½ΡΠΆΠ½ΠΎ, ΡΡΠΎΠ±Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π±ΡΠ» ΡΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠΎΠΊ Π±Π΅Π· Π½Π°Π΄ΠΏΠΈΡΠΈ StackPanel ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ. ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Image Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ Π²Π½ΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»>
<Image Source=»image.png» />
</Button>
<Button x:Name=»button» HorizontalAlignment=»Left» Margin=»36,32,0,0″ VerticalAlignment=»Top»> Β Β Β Β <Image Source=»image.png» /> </Button> |
ΠΡ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ Π»ΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (Π·Π½Π°ΡΠΊΠ°) Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ. WPF ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ³Π°ΡΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΎΠ³ΡΠ°Π½ΠΈΡΠΈΠ²Π°ΡΡΡΡ ΠΏΡΠΈΠ²Π΅Π΄ΡΠ½Π½ΡΠΌΠΈ ΠΏΡΠΈΠΌΠ΅ΡΠ°ΠΌΠΈ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΎΠΏΠΈΡΠ°ΡΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Ρ, ΠΌΠΎΠΆΠ½ΠΎ Ρ Π»ΡΠ³ΠΊΠΎΡΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ.
ΠΠ½ΠΎΠΏΠΊΠ° Π½Π°Π²Π΅ΡΡ
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅ ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ Π½Π°ΡΠΈΠ½Π°ΡΡΠΈΠ΅ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ°.
ΠΠ»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ «ΠΠ°Π²Π΅ΡΡ » ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ². Π― ΠΏΡΠ΅Π΄Π»ΠΎΠΆΡ Π΄Π²Π° Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ Π»ΡΠ³ΠΊΠΈΡ ΠΈΠ· Π½ΠΈΡ .
ΠΠ°ΡΠΈΠ°Π½Ρ 1
ΠΠ½ΠΎΠΏΠΊΠ° Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ.
ΠΠ½ΠΎΠΏΠΊΠ° Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ β ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ Π΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΈΠ΄ΡΠΌ Π² Π―Π½Π΄Π΅ΠΊΡ. ΠΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ ΠΏΠΎ Π·Π°ΠΏΡΠΎΡΡ «ΠΠ½ΠΎΠΏΠΊΠ° Π½Π°Π²Π΅ΡΡ » ΠΏΠΎΠ΄Π±ΠΈΡΠ°Π΅ΠΌ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ.
Π’Π°ΠΊ ΠΊΠ°ΠΊ ΠΈΡ ΡΠ°ΠΌ Π²Π΅Π»ΠΈΠΊΠΎΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ, ΡΠΎ ΠΎΠ±ΡΠ°ΡΠ°Π΅ΠΌ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄, Π½ΠΎ ΠΈ Π½Π° ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ. 100 Ρ 100 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ β ΡΡΠΎ ΠΏΡΠ΅Π΄Π΅Π».
Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π³ β ΡΠΎΠ·Π΄Π°ΡΠΌ ΠΈΠ· Π½Π°ΠΉΠ΄Π΅Π½Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ°ΠΉΠ».
ΠΠ΅Π»Π°Π΅ΠΌ ΡΠ½ΠΈΠΌΠΎΠΊ ΡΠΊΡΠ°Π½Π° (ΡΠΊΡΠΈΠ½ΡΡΡ), Π°ΠΊΠΊΡΡΠ°ΡΠ½Π΅Π½ΡΠΊΠΎ Π²ΡΡΠ΅Π·Π°Π΅ΠΌ ΠΈΠ· Π½Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡ, ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΠΈ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ».
ΠΠ°ΡΠ΅ΠΌ Π±ΡΠ΄Π΅Ρ Π½Π΅ Π»ΠΈΡΠ½ΠΈΠΌ Π΄ΠΎΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ, Ρ.Π΅. ΠΎΠ±Π»Π΅Π³ΡΠΈΡΡ Π΄ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ ΠΏΡΠ΅Π΄Π΅Π»ΠΎΠ² ΠΈ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°ΡΡ ΡΠ°Π·ΠΌΠ΅Ρ.
ΠΡΠ»ΠΈ Π²Ρ Π΅ΡΡ Π½Π° ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ΡΡ Π½ΠΈ ΠΎΠ΄Π½ΠΈΠΌ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠΌ Π΄Π»Ρ ΡΡΠΈΡ ΡΠ΅Π»Π΅ΠΉ, ΡΠΎ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡ GIMP.
ΠΠ°ΠΊ ΠΈΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ, ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΡΠ°ΡΡΠΊΠ°Π·Π°Π½ΠΎ Π² ΡΡΠ°ΡΡΠ΅ ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
Π ΡΡΠ°Π·Ρ ΠΏΡΠΈΠΌΠΈΡΠ΅ ΠΊΠ°ΠΊ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ: ΠΠ° ΡΠ°ΠΉΡ Π½Π΅Π»ΡΠ·Ρ Π³ΡΡΠ·ΠΈΡΡ Π½Π΅ ΠΎΠΏΡΠΈΠΌΠΈΠ·ΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ°ΠΆΠ΅ ΡΠ°ΠΌΠ°Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΏΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π° ΠΈ ΠΏΠΎΠ΄ΠΎΠ³Π½Π°Π½Π° ΠΏΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΠΌ. Π’Π°ΠΊ ΡΡΠΎ ΠΏΡΠΎΡΡΠ΅ΠΉΡΠΈΠΉ ΡΠΎΡΠΎΡΠΎΠΏ Π²Π°ΠΌ ΠΆΠΈΠ·Π½Π΅Π½Π½ΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌ.
ΠΡΠ°ΠΊ, ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π³ΠΎΡΠΎΠ²ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Π³ΠΎΡΠΎΠ²Π°, ΡΠ΅ΠΏΠ΅ΡΡ Π²Π½Π΅Π΄ΡΠΈΠΌ Π΅Ρ Π½Π° ΡΠ°ΠΉΡ.
ΠΡΠΈΠΌΠ΅Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡΠ΅ΠΌ Π½Π° WordPress.
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ ΠΈΠ΄ΡΠΌ Π² ΠΠ°ΠΏΠΈΡΠΈ β ΠΠΎΠ±Π°Π²ΠΈΡΡ Π½ΠΎΠ²ΡΡ ΠΈ Π½Π° ΠΏΡΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌ Π³ΠΎΡΠΎΠ²ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ. ΠΠ΅Π»Π°Π΅ΡΡΡ ΡΡΠΎ Π² ΡΠ΅ΠΆΠΈΠΌΠ΅ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ° Π’Π΅ΠΊΡΡ.
ΠΠ°ΡΠ΅ΠΌ ΠΊΠΎΠΏΠΈΡΡΠ΅ΠΌ ΠΊΠΎΠ΄ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ Π΅Π³ΠΎ Π² ΠΠ»ΠΎΠΊΠ½ΠΎΡ ΠΈΠ»ΠΈ Π»ΡΠ±ΠΎΠΉ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ Ρ ΠΠ°Ρ Π΅ΡΡΡ ΠΈ Π·Π°ΠΏΠΈΡΡ ΡΠ΄Π°Π»ΡΠ΅ΠΌ. ΠΠ½Π° Π±ΡΠ»Π° Π½ΡΠΆΠ½Π° ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΠΊΠΎΠ΄Π°.
ΠΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π² ΡΠ°ΠΉΠ» ΠΠΎΠ΄Π²Π°Π» (footer.php) ΠΈ Π² ΡΠ°ΠΌΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅, ΠΏΠ΅ΡΠ΅Π΄ </body> Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΠΏΠΎΠ»ΡΡΠ΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π·Π°ΠΊΠ»ΡΡΡΠ½Π½ΡΠΉ Π² ΡΠΊΠΎΡΠ½ΡΡ ΡΡΡΠ»ΠΊΡ.
ΠΡΠΈ ΡΡΠΎΠΌ ΠΈΠ· ΠΊΠΎΠ΄Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΡΠ΄Π°Π»ΡΠ΅ΠΌ ΠΈΠΌΠ΅ΡΡΠ΅Π΅ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ»Π°ΡΡΠ° ΠΈ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΠΌ ΡΡΠ΄Π° ΡΠ²ΠΎΡ.
ΠΡΠΎ Π½ΡΠΆΠ½ΠΎ Π΄Π»Ρ Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΉ ΡΠ°Π±ΠΎΡΡ ΡΠΎ ΡΡΠΈΠ»ΡΠΌΠΈ (ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅)
<a href="#skrol"><img src="https://starper55plys.ru/wp-content/uploads/2015/04/4.jpg" alt="4" /></a>
ΠΠ°Π»Π΅Π΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ Π² ΡΠ°ΠΉΠ» ΠΠ°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ (header.php) ΠΈ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ <body> Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΠΊΠΎΡΡ, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡΠΈΠΉ ΠΈΠ· ΡΠ΅Π±Ρ div Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠΌ
Π’Π΅ΠΏΠ΅ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΏΡΠΈΠ²ΡΠ·Π°Π½Π° ΠΊ Π²Π΅ΡΡ Ρ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΡΠ°Π»ΠΎΡΡ Π΅Ρ ΡΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ Π²Π½ΠΈΠ·Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
Π ΠΊΠΎΠ΄Π΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π½Π°Ρ Π·Π°Π΄Π°Π½ ΠΊΠ»Π°ΡΡ, Π½Π° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΡΠΎΠ·Π΄Π°ΡΠΌ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ ΠΈ Π²Π½ΠΎΡΠΈΠΌ Π² Π½Π΅Π³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ
.scroll {
position: fixed; /* ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΡΠ΅ΠΌ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΎΠΊΠ½Π° ΡΠΊΡΠ°Π½Π° */
right: 50px; /* ΠΡΡΡΡΠΏ ΠΎΡ ΠΏΡΠ°Π²ΠΎΠ³ΠΎ ΠΊΡΠ°Ρ ΡΠΊΡΠ°Π½ */
bottom: 20px; /* ΠΡΡΡΡΠΏ ΠΎΡ Π½ΠΈΠ·Π° ΡΠΊΡΠ°Π½Π° */
border-radius: 3px; /* ΠΠ°ΠΊΡΡΠ³Π»ΡΠ΅ΠΌ ΡΠ³ΠΎΠ»ΠΊΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ */
box-shadow: rgba(2,0,0,5.5) 0px 1px 3px; /*ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΠ΅Π½Ρ ΡΠ½ΠΈΠ·Ρ */
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΡΡΠΎΡ ΠΊΠΎΠ΄ Π² ΡΠ°ΠΉΠ» ΡΡΠΈΠ»Π΅ΠΉ (style.css)
ΠΡ Π²ΠΎΡ ΠΈ Π²ΡΡ. ΠΡΠΈΠΌΠ΅Ρ ΡΠ°ΠΊΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΡ Π²ΠΈΠ΄ΠΈΡΠ΅ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡΠ³Π»Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
Π’ΠΎΠ»ΡΠΊΠΎ Π½Π΅ Π΄ΠΎΠ»Π³ΠΎ Π΅ΠΉ ΡΠ°ΠΌ ΠΎΡΡΠ°Π»ΠΎΡΡ ΠΊΡΠ°ΡΠΎΠ²Π°ΡΡΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π² ΡΠΊΠΎΡΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Ρ ΠΏΠ΅ΡΠ΅Π΄Π΅Π»Π°Ρ Π΅Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Π±Π΅Π· ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ.
Π‘Π²ΡΠ·Π°Π½ΠΎ ΡΡΠΎ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΏΡΠΈ ΠΎΡΠ΅ΡΠ΅Π΄Π½ΠΎΠΉ ΠΏΡΠΎΠ²Π΅ΡΠΊΠ΅ ΡΠΊΠΎΡΠΎΡΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠ° ΠΎΠΊΠ°Π·Π°Π»ΠΎΡΡ, ΡΡΠΎ ΡΡΠ° ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ° Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ 0.25 ΡΠ΅ΠΊ. ΠΈ ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Π² ΡΠ°ΠΌΠΎΠΌ Π½Π°ΡΠ°Π»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ.
Π’ΠΎ-Π΅ΡΡΡ ΠΏΡΡΠΌΠΎ Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ°ΠΉΡΠ°.
ΠΠ°ΡΠΈΠ°Π½Ρ 2.
ΠΠ½ΠΎΠΏΠΊΠ° Π½Π°ΠΏΠΈΡΠ°Π½Π½Π°Ρ Π½Π° HTML + CSS.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ ΠΊΠΎΠΏΠΊΠ° Π±Π΅Π· ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π±ΡΠ΄Π΅Ρ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ ΠΌΠ΅Π½Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠ½ΠΎ, Π½ΠΎ Π΄Π»Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΏΡΠΈΡΠ΅Π΄ΡΠ΅Π³ΠΎ Π·Π° ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ, ΡΡΠΎ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ Π±ΠΎΠ»ΡΡΠΎΠ³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΡ.
ΠΠ»Π°Π²Π½ΠΎΠ΅, ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ²ΠΎΡ ΡΠ°Π±ΠΎΡΡ, ΠΈ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π²Π»ΠΈΡΡΡ Π½Π° ΡΠΊΠΎΡΠΎΡΡΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ.
ΠΠ΅ΡΠ²ΡΠΌ Π΄Π΅Π»ΠΎΠΌ Π½Π°ΡΠΈΡΡΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ. Π― ΠΏΠΎΠΊΠ°ΠΆΡ ΠΊΠΎΠ΄, ΠΈ ΡΠΎ ΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ Ρ ΠΌΠ΅Π½Ρ, Π° ΠΡ, Π΅ΡΠ»ΠΈ Ρ ΠΎΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ CSS ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΠΊΠΎΡΡΠ΅ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ Π΅Ρ ΠΏΠΎΠ΄ ΡΠ²ΠΎΠΉ Π²ΠΊΡΡ.
ΠΠΎΠ΄:
HTML
<button>⇑</button>
CSS
.scrol {
width: 40px;
height: 40px;
border-radius: 5px;
color: #4285F4;
font-size: 34px;
background: radial-gradient(#fff 40%, #02A829)
}
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ:
β
ΠΠΌΠ΅ΡΡΠΎ ΡΠ΅ΠΊΡΡΠ° Π² ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ ΡΠΏΠ΅ΡΡΠΈΠΌΠ²ΠΎΠ» html ⇑ (Π΄Π²ΠΎΠΉΠ½Π°Ρ ΡΡΡΠ΅Π»ΠΊΠ°).
ΠΡΠ»ΠΈ ΠΏΠΎΠΈΠ³ΡΠ°ΡΡ ΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ gradient (ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΡΠ²Π΅ΡΠ°) ΠΈ color (ΡΠ²Π΅Ρ ΡΡΠΈΡΡΠ°), Π° ΡΠ°ΠΊ ΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ box-shadow ΠΈ text-shadow (ΡΠ΅Π½ΠΈ), ΡΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠΌΠΎΠΆΠ΅Ρ ΡΠΊΡΠ°ΡΠΈΡΡ Π»ΡΠ±ΠΎΠΉ ΠΈΠ³ΡΠΎΠ²ΠΎΠΉ ΡΠ°ΠΉΡ.
ΠΠ΅ΡΡ ΠΊΠΎΠ΄ ΡΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΡΡΠ°Π²Π»ΡΠ΅ΡΡΡ ΡΠ°ΠΊ ΠΆΠ΅ ΠΊΠ°ΠΊ Ρ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ, ΡΠΎΠ»ΡΠΊΠΎ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΡΡΠΈΠ»ΠΈ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅.
ΠΠ΅Π»Π°Ρ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΡ ΡΡΠΏΠ΅Ρ ΠΎΠ².
ΠΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΡΠ°ΠΉΡΠ°: Π²ΠΈΠ΄Ρ ΠΈ ΡΠΏΠΎΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ
Β
ΠΠ· ΡΡΠΎΠ³ΠΎ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π° Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅:
ΠΠ΄Π΅Π°Π»ΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΡΠ°ΠΉΡΠ° β ΡΡΠΎ ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ Π½Π΅ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΡΡ Π½Π° Π½Π΅Π΅, Π½ΠΎ ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ. Π₯ΠΎΡΠΎΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ Π΅ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈ ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π΅ ΠΎΡΠ΅Π½ΠΈΠ²Π°Π» Π΅Π΅ Π½Π° ΡΠΎΠ·Π½Π°ΡΠ΅Π»ΡΠ½ΠΎΠΌ ΡΡΠΎΠ²Π½Π΅, Π° Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ»Π΅Π΄ΠΎΠ²Π°Π» ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠΌΡ ΠΏΡΠΈΠ·ΡΠ²Ρ.
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π° Π»ΡΠ±ΠΎΠΌ ΡΠ΅ΡΡΡΡΠ΅ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΡΡΡΠ»ΠΎΠΊ, ΡΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡ ΡΠΎΠ±ΠΎΠΉ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠΎΡΠΎΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΡΡΠ°ΡΠΈΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈΡ. Π ΡΡΡΠ»ΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π·Π° ΡΠ΅ΠΊΡΠ½Π΄Ρ. ΠΡΠΈ ΡΡΠΎΠΌ Π»ΠΈΠ½ΠΊΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ΅ΡΠ°ΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠ΅ Π·Π°Π΄Π°ΡΠΈ. Π ΠΊΠ°ΠΊΠΈΡ ΡΠ»ΡΡΠ°ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π° ΠΊΠΎΠ³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ ΡΡΡΠ»ΠΊΠ°ΠΌΠΈ?
ΠΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠΈΠΏΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠ°ΡΠ΅ΠΌ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ? ΠΡΠ²Π΅Ρ ΠΎΡΠ΅Π²ΠΈΠ΄Π΅Π½: ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΏΠΎ Π½ΠΈΠΌ ΠΊΠ»ΠΈΠΊΠ°Π»ΠΈ! Π―ΡΠΊΠ°Ρ, Π·Π°ΠΌΠ΅ΡΠ½Π°Ρ ΠΈ ΠΊΡΠ°ΡΠΈΠ²Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠΏΠ΅ΡΠ½Π΅Π΅, ΡΠ΅ΠΌ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ ΡΡΡΠΊΠ»Π°Ρ ΡΡΡΠ»ΠΊΠ°. ΠΡΠΈ ΡΡΠΎΠΌ, Π΅ΡΠ»ΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΠ΅ΡΡΡΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π΅ΡΡ ΠΈ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Ρ, ΠΎΠ½ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΡΡΠΎΠΌΠ»ΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½ΠΈ ΠΊΠΎΠ½ΠΊΡΡΠΈΡΡΡΡ Π·Π° Π΅Π³ΠΎ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π»ΡΠ΄ΠΈ Π½Π΅ΡΠ΅Π΄ΠΊΠΎ ΡΡ ΠΎΠ΄ΡΡ Ρ ΡΠ°ΠΊΠΈΡ ΡΡΡΠ°Π½ΠΈΡ, Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ, ΡΠ΅Π³ΠΎ ΠΎΡ Π½ΠΈΡ Ρ ΠΎΡΡΡ ΡΠΎΠ·Π΄Π°ΡΠ΅Π»ΠΈ Π²Π΅Π±-ΡΠ΅ΡΡΡΡΠ°.
ΠΠΎΡΡΠΎΠΌΡ ΡΠΌΠ΅ΡΠ΅Π½Π½ΠΎΡΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π·ΠΎΠ»ΠΎΡΡΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΠΎΠΌ Π²ΠΎ Π²ΡΡΠΌ, ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ: ΠΊΠ°ΠΆΠ΄Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ° (ΡΠΎΡΠ½Π΅Π΅, Π²ΠΈΠ΄ΠΈΠΌΠ°Ρ ΠΎΠ±Π»Π°ΡΡΡ ΡΠΊΡΠ°Π½Π°) Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ-Π΄Π²ΡΡ ΡΠ°ΠΊΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². Π€ΡΠ½ΠΊΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ β ΡΠΎ, ΡΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄ΡΡ ΠΏΡΠΈ Π΅Ρ Π½Π°ΠΆΠ°ΡΠΈΠΈ β Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
ΠΠ±ΡΡΠΌ ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈΠ΄Π°ΡΡ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΠΌ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ. ΠΠ½ΠΈ ΠΎΠΆΠΈΠ²Π»ΡΡΡ ΠΏΠ»ΠΎΡΠΊΠΈΠΉ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ, Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Π² Π½Π΅Π³ΠΎ ΡΠ°ΠΊΡΡΡΠ½ΠΎΡΡΡ ΠΈ Π³Π»ΡΠ±ΠΈΠ½Ρ, Π°ΠΊΡΠ΅Π½ΡΠΈΡΡΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΠΈΠ»ΠΈ ΡΠ°ΠΌΡΡ ΠΎΠ±ΡΡΠΌΠ½ΡΡ ΠΎΠ±Π»Π°ΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½Π°, ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ΠΎΡΡΠ΅Π½ΠΊΠΎΠ².
[expert]
- ΠΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π½Π° ΡΡΡΠΎΠΊΠ΅. Π’Π°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·Π²Π°Π½Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π·Π½Π°ΡΠΈΠΌΠΎΡΡΡ ΡΠ΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π»ΠΈΠ±ΠΎ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΈ Π²ΡΠ΄Π΅Π»ΠΈΡΡΡΡ ΡΡΠ΅Π΄ΠΈ ΡΠ°Π·Π½ΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°.
3D-ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡΡΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΎΠ½ΠΈ Π·Π°ΠΌΠ΅ΡΠ½Ρ Π½Π° ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ΅ Ρ ΠΏΠ»ΠΎΡΠΊΠΈΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.
2. ΠΠ»ΠΎΡΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ½ΠΈ ΡΠΎΠΆΠ΅ ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ, Π½ΠΎ Π½Π΅ ΠΏΡΠΈΠΏΠΎΠ΄Π½ΠΈΠΌΠ°ΡΡΡΡ. Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΎΠ±ΡΡΠΌΠ½ΡΡ , ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ ΠΌΠ΅Π½ΡΡΠ΅ Π²ΡΠ΄Π΅Π»ΡΡΡΡΡ Π½Π° ΡΠΎΠ½Π΅ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° ΠΈ Π½Π΅ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡ Π½Π΅Π³ΠΎ.
- ΠΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ
Π Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΡΡ ΠΎΠΊΠΎΡΠΊΠ°Ρ , Π³Π΄Π΅ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΡΠ΅ΡΠ°ΡΡΡΡ Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π²Π½ΠΈΠ·Ρ (ΡΠ°ΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΈΡ Π½Π°ΠΉΡΠΈ).
3. ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ (ΡΠ»Π°ΠΉΠ΄Π΅Ρ)
ΠΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ Π΄Π»Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΌΠ΅ΠΆΠ΄Ρ Π΄Π²ΡΠΌΡ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ.
- ΠΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ
ΠΠ±ΡΡΠ½ΠΎ β Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠΊΠ» / ΠΡΠΊΠ»Β». ΠΠΎΠ»Π΅Π·Π½Ρ ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π³ΡΡΠΏΠΏΠΎΠΉ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΈ ΡΡΠ»ΠΎΠ²ΠΈΠΈ, ΡΡΠΎ ΡΡΠ° ΠΈΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΈ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ½ΠΎΡΡΡ ΠΊ Π΄Π°Π½Π½ΠΎΠΉ Π³ΡΡΠΏΠΏΠ΅ ΡΡΠ½ΠΎ ΠΎΡΡΠ°ΠΆΠ΅Π½Ρ Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. Π ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΏΡΠ΅Π΄ΡΡΠ²Π»ΡΡΡΡΡ Π΅ΡΡ Π΄Π²Π° ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΡ:
- Π³ΡΡΠΏΠΏΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΡΠΈ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ;
- Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΠΏΠΎΡΡΠ½ΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΠΈΠΊΠΎΠ½ΠΊΠ° ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡ (Π»ΠΈΠ±ΠΎ ΡΠΎ ΠΈ Π΄ΡΡΠ³ΠΎΠ΅).
ΠΠΊΠΎΠ½ΠΊΠΈ ΡΠΌΠ΅ΡΡΠ½Ρ ΡΠ°ΠΌ, Π³Π΄Π΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΌΠΎΠΆΠ΅Ρ Π·Π°Ρ ΠΎΡΠ΅ΡΡ ΠΎΡΠΌΠ΅Π½ΠΈΡΡ ΡΠ²ΠΎΠΉ Π²ΡΠ±ΠΎΡ (ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΠ²Π°ΡΡ Β«Π·Π²ΡΠ·Π΄ΠΎΡΠΊΡΒ» ΠΈΠ»ΠΈ ΡΠ½ΡΡΡ Π΅Ρ), ΠΈ ΠΈΠ½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ ΡΡΠΎ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΡΠ΄Π΅Π»Π°ΡΡ. Π ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡΡ ΠΈ Π½Π° ΡΠ°ΠΉΡΠ°Ρ ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π² ΠΏΠ°Π½Π΅Π»Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°ΡΠ΅Π»Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΈΠ»ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ.
4. ΠΠΎΠ½ΡΡΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°
ΠΡΠΎ ΠΏΡΠΎΡΡΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°, ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΠ΅, Π±Π΅Π· Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΈ Ρ ΡΠΎΠ½ΠΊΠΈΠΌ ΠΊΠΎΠ½ΡΡΡΠΎΠΌ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠ΅ ΡΠ΅ΠΊΡΡ.
- ΠΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ
Π ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠΉΠ΄ΡΡ, Π° Π²ΠΎΡ Π΄Π»Ρ Π²ΡΠΎΡΠΈΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΎΡ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π±ΡΠ΄ΡΡ Π²ΠΏΠΎΠ»Π½Π΅ ΡΠΌΠ΅ΡΡΠ½Ρ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΠΌΠ΅ΡΠ°ΡΡ ΠΊΠΎΠ½ΡΡΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (Π΅ΡΠ»ΠΈ ΡΡΠΎ Π΄Π»Ρ Π½Π΅Π³ΠΎ Π°ΠΊΡΡΠ°Π»ΡΠ½ΠΎ) ΡΠΆΠ΅ ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π² Π΅Π³ΠΎ ΠΏΠΎΠ»Π΅ Π·ΡΠ΅Π½ΠΈΡ ΠΏΠΎΠΏΠ°Π»Π° ΠΊΠ½ΠΎΠΏΠΊΠ° CTA, Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½Π°Ρ ΠΈ ΡΡΠΊΠ°Ρ.
5. ΠΠ»Π°Π²Π°ΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ Π²ΡΠΏΠ°Π΄Π°ΡΡΠΈΠΌ ΠΌΠ΅Π½Ρ
Β
Π’Π°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΈΠΏΠΈΡΠ½Ρ Π΄Π»Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°Π½Π½ΠΎΠ³ΠΎ Google. ΠΠ½ΠΎΠΏΠΊΠ° Ρ Π·Π°ΠΊΡΡΠ³Π»ΡΠ½Π½ΡΠΌΠΈ ΡΠ³ΠΎΠ»ΠΊΠ°ΠΌΠΈ ΠΏΡΠΈΠΏΠΎΠ΄Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΈ ΠΎΡΠ±ΡΠ°ΡΡΠ²Π°Π΅Ρ ΡΠ΅Π½Ρ, Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΡΡ ΡΠ΅ΡΠ½ΠΈΠ»ΡΠ½ΠΎΠ΅ ΠΏΡΡΠ½ΠΎ.
- ΠΠ΄Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ
ΠΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ ΡΠ°ΠΌ, Π³Π΄Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠ·Π²Π°ΡΡ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ.
ΠΡ ΠΎΡΠ»ΠΈΡΠ°Π΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΡΠΈΠΏΠΎΠ΄Π½ΡΡΠΎΡΡΡ Π½Π°Π΄ ΠΎΡΡΠ°Π»ΡΠ½ΡΠΌ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠΌ, ΠΎΠ½ΠΈ ΡΠ»ΠΎΠ²Π½ΠΎ ΠΏΠ°ΡΡΡ Π½Π°Π΄ Π½ΠΈΠΌ. ΠΠΎΠ³ΡΡ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΡΡ ΠΌΠΎΡΡΠΈΠ½Π³ ΠΈ Π·Π°ΠΏΡΡΠΊ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡ ΡΠΎΡΠΊΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ.
[art-slider ids=»4684, 4718, 4937, 5861, 6272″ ttl=»Π§ΠΈΡΠ°ΠΉΡΠ΅ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠ°ΡΡΠΈ ΠΏΠΎ ΡΠ΅ΠΌΠ΅ ΠΏΠΎΠ²ΡΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ ΡΠ°ΠΉΡΠ°»]
ΠΡΠ±ΠΎΡ ΡΠΈΠΏΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
Π‘ΡΠΈΠ»ΠΈΡΡΠΈΠΊΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΈΡ Π²Π°ΠΆΠ½ΠΎΡΡΡΡ, ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² Π²ΠΈΠ΄ΠΈΠΌΠΎΠΉ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠΊΡΠ°Π½Π° ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
- Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»: Π΅ΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π²Π°ΠΆΠ½Π°, Π΅Ρ Π΄Π΅Π»Π°ΡΡ ΠΏΠ»Π°Π²Π°ΡΡΠ΅ΠΉ.
- ΠΠ΅Π»ΠΈΡΠΈΠ½Π°: Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π³Π°Π±Π°ΡΠΈΡΠΎΠ² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ, ΠΈ ΠΎΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΠ»ΠΎΡΠ² Π³Π»ΡΠ±ΠΈΠ½Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
- Html-ΠΊΠΎΠ΄: Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π·Π½ΡΡ Π²ΠΈΠ΄ΠΎΠ² Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠΌΠ΅ΡΠΈΠ²Π°ΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ (ΠΊΡΠΎΠΌΠ΅ ΡΠ»ΡΡΠ°Π΅Π², ΠΊΠΎΠ³Π΄Π° Π½ΡΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π²Π°ΠΆΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ).
Π£ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ. ΠΠ»ΠΎΡ ΠΎ, Π΅ΡΠ»ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈ ΠΊΠ»ΠΈΠΊΠ΅ ΠΎΠ½Π° Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ: ΡΠΎΠ³Π΄Π° Π½Π΅ΠΏΠΎΠ½ΡΡΠ½ΠΎ, ΠΊΠ½ΠΎΠΏΠΊΠ° Π»ΠΈ ΡΡΠΎ Π²ΠΎΠΎΠ±ΡΠ΅, ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ Π½Π° Π½Π΅Ρ, ΡΡΠΎΠ±Ρ Π²ΡΡΡΠ½ΠΈΡΡ ΡΡΠΎ.
ΠΠΎΡΡΠΎΠΌΡ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΡΠ°ΠΊ Π²Π°ΠΆΠ½ΠΎ ΠΏΡΠΎΠ΄ΡΠΌΡΠ²Π°ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠΌΠ΅Π½Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ.
- Π‘ΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
Π ΡΠ²ΠΎΡΠΌ ΠΎΠ±ΡΡΠ½ΠΎΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΠΏΠΎΡ ΠΎΠΆΠ° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ β ΡΡΠΎ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ΅ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠ΅. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΡΡΡΠ²Π°ΡΡ Π½Π΅Π΄ΠΎΡΠΌΠ΅Π½ΠΈΠ΅ ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² (ΠΊΠ°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΌΠ΅Π½Ρ Π½Π°ΡΡΡΠΎΠ΅ΠΊ Windows 8).
ΠΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΠ»ΠΆΠ½Π° Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡΡΡ: ΡΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ²ΠΈΠ΄ΠΈΡ, ΡΡΠΎ ΡΡΠΎ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ ΠΈ ΡΡΠΎ Π½Π° Π΅Π³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΎΡΠΊΠ»ΠΈΠΊ.
ΠΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ, ΡΡΠΎΠ±Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΊΠ»ΠΈΠΊ ΡΠΎΡΡΠΎΡΠ»ΡΡ, Π½ΠΎ ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΠΌ, ΠΊΡΠ΅Π°ΡΠΈΠ²Π½ΡΠΌ.
ΠΠ½ΠΎΠΏΠΊΠ° Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°Π΅Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ Π²ΠΈΠ΄, Π»ΠΈΠ±ΠΎ ΠΈΡΡΠ΅Π·Π°Π΅Ρ Π²ΠΎΠ²ΡΠ΅.
Π£ ΡΠΊΡΡΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΡΠ°ΠΉΡΠ° Π΅ΡΡΡ ΡΠ²ΠΎΠΈ ΠΏΠ»ΡΡΡ:
- ΠΡΡ ΡΡΠ½ΠΎ: Π½Π΅Ρ Π»ΠΈΡΠ½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π½Π΅ ΠΎΡΠ½ΠΎΡΡΡΠΈΡ ΡΡ ΠΊ ΡΠ΅ΠΊΡΡΠ΅ΠΉ Π·Π°Π΄Π°ΡΠ΅.
- ΠΠΊΠΎΠ½ΠΎΠΌΠΈΡ ΠΌΠ΅ΡΡΠ°: ΠΏΡΠΎΡΡΡΠ°Π½ΡΡΠ²ΠΎ ΡΠΊΡΠ°Π½Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠ΅Π»Π΅ΠΉ, Π΅ΡΠ»ΠΈ ΡΠ²ΠΎΠ΅Π²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΡΡΡΠ°ΡΡ Π½Π΅Π½ΡΠΆΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ. ΠΡΠΎ ΡΠ΅Π»Π΅ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠ½ΠΎΠ³ΠΎ. ΠΡΠΎΠΌΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Gmail.
ΠΡΠ»ΠΈ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΠΌΠ΅ΡΡΠ΅ ΠΈ ΠΏΡΠΈΠ΄Π°ΡΡ Π΅ΠΉ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ Π²ΠΈΠ΄, ΡΠΎ:
- ΠΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΡΡΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρ ΠΎΡΡ ΠΈ Π½Π΅ Π² Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ. ΠΠΎΠΆΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Ρ ΠΎΠ±ΡΡΡΠ½Π΅Π½ΠΈΠ΅ΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΊΠΎΠ³Π΄Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°.
- ΠΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΏΡΠ΅Π΄ΡΠΊΠ°Π·ΡΠ΅ΠΌ: ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΈΠ²ΡΠΊΠ°Π΅Ρ ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΠΎΠΉ ΡΡ Π΅ΠΌΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΠΈΡΠ΅Ρ ΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΌ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
1. ΠΡΠΎΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΎΡΡΠ΅ΠΉΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΡΠ΅Π°Π»ΠΈΠ·ΡΠ΅ΡΡΡ HTML-ΡΠ΅Π³Π°ΠΌΠΈ button ΠΈ input c ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΌ ΡΠΈΠΏΠΎΠΌ. Π£ ΡΡΠΈΡ ΡΠ΅Π³ΠΎΠ² ΠΎΡΡΡΡΡΡΠ²ΡΠ΅Ρ Π°ΡΡΠΈΠ±ΡΡ href, ΠΏΠ΅ΡΠ΅ΠΊΠΈΠ΄ΡΠ²Π°ΡΡΠΈΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π° ΡΠΊΠ°Π·Π°Π½Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ½Π°Π±Π΄ΠΈΡΡ ΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ onclick β Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ Π²ΡΡΠ°Π²ΠΊΠΎΠΉ javascriptβΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΡΠ΅Π»Π΅Π²Π°Ρ ΡΡΡΠ°Π½ΠΈΡΠ°:
<input type=β³buttonβ³ value=β³ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π·Π΄Π΅ΡΡ!β³ onclick=β³location.href=β²Π»ΡΠ±Π°Ρ ΡΡΡΠ»ΠΊΠ°β²β³>
2. ΠΠ½ΠΎΠΏΠΊΠ° Ρ ΡΠΎΠ½ΠΎΠ²ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ
ΠΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΠΌΠ°ΠΊΠ΅ΡΠ΅ ΡΠ°ΠΉΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ, Π·Π°ΠΊΠ»ΡΡΠΈΠ² Π² Π½Π΅Ρ ΡΠ°ΠΉΠ» ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ:
<a href=β³Π»ΡΠ±Π°Ρ ΡΡΡΠ»ΠΊΠ°β³ target=β³_blankβ³><img src=β³ΡΡΡΠ»ΠΊΠ° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅β³></a>
ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π²Π°ΠΌ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ:
- ΠΠ°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ (ΡΠ²ΠΎΠΈΠΌΠΈ ΡΡΠΊΠ°ΠΌΠΈ ΠΈΠ»ΠΈ ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°).
- ΠΠ°Π³ΡΡΠ·ΠΈΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΠΉΠ»ΠΎΠ²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ°) ΠΈ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ ΡΡΡΠ»ΠΊΡ Π½Π° Π½Π΅Ρ.
- Π£ΠΊΠ°Π·Π°ΡΡ Π² CSS-ΡΠ°ΠΉΠ»Π΅ Π²ΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΡΡΠΈΠ»ΠΈ.
ΠΡΡΠ°ΡΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ ΠΈ ΠΎΠ΄Π½ΠΈΠΌ CSS: ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΎΠΏΠΈΡΠ°ΡΡ Π² ΡΡΠΈΠ»ΡΡ , Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΡΠ³Π»ΠΎΠ², ΠΈ Ρ. ΠΏ. Π ΡΠ°Π±Π»ΠΎΠ½Π΅ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΡΠ»ΠΊΠ΅ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΉ ΠΊΠ»Π°ΡΡ.
ΠΡΠΈΠΌΠ΅Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° CSS:
Π ΡΠ°Π·Π΄Π΅Π»Π΅ βΠΠ°Π½Π΅Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡβ β βΠΠΈΠ·Π°ΠΉΠ½β β βΠ Π΅Π΄Π°ΠΊΡΠΎΡ / CSSβ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ ΠΊΠΎΠ΄ Π²ΡΠΎΠ΄Π΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ:
.site-button {
background-color: #488bfa;
border: 2px solid #ffffff;
color: #ffffff;
padding: 12px 26px;
border-radius: 10px;
font-size: 17px;
}
Π Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ ΠΏΡΠΎ HTML-ΠΊΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ:
<a href=β³Π»ΡΠ±Π°Ρ ΡΡΡΠ»ΠΊΠ°β³ class=β³site-buttonβ³>ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π·Π΄Π΅ΡΡ!</a>
ΠΠ΅ΡΠΎΡΡΠ½ΠΎ, CSS-ΠΊΠΎΠ΄ ΠΏΠΎΠΊΠ°Π·Π°Π»ΡΡ Π²Π°ΠΌ ΡΠ»ΠΎΠΆΠ½ΡΠΌ ΠΈ Π·Π°ΠΏΡΡΠ°Π½Π½ΡΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π»ΠΈ Ρ Π½ΠΈΠΌ. ΠΠΎ ΠΏΠΎΡΡΠ΅Π±ΡΡΡΡΡ Π»ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ: ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° (Π»ΡΡΡΠ΅ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ ), ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ Π² ΡΠΎΡΠΌΠ°ΡΠ΅ HEX (ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΡ ΡΠ²Π΅ΡΠΎΠ² Π»Π΅Π³ΠΊΠΎ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠΈΡΠΊΠΎΠ²ΠΈΠΊΠΎΠ²), ΠΎΡΡΡΡΠΏΡ.
3. ΠΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΡΠΎΡΠΎΠ½Π½ΠΈΠΉ ΡΠ°ΠΉΡ
ΠΠ½ΠΎΠ³Π΄Π° Π½ΡΠΆΠ½ΠΎ ΠΎΡΠ΄Π°Π²Π°ΡΡ ΡΠ²ΠΎΡ Π³ΠΎΡΠΎΠ²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΡΠ°ΠΉΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π΅Ρ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Ρ ΡΠ΅Π±Ρ. ΠΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΠΉΡΠ΅ ΠΈΠΌ ΠΏΠΎΠ»Π½ΡΠΉ HTML-ΠΊΠΎΠ΄, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π΅Π³ΠΎ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΈ Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ Π²ΡΡΠ°Π²ΠΈΡΡ Π½Π° ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ. Π’Π°ΠΊΡΡ Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΡ ΠΏΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΡ Π»ΡΡΡΠ΅ ΠΎΠ±ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡ ΡΠ΅Π³ΠΎΠΌ textarea.
ΠΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½Π΅Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΡΠΎΡΡΠΎΠΉ ΡΠΎΠ²Π΅Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠ°ΠΌ ΠΊΠ°ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΠΎΠΊΡΠΏΠΊΠΈ: Π½Π΅ ΡΡΠ»ΠΎΠΆΠ½ΡΠΉΡΠ΅ ΡΠ΅Π±Π΅ ΠΆΠΈΠ·Π½Ρ. Π Π°Π½ΡΡΠ΅, Π²ΡΠ΅Π³ΠΎ ΡΠ΅ΡΡΡΠ΅-ΠΏΡΡΡ Π»Π΅Ρ Π½Π°Π·Π°Π΄, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π΅ΡΡ Π²ΡΠΈΡΡΠ²Π°Π»ΠΈΡΡ Π² ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ Π½Π° ΡΠ°ΠΊΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ , Π½ΠΎ ΡΠ΅ΠΉΡΠ°Ρ Π²ΡΠ΅ ΡΠΆΠ΅ Π½Π°ΡΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ, ΡΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΠΏΠΈΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ ΠΈ ΠΎΠ±ΠΎΠΉΡΠΈΡΡ ΠΈΠΊΠΎΠ½ΠΊΠΎΠΉ ΠΊΠΎΡΠ·ΠΈΠ½Ρ.
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ° ΠΎΡΠ΅Π½Ρ ΠΎΠΏΡΡΠ½Ρ: ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ Β«ΠΡΠΏΠΈΡΡΒ» Π½Π΅ ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° Π½ΠΈΡ ΠΏΡΠΈΠ½ΡΠΆΠ΄Π°ΡΡΠ΅Π³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΈ ΠΎΠ½ΠΈ Π·Π½Π°ΡΡ, ΡΡΠΎ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° Π½Π΅Ρ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄ΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΏΠΈΡΠ°Π½ΠΈΡ Π΄Π΅Π½Π΅Π³ Ρ ΠΈΡ ΠΊΠ°ΡΡΡ, Π° Β«ΠΠΎΠ»ΠΎΠΆΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ Π½Π΅ Β«Π²ΡΠ±ΡΠΎΡΠΈΡΡ Π² ΠΌΡΡΠΎΡΠΊΡΒ», Π° ΠΎΡΠ»ΠΎΠΆΠΈΡΡ Π½Π° Π±ΡΠ΄ΡΡΠ΅Π΅, ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΡΡ ΡΠΎΠ²Π°Ρ. ΠΠΎΡΡΠΎΠΌΡ ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΡΠ°ΡΡΡΠ΅ Π²ΡΠ΅ΠΌΡ, ΠΏΡΠΈΠ΄ΡΠΌΡΠ²Π°Ρ ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΡΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΡ Π΄Π»Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ: ΠΏΡΠΎΠ΄Π°ΠΆΠΈ ΠΎΡ ΡΡΠΎΠ³ΠΎ Π½Π΅ Π²ΡΡΠ°ΡΡΡΡ.
ΠΠΎ Π΅ΡΠ»ΠΈ Π²Π°ΠΌ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡΡΡ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠ°ΡΡΡΠΆΠ΄Π°Π΅ΠΌ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈ.
ΠΡΠ»ΠΈ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Π² ΠΊΠ°ΡΡΠΎΡΠΊΠ΅ ΡΠΎΠ²Π°ΡΠ° ΠΎΠ½ ΠΊΠ»Π°Π΄ΡΡΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ, Π° ΠΏΠΎΡΠ»Π΅ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΡΠ°Π·Ρ ΠΏΠ΅ΡΠ΅ΠΊΠΈΠ΄ΡΠ²Π°ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π·Π°ΠΊΠ°Π·Π°, ΡΠΎ ΡΠ΅Π»Π΅ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎ Π½Π°Π·Π²Π°ΡΡ ΡΠ°ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΏΠΈΡΡΒ». ΠΠΎ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ ΠΎΠ±ΡΡΠ½ΠΎ Π½Π΅ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ Π·Π°ΠΊΠ°Π· ΡΡΠ°Π·Ρ, Π° Π½Π°Π±ΠΈΡΠ°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ²Π°ΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΠ° Β«ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½Π°, ΡΠ΅ΠΌ Β«ΠΡΠΏΠΈΡΡΒ»: ΠΏΠ΅ΡΠ²Π°Ρ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅Ρ ΠΏΡΠΎΡΠ΅ΡΡ Π²ΡΠ±ΠΎΡΠ° ΡΠΎΠ²Π°ΡΠΎΠ², Π½Π΅ ΡΡΠ΅Π±ΡΡΡΠΈΠΉ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΎ ΠΏΠΎΠΊΡΠΏΠΊΠ΅ ΠΏΡΡΠΌΠΎ ΡΠ΅ΠΉΡΠ°Ρ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π² ΡΡΠΎΠΌ Π΅ΡΡΡ Π΄ΠΎΠ»Ρ ΠΈΡΡΠΈΠ½Ρ. ΠΠΎΠΏΡΠΎΡ Π² ΡΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π²Ρ ΡΡΠΈΡΠ°Π΅ΡΠ΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½ΡΠΌ. ΠΡΠ»ΠΈ ΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ, ΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊ ΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π½Π°Π·ΡΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ (ΠΏΠΎΠΌΠ½Ρ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΊΠΎΡΠ·ΠΈΠ½Ρ ΡΠ°ΡΡΠΎ Π±ΡΠΎΡΠ°ΡΡ, ΠΈ ΡΡΠΎ ΠΎΡΠ»ΠΎΠΆΠΈΡΡ ΡΠΎΠ²Π°Ρ β Π΅ΡΡ Π½Π΅ Π·Π½Π°ΡΠΈΡ ΠΊΡΠΏΠΈΡΡ ΠΈ ΠΎΠΏΠ»Π°ΡΠΈΡΡ Π΅Π³ΠΎ). ΠΡΠ»ΠΈ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠ΅ΠΉ ΡΡΠΈΡΠ°Π΅ΡΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Π½ΡΠΉ ΠΈ ΠΎΠΏΠ»Π°ΡΠ΅Π½Π½ΡΠΉ Π·Π°ΠΊΠ°Π·, ΡΠΎ Π½Π΅ ΡΡΠ΅ΡΠ½ΡΠΉΡΠ΅ΡΡ Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ Β«ΠΡΠΏΠΈΡΡΒ».
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΡΡΠ»ΡΠΊ Β«ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» Π½Π°ΠΌΠ΅ΠΊΠ°Π΅Ρ Π½Π° ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΎΠ²Π°ΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ: ΡΠ½Π°ΡΠ°Π»Π° ΠΈΡ Π½ΡΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ, Π° Π·Π°ΡΠ΅ΠΌ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΡ Π²ΡΠ΅ ΠΏΠΎΠ»Ρ ΡΠΎΡΠΌΡ Π·Π°ΠΊΠ°Π·Π°.
ΠΡΡΠ³ΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ β ΠΎΠ±ΠΎΠΉΡΠΈΡΡ Π±Π΅Π· Π³Π»Π°Π³ΠΎΠ»Π° ΠΈ ΡΠΎΠΊΡΠ°ΡΠΈΡΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄ΠΎ Β«Π ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ». ΠΠ΅ Π²ΡΠ΅ ΡΡΠΎ ΠΎΠ΄ΠΎΠ±ΡΡΡΡ: Π΅ΡΡΡ ΠΌΠ½Π΅Π½ΠΈΠ΅, ΡΡΠΎ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π½Π΅ΡΡΡΠ΅ΠΊΡΠΈΠ²Π΅Π½ Π±Π΅Π· Π³Π»Π°Π³ΠΎΠ»Π°. ΠΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΈ ΡΠ°ΠΊΡΡ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΡ.
ΠΡΡΡΠ΅ΡΠ°ΡΡΡΡ Π½Π° ΡΠ°ΠΉΡΠ°Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡΒ», ΠΈ ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΠΏΠΎΠ»Π½Π΅ ΠΎΠΏΡΠ°Π²Π΄Π°Π½Π½ΠΎ, Π΅ΡΠ»ΠΈ ΡΠΎΠ²Π°Ρ ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΡΠΈ ΡΡΠ°Π·Ρ (ΠΈΠ· ΠΈΠΌΠ΅ΡΡΠΈΡ ΡΡ Π² Π½Π°Π»ΠΈΡΠΈΠΈ), Π½ΠΎ ΠΈ Π·Π°ΠΊΠ°Π·Π°ΡΡ Π΄Π»Ρ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΠΏΠΎΠΊΡΠΏΠΊΠΈ (ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ ΠΏΠΎΡΡΡΠΏΠΈΡ Π½Π° ΡΠΊΠ»Π°Π΄). Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π΄Π»Ρ ΠΈΠΌΠ΅ΡΡΠΈΡ ΡΡ ΡΠΎΠ²Π°ΡΠΎΠ² Π»ΡΡΡΠ΅ ΡΡΠ°Π²ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΏΠΈΡΡΒ», ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΎΡΠΎΠ·Π½Π°Π²Π°Π» ΡΠ°Π·Π½ΠΈΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΡΠΈΠΌΠΈ Π΄Π²ΡΠΌΡ ΡΡ Π΅ΠΌΠ°ΠΌΠΈ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ΅Π½ΠΈΡ.
ΠΡΡΠ°ΡΠΈ, Π΄Π»Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΡΠ΅ΡΠ²ΠΈΡΠΎΠ² Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ Π΅Π΄Ρ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡΒ», ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π»ΡΠ΄ΠΈ ΠΎΠ±ΡΡΠ½ΠΎ Π³ΠΎΠ²ΠΎΡΡΡ Β«ΠΠ°Π²Π°ΠΉ Π·Π°ΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΠΈΡΡΡΒ», Π° Π½Π΅ Β«ΠΠ°Π²Π°ΠΉ ΠΊΡΠΏΠΈΠΌ ΠΏΠΈΡΡΡΒ». ΠΠΏΡΠΎΡΠ΅ΠΌ, Π½ΠΈΠΊΡΠΎ Π½Π΅ Π·Π°ΠΏΡΠ΅ΡΠ°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π° ΡΠ°ΠΊΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΠΈΠ»ΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΡΡΠ°Π΄ΠΈΡΠΈΠΎΠ½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠΎΠ»ΠΎΠΆΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» ΠΈ Β«ΠΡΠΏΠΈΡΡΒ».
ΠΠ½Π°ΡΠΈΠΌΠΎΡΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ Π·Π°ΠΊΠ°Π·Π° ΡΠΈΠ»ΡΠ½ΠΎ ΠΏΡΠ΅ΡΠ²Π΅Π»ΠΈΡΠ΅Π½Π° (Π½Π΅ Π² ΠΏΠΎΡΠ»Π΅Π΄Π½ΡΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΡΠΊΡΠΏΠ΅ΡΡΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ΅ΠΌΡΡΡΡ ΠΏΡΠΎΠ΄Π²ΠΈΠ½ΡΡΡ ΡΠ²ΠΎΠΈ ΠΎΠ±ΡΡΠ°ΡΡΠΈΠ΅ ΡΠ΅ΠΌΠΈΠ½Π°ΡΡ ΠΈ ΠΊΡΡΡΡ).
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠΎΠΊΡΠΏΠΊΠΈ ΡΠΆΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½ΠΈΠΊΠΎΠ³ΠΎ Π½Π΅ ΡΠ΄ΠΈΠ²Π»ΡΡΡ. ΠΠ°Π²Π΅ΡΠ½ΠΎΠ΅, Π΅ΡΡ ΠΎΡΡΠ°Π»ΠΈΡΡ ΠΆΠΈΡΠ΅Π»ΠΈ Π΄Π΅ΡΠ΅Π²Π΅Π½Ρ, Π·Π°ΡΠ΅ΡΡΠ½Π½ΡΡ Π³Π΄Π΅-ΡΠΎ Π² ΡΠΈΠ±ΠΈΡΡΠΊΠΈΡ Π»Π΅ΡΠ°Ρ , ΠΏΡΠ³Π°ΡΡΠΈΠ΅ΡΡ ΠΏΡΠΈΠ·ΡΠ²Π° Β«ΠΡΠΏΠΈΡΡΒ» ΠΈ Π»ΡΡΡΠ΅ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΠΈΠ΅ Π΄Π΅Π»ΠΈΠΊΠ°ΡΠ½ΡΡ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΡ Β«ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ», Π½ΠΎ Π΄ΠΎΡΡΠΎΠ²Π΅ΡΠ½ΠΎΠΉ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΠΈ ΠΏΠΎ Π½ΠΈΠΌ Π½Π΅Ρ (ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠ΅ ΡΠ»ΡΡΠ°ΠΈ, ΠΎ ΠΊΠΎΡΠΎΡΡΡ Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠ΅ ΡΠ°ΡΡΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΊΠ°ΠΊ ΠΎ ΠΊΡΡΡΡΠ·Π°Ρ , Π½Π΅ Π² ΡΡΡΡ).
Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ±Π΅ΡΠ΅ΠΌ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΡΠΏΠΈΡΡΒ» Π½Π° ΡΠ°ΠΉΡΠ΅.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΡΠ³Π»Π° ΠΈΠ»ΠΈ Π―Π½Π΄Π΅ΠΊΡΠ° ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡΠΈ ΡΡΠ°ΡΠΈΡΡΠΈΠΊΡ ΠΏΠΎ ΠΏΡΠΎΠ²Π΅Π΄ΡΠ½Π½ΡΠΌ Π/Π ΡΠ΅ΡΡΠ°ΠΌ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΡΡ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π°ΠΈΠΌΠ΅Π½Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Ρ, Π·Π°ΡΠΎ Π·Π΅Π»ΡΠ½ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ, ΠΎΡΠ°Π½ΠΆΠ΅Π²ΡΠ΅ β ΡΠΎΠΆΠ΅ Π½Π΅ΠΏΠ»ΠΎΡ ΠΎ. ΠΠΎ Π΅ΡΡΡ ΠΈ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½Π°Ρ ΡΠΎΡΠΊΠ° Π·ΡΠ΅Π½ΠΈΡ. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ ΡΡΠΎΠΈΡ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ Π½Π° Π²Π΅ΡΡ ΠΈ ΡΡΠΎΡΠ½ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π΅Π»ΡΠ²Π°ΡΡ ΡΠ°ΠΉΡ.
ΠΡΠΎΠΌΠ΅ ΡΠ²Π΅ΡΠ°, ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΈ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ Π½Π° ΡΠ΅Π»Π΅Π²ΠΎΠΉ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΈ ΡΠ΅ΠΊΡΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ. Π ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡ ΠΊ Π²ΡΠ²ΠΎΠ΄Π°ΠΌ, ΡΡΠΎ ΡΠΎΠΌΠ°Π½ΡΠΈΡΠ½ΡΠ΅ ΡΠ½ΡΠ΅ Π΄Π΅Π²ΡΡΠΊΠΈ ΠΎΡ ΠΎΡΠ½Π΅Π΅ ΠΊΠ»ΠΈΠΊΠ°ΡΡ ΠΏΠΎ ΡΠΎΠ·ΠΎΠ²ΡΠΌ Π±Π»Π΅ΡΡΡΡΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠ°ΠΌ, ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ Π΄ΡΠ΅Π²Π΅ΡΠ½ΠΎΠΉ ΡΠ°ΠΊΡΡΡΠΎΠΉ ΠΏΠΎΠ²ΡΡΠ°ΡΡ ΠΏΡΠΎΠ΄Π°ΠΆΠΈ Π½Π°ΡΡΡΠ°Π»ΡΠ½ΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ² ΠΈ ΡΡΡΠΎΠΉΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ², Π° Β«ΠΆΠ΅Π»Π΅Π·Π½ΡΠ΅Β» β ΡΠΎΠ²Π°ΡΠΎΠ² Π΄Π»Ρ ΠΌΡΠΆΡΠΈΠ½.
ΠΡΠΎ Π½Π΅ ΠΌΠ΅Π½ΡΡΠΈΠΉ Π±ΡΠ΅Π΄, ΡΠ΅ΠΌ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΈΡΠ°Π΅ΡΠ΅, ΡΡΠΎ Π²Π°ΡΠΈ ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»ΠΈ Π½Π΅ ΠΊΠ»ΠΈΠΊΠ°ΡΡ Π½Π° Π±ΠΎΠ»ΡΡΡΡ ΡΠΈΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΏΠΈΡΡΒ», ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΡ ΠΊ Π±Π΅Π»ΠΎΠΌΡ ΡΠΎΠ½Ρ, ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ·-Π·Π° Π΅Ρ ΡΠ²Π΅ΡΠ°, Π° ΠΊΠ°ΠΊ ΡΠΎΠ»ΡΠΊΠΎ Π²Ρ ΠΏΠ΅ΡΠ΅ΠΊΡΠ°ΡΠΈΡΠ΅ Π΅Ρ Π² ΡΠΎΡΠ½ΡΠΉ ΠΎΡΡΠ΅Π½ΠΎΠΊ Π·Π΅Π»ΡΠ½ΠΎΠ³ΠΎ, ΡΡΠ°Π·Ρ ΠΆΠ΅ Π½Π°ΡΠ½ΡΡ ΠΏΠΎΠΊΡΠΏΠ°ΡΡ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΎΡΡΡΡΡ ΡΠΌΠΈΡΠΎΡΠ²ΠΎΡΠ΅Π½ΠΈΠ΅, Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ ΠΈ Π΄ΠΎΠ²Π΅ΡΠΈΠ΅?
ΠΡΠ»ΠΈ Π²Π°ΠΌ ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ Π½ΠΈΠ·ΠΊΠ°Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ ΡΠ²ΡΠ·Π°Π½Π° ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Ρ ΡΠ²Π΅ΡΠΎΠΌ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅, ΡΠΎ Π΄Π»Ρ Π½Π°ΡΠ°Π»Π° ΡΠ΅ΡΠΈΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π²Π΅Π±-ΡΠ΅ΡΡΡΡΠ°, Π° Π·Π°ΡΠ΅ΠΌ ΡΠΆΠ΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΡΠ΅ΡΡ Π·Π° ΠΏΠΎΠΈΡΠΊ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°.
ΠΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, ΡΠ²ΡΡΠ΄ΠΎ Π²ΠΎΠ·Π½Π°ΠΌΠ΅ΡΠΈΠ²ΡΠ΅Π³ΠΎΡΡ ΠΊΡΠΏΠΈΡΡ ΡΡΠΎ-Π»ΠΈΠ±ΠΎ (Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΈΠ·ΡΡΠΈΡΡ Π°ΡΡΠΎΡΡΠΈΠΌΠ΅Π½Ρ, ΡΡΠ°Π²Π½ΠΈΡΡ ΡΠ΅Π½Ρ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠΏΠΎΠ»ΡΠ±ΠΎΠ²Π°ΡΡΡΡ ΡΠΈΠΌΠΏΠ°ΡΠΈΡΠ½ΡΠΌΠΈ ΠΌΠΎΠ΄Π΅Π»ΡΠΌΠΈ, Π΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡΡΠΈΠΌΠΈ ΠΎΠ΄Π΅ΠΆΠ΄Ρ β Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π°ΡΡΠΎΡΡΠΈΠΌΠ΅Π½ΡΠ° ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°), Π½ΠΈΡΡΠΎ Π½Π΅ ΠΎΡΡΠ°Π½ΠΎΠ²ΠΈΡ Π² ΡΠΎΠ²Π΅ΡΡΠ΅Π½ΠΈΠΈ ΠΏΠΎΠΊΡΠΏΠΊΠΈ. ΠΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ, Π΅ΡΠ»ΠΈ Π΅Π³ΠΎ ΡΡΡΡΠ°ΠΈΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΡ (ΡΡΠΎΠΈΠΌΠΎΡΡΡ, ΡΠΏΠΎΡΠΎΠ±Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ ΠΈ Ρ. ΠΏ.), ΠΌΠ°Π³Π°Π·ΠΈΠ½ Π²ΡΠ·ΡΠ²Π°Π΅Ρ Π΄ΠΎΠ²Π΅ΡΠΈΠ΅, Π° ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΠΎΠ½Π»Π°ΠΉΠ½ ΠΈ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π½Π° Π²ΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΡΠ΅ΡΠ΅Π· Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ°Ρ.
ΠΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΏΠ»ΠΎΡ ΠΎΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ β ΡΡΠΎ Π±Π΅Π»ΡΠΉ ΡΠΎΠ½, Π±Π΅Π»Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈ Π±Π΅Π»ΡΠΉ ΡΠ΅ΠΊΡΡ. Π§ΡΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ Π»ΡΡΡΠ΅, ΠΈ Π² ΡΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ Π±Π΅Π· ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ.
ΠΠ½ΠΎΠΏΠΊΠ° ΠΊΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΌΠ΅Π½Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π°, Π΅ΡΠ»ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠΈΡΡ Π΅Ρ ΠΏΠΎ ΡΠΎΡΠ΅Π΄ΡΡΠ²Ρ Ρ Π·Π΅Π»ΡΠ½ΠΎΠΉ. ΠΠΎΠ½ΡΡΠ°ΡΡΡ β ΡΡΠΎ Π½Π΅ Π²ΡΠ΅Π³Π΄Π° Ρ ΠΎΡΠΎΡΠΎ ΠΈ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ.
ΠΡΠ»ΠΈ ΡΡΠ΄ΠΎΠΌ Ρ Π½Π°ΡΡΡΠ΅Π½Π½ΠΎ-ΠΊΡΠ°ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΠ΅ΡΠ°Ρ Ρ ΡΠ΅ΡΡΠΌ ΠΆΠ΅ ΡΠ΅ΠΊΡΡΠΎΠΌ, ΡΠΎ ΡΡΠ° ΠΌΠΎΠ½ΠΎΡ ΡΠΎΠΌΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡΡΡ ΠΊΠ°ΠΊ Π½Π΅Π°ΠΊΡΠΈΠ²Π½Π°Ρ, ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½Π°Ρ, ΠΈ ΠΌΠ°Π»ΠΎ ΠΊΡΠΎ ΡΡΠ°Π½Π΅Ρ ΠΊΠ»ΠΈΠΊΠ°ΡΡ Π½Π° Π½Π΅Ρ.
ΠΡΠΈ ΡΡΠΎΠΌ ΠΌΠΎΠ½ΠΎΡ ΡΠΎΠΌΠ½ΡΠ΅ ΡΠ΅ΡΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΠ΅ β Β«ΠΡΡΡΡΡΠΉ Π·Π°ΠΊΠ°Π·Β», Β«Π‘ΡΠ°Π²Π½ΠΈΡΡΒ», Β«ΠΠΎΠ±Π°Π²ΠΈΡΡ Π² ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅Β») Π΅ΡΡΡ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ , ΡΡΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½Π°Ρ ΠΎΡΠΈΠ±ΠΊΠ°. ΠΡΠΎΠ΄Π΅ Π±Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΡΡΠ΅ΠΌΡΡΡΡ Π²ΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ ΠΈ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, Π½ΠΎ Π·Π°Π±ΡΠ²Π°ΡΡ ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ ΠΏΡΠΈΠ²ΡΡΠΊΠ°Ρ , ΡΠ»ΠΎΠΆΠΈΠ²ΡΠΈΡ ΡΡ Π·Π° ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΠΌΠΈ ΡΠΈΡΡΠ΅ΠΌΠ°ΠΌΠΈ: Π²ΡΡ, ΡΡΠΎ ΠΎΠΊΡΠ°ΡΠ΅Π½ΠΎ ΡΠ΅ΡΡΠΌ, Π±ΡΠ΄Ρ ΡΠΎ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠ°, Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎ ΠΈ Π½Π΅ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡΠ½ΠΎ.
Π ΠΆΠΈΠ²ΠΎΡΠ½ΠΎΠΌ ΠΌΠΈΡΠ΅ ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ½ ΡΠ°ΠΊΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ°ΠΌΠΎΠ·Π°ΡΠΈΡΡ, ΠΊΠ°ΠΊ ΠΌΠΈΠΌΠΈΠΊΡΠΈΡ ΠΏΠΎΠ΄ ΠΌΡΡΡΠ²ΡΡ : Ρ ΠΈΡΠ½ΠΈΠΊΠΈ Π½Π΅ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΡΡΡΡ ΠΌΠ΅ΡΡΠ²Π΅ΡΠΈΠ½ΠΎΠΉ. Π’Π°ΠΊ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ²Π΅ΡΠ»ΠΎ-ΡΠ΅ΡΠΎΠΉ Π³Π°ΠΌΠΌΡ Ρ ΡΠ°ΠΊΠΈΠΌ ΠΆΠ΅ ΡΠ²Π΅ΡΠΎΠΌ ΡΠ΅ΠΊΡΡΠ°: ΠΎΠ½ΠΈ Π΄ΠΎΡΡΠΎΠ²Π΅ΡΠ½ΠΎ ΠΌΠ°ΡΠΊΠΈΡΡΡΡΡΡ ΠΏΠΎΠ΄ Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΡΠ΅, ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ Π² Π³ΠΎΠ»ΠΎΠ²Ρ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ ΠΈΡ .
ΠΡΠΈ ΡΡΠΎΠΌ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΡΠΏΠΈΡΡΒ» (ΠΏΡΠΈ ΡΡΠ»ΠΎΠ²ΠΈΠΈ, ΡΡΠΎ ΠΎΠ½Π° Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΠΊΡΡΠΏΠ½Π°Ρ, ΠΎΡΠ΄Π΅Π»Π΅Π½Π° ΠΎΡΡΡΡΠΏΠ°ΠΌΠΈ ΠΎΡ ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½Π°) Π½Π΅ ΡΡΠΎΠ»Ρ Π²Π°ΠΆΠ΅Π½. ΠΡΠ³ΡΠΌΠ΅Π½ΡΡ ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΠ³ΡΠΌΠ΅Π½ΡΡ ΠΏΡΠΎΡΠΈΠ² ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΠ»ΠΈΡΡ Π²ΡΡΠ΅.
ΠΠΎΡΡΠΎΠΌΡ Π/Π ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ² ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠΈΠ²ΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ: Π³Π΄Π΅-ΡΠΎ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ ΠΊΡΠ°ΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, Π³Π΄Π΅-ΡΠΎ β Π·Π΅Π»ΡΠ½Π°Ρ. ΠΠ°ΡΠ°ΡΡΡΡ ΡΠ΅ΠΊΡΠ΅Ρ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π½Π΅ Π² ΡΠ°ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅, Π½Π΅ Π² ΡΠΎΠ²Π°ΡΠ΅ ΠΈ Π΄Π°ΠΆΠ΅ Π½Π΅ Π² ΡΠ΅Π»Π΅Π²ΠΎΠΉ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ, Π° Π² Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ Π²ΡΠ΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ° ΠΈ ΡΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠΊΡΡΠΆΠ°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΡΠ°ΠΉΡΠ΅.
2. Β«ΠΠ°ΠΊΠ°Π·Β» ΠΈΠ»ΠΈ Β«ΠΡΡΡΡΡΠΉ Π·Π°ΠΊΠ°Π·Β»
ΠΡΠΎ ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ»Π΅Π΄ΡΠ΅Ρ Π²ΠΊΠ»ΡΡΠΈΡΡ Π² Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. ΠΠ΄Π½Π°ΠΊΠΎ ΠΈ Π·Π΄Π΅ΡΡ Π΅ΡΡΡ Π½ΡΠ°Π½ΡΡ.
ΠΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΏΠΈΡΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊΒ» Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ° ΡΠ°ΠΌ, Π³Π΄Π΅ ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°ΡΡ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΠΎΠ²Π°Ρ, Π° Π½Π΅ Π½Π°Π±ΠΈΡΠ°ΡΡ ΡΠ΅Π»ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ. ΠΠ»ΠΈ Π΄Π»Ρ Π΄ΠΎΡΠΎΠ³ΠΈΡ ΡΠΎΠ²Π°ΡΠΎΠ².
ΠΠ»Ρ ΠΌΠ°Π³Π°Π·ΠΈΠ½ΠΎΠ², Π³Π΄Π΅ ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΠΎΠ±ΡΡΠ½ΠΎ Π±Π΅ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠΉ ΡΠΎΠ²Π°ΡΠ½ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ, Π² ΡΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π΅Ρ ΡΠΌΡΡΠ»Π°: Π΅ΡΠ»ΠΈ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Ρ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π·Π°ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΈ ΠΎΠ½Π° ΠΏΠ΅ΡΠ΅Π±ΡΡΡ Π³Π»Π°Π²Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΏΠΈΡΡΒ», ΠΌΠΎΠΆΠ΅Ρ ΡΠΌΠ΅Π½ΡΡΠΈΡΡΡΡ ΡΡΠΌΠΌΠ° ΡΡΠ΅Π΄Π½Π΅Π³ΠΎ ΡΠ΅ΠΊΠ° (ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΠΏΠΎΠΉΠ΄ΡΡ ΡΡΠ°Π·Ρ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ Π·Π°ΠΊΠ°Π· ΠΈ Π½Π΅ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ ΠΊΠ»Π°ΡΡΡ ΡΠΎΠ²Π°ΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ), Π° ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ°ΠΌ ΠΏΡΠΈΠ΄ΡΡΡΡ ΡΡΠ°ΡΠΈΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ Π½Π° ΠΊΠΎΠ½ΡΡΠ»ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ ΡΠ΅Π»Π΅ΡΠΎΠ½Ρ.
ΠΠΎΡΡΠΎΠΌΡ ΡΠ°ΠΊ Π²Π°ΠΆΠ½Π° Π³ΡΠ°ΠΌΠΎΡΠ½Π°Ρ ΡΠ°ΡΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π°ΠΊΡΠ΅Π½ΡΠΎΠ² Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ . ΠΡΠ»ΠΈ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΠ½ΠΎΡΡΡ Π³Π»Π°Π²Π½ΠΎΠΉ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ΄Π°ΡΠ½ΠΎ ΠΏΠΎΠ΄ΡΡΡΠΊΠΈΠ²Π°Π΅ΡΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠΌΠΈ ΠΏΡΠΈΡΠΌΠ°ΠΌΠΈ, ΠΎΠΏΡΠΈΡ Π±ΡΡΡΡΠΎΠ³ΠΎ Π·Π°ΠΊΠ°Π·Π° ΡΠΎΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΡΡΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ Π½Π΅ Π»ΠΎΠΌΠ°ΡΡ ΡΠ»ΠΎΠΆΠΈΠ²ΡΡΡΡΡ ΡΡ Π΅ΠΌΡ ΠΏΠΎΠΊΡΠΏΠΊΠΈ. ΠΡΠ½ΠΎΠ²Π½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π΄ΠΎΡΡΠ°Π½Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Β«ΠΡΠΏΠΈΡΡΒ».
ΠΡΡ ΠΎΠ΄Π½Π° Π½Π΅ΡΠ΅Π΄ΠΊΠ°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΌΠΎΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π·Π°ΠΊΠ°Π·Π° β ΡΡΠΎ ΡΠΎ, ΡΡΠΎ Π΄Π°Π½Π½ΡΠ΅ ΠΏΠΎ ΡΠ°ΠΊΠΈΠΌ Π·Π°ΠΊΠ°Π·Π°ΠΌ ΠΏΠΎΠΏΠ°Π΄Π°ΡΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠΏΠΈΡΠΎΠΊ (Π° Π½Π΅ Π² ΠΎΠ±ΡΠΈΠΉ, ΠΊΠ°ΠΊ ΠΏΡΠΈ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΠΏΠΎΠΊΡΠΏΠΊΠ΅ ΡΠΎΠ²Π°ΡΠΎΠ² ΡΠ΅ΡΠ΅Π· ΠΊΠΎΡΠ·ΠΈΠ½Ρ) Π»ΠΈΠ±ΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ ΠΏΡΠΈΡ ΠΎΠ΄ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΏΠΎΡΡΡ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ°ΠΌ. ΠΡΠΎ, ΠΏΠΎ ΡΡΡΠΈ, ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π» ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡ Π·Π²ΠΎΠ½ΠΎΠΊΒ» Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΈ Π΄Π»Ρ ΡΠΎΠΏΠΏΠΈΠ½Π³Π° Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ.
Π ΡΡΠΌ ΠΆΠ΅ ΠΏΡΠΈΡΠΈΠ½Π°? Π ΡΠΎΠΌ, ΡΡΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΠΉ Π·Π°ΠΊΠ°Π· ΡΡΠ΅Π±ΡΠ΅Ρ ΠΎΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΌΠ΅Π½ΡΡΠ΅ Π΄Π°Π½Π½ΡΡ , ΠΈΠ·-Π·Π° ΡΠ΅Π³ΠΎ Π½Π΅ Π΄ΠΎΡΡΠ³ΠΈΠ²Π°Π΅Ρ Π΄ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΠΎΠΉ ΠΏΠΎΠΊΡΠΏΠΊΠΈ ΠΈ ΠΏΠΎΠΏΠ°Π΄Π°Π΅Ρ Π² Π΄ΡΡΠ³ΡΡ Π±Π°Π·Ρ ΠΈΠ»ΠΈ ΠΈΠ½ΡΠΎΠ±Π»ΠΎΠΊ Π»ΠΈΠ±ΠΎ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π° ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΏΠΎΡΡΡ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ°. Π ΡΡΠΎ ΡΡΠ»ΠΎΠΆΠ½ΡΠ΅Ρ Π±ΠΈΠ·Π½Π΅Ρ-ΠΏΡΠΎΡΠ΅ΡΡΡ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°, ΡΡΠ΅Π±ΡΠ΅Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΈ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΈΡΠΊ ΠΏΠΎΡΠ΅ΡΠΈ Π·Π°ΠΊΠ°Π·ΠΎΠ². Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Ρ Π½Π° ΡΠ°ΠΉΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π±ΡΡΡΡΠΎΠ³ΠΎ Π·Π°ΠΊΠ°Π·Π°, ΠΏΡΠΎΡΠ»Π΅Π΄ΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Π·Π°ΠΊΠ°Π·Ρ ΠΏΠΎΠΏΠ°Π΄Π°Π»ΠΈ Π² ΠΎΠ±ΡΠΈΠΉ ΡΠΏΠΈΡΠΎΠΊ.
ΠΡΡ ΠΎΠ΄Π½Π° ΡΠ°ΡΠΏΡΠΎΡΡΡΠ°Π½ΡΠ½Π½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° β Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ°Π· Π²Π±ΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΡ Π€ΠΠ ΠΈ Π½ΠΎΠΌΠ΅Ρ ΡΠ΅Π»Π΅ΡΠΎΠ½Π° ΠΏΡΠΈ Π±ΡΡΡΡΠΎΠΌ Π·Π°ΠΊΠ°Π·Π΅. ΠΠ°Π½Π½ΡΠ΅ Π°Π²ΡΠΎΡΠΈΠ·ΠΎΠ²Π°Π½Π½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ΄ΡΡΠ³ΠΈΠ²Π°ΡΡΡΡ Π² ΡΠΎΡΠΌΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ, ΡΡΠΎΠ±Ρ ΡΠ΅Π»ΠΎΠ²Π΅ΠΊΡ ΠΎΡΡΠ°Π²Π°Π»ΠΎΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π°. Π’ΠΎΠ³Π΄Π° ΠΏΠΎΠΊΡΠΏΠΊΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π±ΡΡΡΡΠΎΠΉ.
ΠΡΡΠ°ΡΠΈ, ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠΎΠΌΠ΅Π½ΡΠ°Π»ΡΠ½ΡΡ Π·Π°ΠΊΠ°Π·ΠΎΠ² ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°. ΠΡΠΎ Π² ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΡΡΠ΅ΠΏΠ΅Π½ΠΈ ΡΠ΅ΡΠΈΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ ΠΏΠΎΠΊΡΠΏΠΊΠΈ ΡΡΠ΄Π° ΡΠΎΠ²Π°ΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ Π΄Π»Ρ ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ Π»ΡΠ±ΡΡ Π·Π°Ρ ΠΎΠ΄ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ ΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ ΠΏΠΎΠΊΡΠΏΠ°ΡΡ Π·Π° ΠΎΠ΄ΠΈΠ½ ΠΊΠ»ΠΈΠΊ.
Π¦Π΅Π»Π΅ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π° ΡΠ°ΠΉΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» ΡΠΎΠΆΠ΅ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΌΠ½ΠΎΠ³ΠΎ Π²ΠΎΠΏΡΠΎΡΠΎΠ² Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΈ Π²Π΅Π±-ΠΌΠ°ΡΡΠ΅ΡΠΎΠ². Π‘ΠΈΡΡΠ°ΡΠΈΡ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½Π° ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ: Π²ΡΡ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠΈ ΠΈ Π°ΡΡΠΎΡΡΠΈΠΌΠ΅Π½ΡΠ° ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°. ΠΠ»Ρ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ², ΠΏΡΠΈ ΠΏΠΎΠΊΡΠΏΠΊΠ΅ ΠΊΠΎΡΠΎΡΡΡ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ ΡΠ²Π΅Ρ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π² ΠΊΡΠ°ΡΠΊΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠ΅ ΡΠΎΠ²Π°ΡΠ° Π½Π° Π²ΠΈΡΡΠΈΠ½Π΅, Π½Π΅Ρ ΡΠΌΡΡΠ»Π° Π² ΡΠ°ΠΊΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΎΡΠ΅Π½Ρ ΡΡΡΠ°Π½Π½ΠΎΠ΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΏΡΠ°Π²ΠΈΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» Π² ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ ΠΎΠ΄Π΅ΠΆΠ΄Ρ: ΡΠΎΠ²Π°Ρ ΠΊΠ»Π°Π΄ΡΡΡΡ Π² ΠΊΠΎΡΠ·ΠΈΠ½Ρ, Π½ΠΎ Π±Π΅Π· Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ Π²ΡΠ±ΡΠ°ΡΡ Π΄Π»Ρ ΡΠ΅Π±Ρ Π½ΡΠΆΠ½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΠ°ΡΡΠ²Π΅ΡΠΊΡ. Π Π΅ΡΠ»ΠΈ ΡΠ°ΠΊΠ°Ρ ΠΎΠΏΡΠΈΡ Π΅ΡΡΡ, ΡΠΎ Π±Π΅Π· ΡΡΠ°Π²Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ ΡΠΎΡΡΠΈΠΉΡΠΊΠΈΡ ΠΈ Π·Π°ΡΡΠ±Π΅ΠΆΠ½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΠΈ ΠΈΠ½ΡΡΡΡΠΊΡΠΈΠΈ ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅Ρ. ΠΡΠΎ Π·Π°ΡΡΡΠ΄Π½ΡΠ΅Ρ Π²ΡΠ±ΠΎΡ.
ΠΠ΄Π½Π°ΠΊΠΎ Π² ΠΌΠ°Π³Π°Π·ΠΈΠ½Π°Ρ , ΡΠΎΡΠ³ΡΡΡΠΈΡ Π±ΡΡΠΎΠ²ΠΎΠΉ Ρ ΠΈΠΌΠΈΠ΅ΠΉ, ΠΊΠ½ΠΎΠΏΠΊΠ° Β«Π ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» Π²Π΅ΡΡΠΌΠ° ΡΠΌΠ΅ΡΡΠ½Π°: ΡΠ°ΠΊΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΈΡ ΠΎΠ±ΡΡΠ½ΠΎ Π±Π΅ΡΡΡ ΡΡΠ°Π·Ρ, Π½Π΅ ΠΏΡΠΈΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡ ΠΊ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌ, ΡΡΡΠ΅ΠΌΡΡΡΡ Π½Π°Π±ΡΠ°ΡΡ Π²ΡΡ Π½ΡΠΆΠ½ΠΎΠ΅ ΠΏΠΎΡΠΊΠΎΡΠ΅Π΅ ΠΈ ΠΎΡΠΎΡΠΌΠΈΡΡ Π·Π°ΠΊΠ°Π·. ΠΠ°Π»ΠΈΡΠΈΠ΅ ΡΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΠΏΡΠΎΡΠ΅ΠΌ, Π½Π΅ ΠΌΠ΅ΡΠ°Π΅Ρ ΠΏΡΠΎΡΠΌΠΎΡΡΡ Π²ΡΠ΅Ρ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠΎΠ²Π°ΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ²ΠΎΠ΄ΡΡΡΡ Π² ΠΊΠ°ΡΡΠΎΡΠΊΠ΅: ΠΎΠ±ΡΡΠΌΠ°, Π²Π΅ΡΠ°, ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΡΡΠΊ, Π°ΡΠΎΠΌΠ°ΡΠ° ΠΈ Ρ. ΠΏ.
4. ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ Π·Π°ΠΊΠ°Π·Π°
Π ΠΊΠΎΡΠ·ΠΈΠ½Π΅ ΡΠΎΠΆΠ΅ ΠΈΠΌΠ΅ΡΡΡΡ ΡΠ΅Π»Π΅Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈ ΠΈΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ.
ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π² ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½Π΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ Π΄Π²Π΅ ΡΠ°Π·Π½ΡΠ΅ ΠΊΠΎΡΠ·ΠΈΠ½Ρ: Π³Π»Π°Π²Π½Π°Ρ (ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π·Π°ΠΊΠ°Π·Π°, ΠΈΠ½ΠΎΠ³Π΄Π° Π² Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π³ΠΎΠ²) ΠΈ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ β Π±Π»ΠΎΠΊ Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π²Π΅ΡΡ Π½Π΅ΠΌ ΡΠ³Π»Ρ (ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΎΡΠΎΠ±ΡΠ°Π½Π½ΡΡ ΡΠΎΠ²Π°ΡΠΎΠ²).
ΠΡΠ°ΠΉΠ½Π΅ Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΠΎ Π΄Π°Π²Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠ΅ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ, Π²Π΅Π΄ΡΡΠΈΠΌ Π² Π³Π»Π°Π²Π½ΡΡ ΠΊΠΎΡΠ·ΠΈΠ½Ρ, ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ Π² ΠΊΠ°ΡΡΠΎΡΠΊΠ°Ρ ΡΠΎΠ²Π°ΡΠΎΠ², ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΡΠΌ Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ²ΡΠ΅ΠΉΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ. ΠΡΠΎ ΠΏΠΎΡΠΎΠΆΠ΄Π°Π΅Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΏΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ Π² ΡΠΎΠ²Π°ΡΠ½ΡΡ ΠΊΠ°ΡΡΠΎΡΠΊΠ°Ρ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«Π ΠΊΠΎΡΠ·ΠΈΠ½ΡΒ» ΠΏΡΠΈΠ΄ΡΠΌΠ°ΠΉΡΠ΅ Π΄ΡΡΠ³ΠΎΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΌΠ°Π»ΠΎΠΉ ΠΊΠΎΡΠ·ΠΈΠ½Π΅.
ΠΡΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ ΠΎΠ±ΡΠ΅ΠΌΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΡ: Π½Π΅ Π½Π°Π·ΡΠ²Π°ΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Ρ ΡΠ°Π·Π½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ ΠΈ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ.
ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΊΠΎΡΠ·ΠΈΠ½Π° ΠΏΡΠΎΡΡΠ° ΠΈ ΠΏΠΎΠ½ΡΡΠ½Π° Ρ ΠΏΠ΅ΡΠ²ΠΎΠ³ΠΎ Π²Π·Π³Π»ΡΠ΄Π°. ΠΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ Π·Π΄Π΅ΡΡ, Π΅ΡΠ»ΠΈ ΠΊΠΎΡΠ·ΠΈΠ½Π° ΠΏΠΎΡΠ°Π³ΠΎΠ²Π°Ρ, Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π³ ΠΈ Π²ΠΎΠ·Π²ΡΠ°Ρ ΠΊ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌΡ. ΠΠΎΠ΄ΠΏΠΈΡΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΎΡΡΠ°ΠΆΠ°ΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅, ΡΠΎΠ²Π΅ΡΡΠ°Π΅ΠΌΠΎΠ΅ ΠΈΠΌΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ ΠΏΡΡΠΈΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Π·Π°ΠΊΠ°Π·Π° ΡΡΠΎ Π±ΡΠ΄ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠΈ:
β | Π¨Π°Π³ Π² ΠΊΠΎΡΠ·ΠΈΠ½Π΅ | ΠΠ°Π·Π²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ |
1. | ΠΠΎΡΠ·ΠΈΠ½Π° | ΠΡΠΎΡΠΌΠΈΡΡ Π·Π°ΠΊΠ°Π· |
2. | Π€ΠΠ, ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½Π°Ρ ΠΏΠΎΡΡΠ°, ΡΠ΅Π»Π΅ΡΠΎΠ½ | Π£ΠΊΠ°ΠΆΠΈΡΠ΅ Π°Π΄ΡΠ΅Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ |
3. | ΠΠ΄ΡΠ΅Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ | ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ ΠΈ ΠΎΠΏΠ»Π°ΡΡ |
4. | Π‘ΠΏΠΎΡΠΎΠ±Ρ ΠΎΠΏΠ»Π°ΡΡ, Π΄ΠΎΡΡΠ°Π²ΠΊΠΈ | ΠΡΠΏΡΠ°Π²ΠΈΡΡ / ΠΠ°Π²Π΅ΡΡΠΈΡΡ Π·Π°ΠΊΠ°Π· |
5. | Π‘ΡΡΠ°Π½ΠΈΡΠ° Π±Π»Π°Π³ΠΎΠ΄Π°ΡΠ½ΠΎΡΡΠΈ | ΠΠΏΠ»Π°ΡΠ° / ΠΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΠΎΠΏΠ»Π°ΡΠ΅ |
6. | Π‘ΡΡΠ°Π½ΠΈΡΠ° ΠΎΠΏΠ»Π°ΡΡ (Π ΠΎΠ±ΠΎΠΊΠ°ΡΡΠ° ΠΈ Ρ. ΠΏ.) | Β |
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΠ°ΠΊΠΈΡ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΡΡ ΠΊΠΎΡΠ·ΠΈΠ½ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅ ΡΠΎΠ·Π΄Π°ΡΡ, Π½ΠΎ Π½Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ΅ΡΡΡΡΠ°Ρ ΠΎΠ½ΠΈ Π΅ΡΡ ΠΎΡΡΠ°Π»ΠΈΡΡ ΠΈ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡΡ ΡΡΠΏΠ΅ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ.
Π‘ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ ΠΊΠΎΡΠ·ΠΈΠ½Π° ΠΎΠ±ΡΡΠ½ΠΎ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΎΠ΄Π½Ρ ΡΡΡΠ°Π½ΠΈΡΡ, Π³Π΄Π΅ ΡΠΎΠ±ΡΠ°Π½Π° Π²ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ: ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΡΠΎΠ²Π°ΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΠΉ Ρ Π°ΡΡΠΈΠΊΡΠ»Π°ΠΌΠΈ, ΠΈ ΠΏΠΎΠ»Ρ, Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΠΌΡΠ΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠΌ.
Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠ΅ΠΉ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ , ΠΏΡΠΈΠ½ΡΠΈΠΏ Π·Π΄Π΅ΡΡ ΡΠΎΡ ΠΆΠ΅: ΠΊΠ°ΠΊΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠ½ΠΈΡΠΈΠΈΡΡΠ΅Ρ, ΡΠ°ΠΊ ΠΈ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ. ΠΠ»Ρ Π±ΠΎΠ»Π΅Π΅ Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΡ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΎΠΊ Π²ΡΠΎΠ΄Π΅ Β«ΠΠ°Π»Π΅Π΅Β» ΡΡΠ΄ΠΎΠΌ Π΄Π°ΡΡΡΡ ΠΏΠΎΡΡΠ½Π΅Π½ΠΈΡ, ΠΊΡΠ΄Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎ ΠΏΠΎΠΏΠ°Π΄ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠ»ΠΈΠΊΠ½ΡΠ² ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅.
Π ΠΎΠ΄Π½ΠΎΡΠ°Π³ΠΎΠ²ΡΡ ΠΊΠΎΡΠ·ΠΈΠ½Π°Ρ ΡΠ΅Π»Π΅Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄Π²ΡΡ ΡΠΈΠΏΠΎΠ²: Π»ΠΈΠ±ΠΎ Β«ΠΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΠΎΠΏΠ»Π°ΡΠ΅Β», Π»ΠΈΠ±ΠΎ, ΠΏΡΠΈ Π½Π°Π»ΠΈΡΠΈΠΈ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΠΏΡΠΎΠΌΠ΅ΠΆΡΡΠΎΡΠ½ΠΎΠΉ Β«Thank you pageΒ», Β«ΠΡΠΏΡΠ°Π²ΠΈΡΡ Π·Π°ΠΊΠ°Π·Β».
10 ΠΌΠΎΠΌΠ΅Π½ΡΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΡΠΈΡΡΠ²Π°ΡΡ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
- Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ ΡΠΈΡΠΌΠ΅Π½Π½ΠΎΠΌΡ ΡΡΠΈΠ»Ρ
ΠΠ½ΠΎΠΏΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΠΎΠΉ ΡΠ°ΡΡΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΠΈΡ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΡ, ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ Π³Π°ΠΌΠΌΠ΅ ΠΈ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΡΠΈΠ»ΠΈΡΡΠΈΠΊΠ΅ Π±ΡΠ΅Π½Π΄Π°. ΠΡΠ΅Π½ΠΈΡΠ΅ ΡΠ²ΠΎΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ: Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΅Π³ΠΎ ΡΠΎΡΠΌΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½Π° ΠΈ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
Π£ Π²Π°Ρ ΠΏΡΠ΅ΠΎΠ±Π»Π°Π΄Π°ΡΡ ΠΏΠ»ΠΎΡΠΊΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΈΠ»ΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ? Π’ΠΎΠ³Π΄Π° ΠΎΡΠΊΠ°ΠΆΠΈΡΠ΅ΡΡ ΠΎΡ ΡΡΠ΅ΠΊΠ»ΡΠ½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΡΡΠΈΠ»Π΅ Apple. ΠΡΠ΅ΡΡΠ°Π½ΠΈΡ, ΠΎΡΡΠ΅Π½ΠΊΠΈ ΠΈ Π΄Π΅ΠΊΠΎΡΠ°ΡΠΈΠ²Π½ΡΠ΅ ΠΏΡΠΈΡΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΡ ΠΈ ΡΠΈΡΠΌΠ΅Π½Π½ΠΎΠΌΡ ΡΡΠΈΠ»Ρ.
- Π‘ΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΡ
Π‘Π»Π΅Π΄ΡΠ΅Ρ ΡΡΠΈΡΡΠ²Π°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°, Π½ΠΎ ΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΠΈ ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΠ»ΡΡΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΡΠΈΡΡΡΡΡΠ²ΡΡΡΠΈΠ΅ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΠΈΠ»ΠΈ Π² ΠΊΠΎΡΠΏΠΎΡΠ°ΡΠΈΠ²Π½ΠΎΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, ΡΠ΅Π»Π΅ΡΠΎΠΎΠ±ΡΠ°Π·Π½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠΌΠΈ-Π»ΠΈΠ±ΠΎ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΈΠ½Π°ΡΠ΅ ΠΎΠ±ΡΠ³ΡΠ°ΡΡ Π² Π΄Π΅ΡΠΊΡΠΎΠΏΠ½ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ ΡΠ°ΠΉΡΠ°.
- ΠΠΎΡΡΠ°ΡΠΎΡΠ½Π°Ρ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡ
Π‘ΡΠΈΠ»Ρ Apple Π²Π΄ΠΎΡ Π½ΠΎΠ²ΠΈΠ» ΡΡΡΡΡΠΈ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠΎΠ² ΠΏΠΎ Π²ΡΠ΅ΠΌΡ ΠΌΠΈΡΡ ΠΈ ΠΏΠΎΡΠΎΠ΄ΠΈΠ» ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΡΡΠΈΠ»ΠΈΡΡΠΈΠΊΡ, ΡΠ»Π΅Π³Π°Π½ΡΠ½ΡΡ ΠΈ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΠΈΡΡΠΈΡΠ½ΡΡ. ΠΠ΄ΠΈΠ½ ΠΈΠ· Π΅Ρ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΎΠ² β ΠΌΠ°Π»Π°Ρ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΏΠΎ ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΡ ΠΊ Π΄ΡΡΠ³ΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ UI: ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΎΡΡΠΎ ΡΠ΅ΡΡΡΡΡΡ ΠΈ ΠΏΠ»ΠΎΡ ΠΎ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ²ΠΎΠΈ ΡΡΠ½ΠΊΡΠΈΠΈ.
ΠΡΠΈΡΠ΅ ΡΠ²Π΅ΠΆΠΈΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΡ: ΠΏΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΡΠ΅ ΡΡ Π΅ΠΌΡ, ΡΡΠΈΡΡΠΎΠ²ΡΠ΅ Π³Π°ΡΠ½ΠΈΡΡΡΡ, ΠΎΡΡΡΡΠΏΡ, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΡΠΎΠ±Ρ Π²ΡΠ΄Π΅Π»ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
- ΠΠ°ΠΊΡΡΠ³Π»ΡΡΡ ΡΠ³ΠΎΠ»ΠΊΠΈ ΠΈΠ»ΠΈ Π½Π΅Ρ?
ΠΡΠ»ΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠΌΠ΅ΡΡ Π·Π°ΠΊΡΡΠ³Π»ΡΠ½Π½ΡΠ΅ ΡΠ³ΠΎΠ»ΠΊΠΈ, ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΉΡΠΈ Π΄Π°Π»ΡΡΠ΅ ΠΈ ΡΠ°ΠΌΡΡ Π²Π°ΠΆΠ½ΡΡ ΠΈΠ· Π½ΠΈΡ ΡΠ΄Π΅Π»Π°ΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΡΡΠ³Π»ΠΎΠΉ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π»Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΈ ΠΏΡΠΈΠ·ΡΠ²Π°Π»Π° Π½Π°ΠΆΠ°ΡΡ Π½Π° Π½Π΅Ρ.
- ΠΠ°ΡΠΊΠΈΡΡΠ΅ΠΌ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΡΡΠ»ΠΊΠΈ, ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈ Ρ. ΠΏ. Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π·Π°ΠΌΠ΅ΡΠ½Π΅Π΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΡ ΠΎΡΠΎΡΠΌΠ»ΡΡΡ Π² Π΅Π΄ΠΈΠ½ΠΎΠΌ ΡΡΠΈΠ»Π΅ ΠΈ Π΄Π΅Π»Π°ΡΡ ΠΌΠ΅Π½Π΅Π΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΌΠΈ. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»Π»Π΅ΡΠΎΠ², Π±Π΅Π³ΡΠ½ΠΊΠΎΠ² ΠΈ Ρ. ΠΏ. ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΉ ΡΠ³ΠΎΠ» Π·Π°ΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΊΡΠ°ΡΠΈΡΡ ΠΈΡ Π² ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° (Π²ΠΊΠ»ΡΡΠ°Ρ ΡΠΎΠ½ΠΎΠ²ΡΠΉ), ΡΠΌΠ΅Π½ΡΡΠΈΡΡ Π² ΡΠ°Π·ΠΌΠ΅ΡΠ΅, Π·Π°Π»ΠΈΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠΌ, ΠΏΡΠΈΠ΄Π°ΡΡ ΠΈΠΌ ΡΠ²Π΅ΡΠ½ΡΠ΅ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, ΡΠ΅Π½ΠΈ ΠΈΠ»ΠΈ 3D-ΡΡΡΠ΅ΠΊΡΡ.
- ΠΠΎΠ½ΡΡΡΡ ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ
ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ°Ρ ΠΈΠΌΠ΅ΡΡ Π½Π΅ΠΊΠΎΠ΅ ΠΏΠΎΠ΄ΠΎΠ±ΠΈΠ΅ Π³ΡΠ°Π½ΠΈΡ ΠΈΠ»ΠΈ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, Π±ΠΎΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΠΌΠ΅Π½Π΅Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΡΡ . ΠΠ΄Π΅ΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΎΠ΄Π½Π° ΠΏΡΠΎΡΡΠ°Ρ Π·Π°ΠΊΠΎΠ½ΠΎΠΌΠ΅ΡΠ½ΠΎΡΡΡ: Π΄Π»Ρ ΡΠ΅ΠΌΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠ²Π΅ΡΠ»ΠΎΠΌ ΡΠΎΠ½Π΅ Π΄Π΅Π»Π°ΡΡ Π΅ΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΡΠΌΠ½ΡΡ ΠΎΠ±Π²ΠΎΠ΄ΠΊΡ, Π° Π΄Π»Ρ ΡΠ²Π΅ΡΠ»ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΡΠΌΠ½ΠΎΠΌ ΡΠΎΠ½Π΅ β ΠΎΠ±Π²ΠΎΠ΄ΠΊΡ ΡΡΡΡ ΡΠ΅ΠΌΠ½Π΅Π΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°.
- ΠΠΊΠΊΡΡΠ°ΡΠ½Π΅Π΅ Ρ ΡΠ°Π·ΠΌΡΡΠΎΠΉ ΡΠ΅Π½ΡΡ
ΠΠΏΡΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈΠ·Π²Π΅ΡΡΠ΅Π½ ΠΏΡΠΈΠ½ΡΠΈΠΏ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π·Π²Π°ΡΡ Β«ΠΠ°ΠΊΠΎΠ½ΠΎΠΌ Π’Π΅Π½Π΅ΠΉΒ»: Π»ΡΠ±Π°Ρ ΡΠ΅Π½Ρ ΡΡΡΠ΅ΠΊΡΠ½Π΅Π΅ ΡΠΌΠΎΡΡΠΈΡΡΡ, Π΅ΡΠ»ΠΈ ΡΠ²Π΅ΡΠ»ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° Π±ΠΎΠ»Π΅Π΅ ΡΡΠΌΠ½ΠΎΠΌ ΡΠΎΠ½Π΅. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΏΠΎΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΎΡΠΎΠ±Π°Ρ Π°ΠΊΠΊΡΡΠ°ΡΠ½ΠΎΡΡΡ ΠΏΡΠΈ ΡΠ°Π±ΠΎΡΠ΅ Ρ ΡΠ΅Π½ΡΠΌΠΈ, ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π² Π³ΡΡΠ·Π½ΠΎΠ΅ ΠΏΡΡΠ½ΠΎ.
- ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ²
ΠΠ΅Π»ΠΊΠΈΠ΅ ΡΠΈΠΌΠ²ΠΎΠ»ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ (ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΡΠ΅Π»ΠΊΠΈ) ΠΏΡΠΈΠ΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ Π½Π° ΡΠ°ΠΉΡΠ΅ (Β«ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Β», Β«ΠΠ°Π»Π΅Π΅Β», Β«ΠΠ°Π·Π°Π΄Β») Π΅ΡΡ Π±ΠΎΠ»ΡΡΡΡ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΡ ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΡΡΠΎ ΡΠ»ΡΡΠΈΡΡΡ ΠΏΡΠΈ ΠΊΠ»ΠΈΠΊΠ΅ Π½Π° Π½ΠΈΡ .
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΈΡ ΡΠ°ΠΌ, Π³Π΄Π΅ ΡΡΠΎ ΡΠ°Π·ΡΠΌΠ½ΠΎ: ΡΡΡΠ΅Π»ΠΊΡ Π²ΠΏΡΠ°Π²ΠΎ β Π΄Π»Ρ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π° Π½Π° ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ (ΠΈΠ»ΠΈ ΡΡ ΠΎΠ΄Π° Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ), ΡΡΡΠ΅Π»ΠΊΡ Π²Π²Π΅ΡΡ β Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠ²Π΅ΡΡ Β» Π½Π° ΡΠ°ΠΉΡΠ΅, ΡΡΡΠ΅Π»ΠΊΡ Π²Π½ΠΈΠ· β Π΄Π»Ρ ΡΠ°ΡΠΊΡΡΡΠΈΡ Π²ΡΠΏΠ°Π΄Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ.
- ΠΠ΅ΡΠ°ΡΡ
ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
Π Π°Π·ΡΠ°Π±Π°ΡΡΠ²Π°Ρ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Ρ Π±ΠΎΠ»ΡΡΠΈΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΠΎΠΏΡΠΈΠΉ, Π²ΡΠ΅Π³Π΄Π° ΡΠ»Π΅Π΄ΡΠΉΡΠ΅ ΠΈΠ΅ΡΠ°ΡΡ ΠΈΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠΉΡΠ΅ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π΅Ρ ΡΡΠΎΠ²Π½Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ·ΡΠΊ.
Π’Π°ΠΊ, ΠΏΠ΅ΡΠ²ΠΈΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (ΠΎΠ±ΡΡΠ½ΠΎ ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ΅Π»Π΅Π²ΠΎΠ³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ) ΠΎΠΊΡΠ°ΡΠΈΠ²Π°ΡΡ Π² Π±ΠΎΠ»Π΅Π΅ ΡΠΈΠ»ΡΠ½ΡΠ΅ ΠΈ ΡΡΠΊΠΈΠ΅ ΠΎΡΡΠ΅Π½ΠΊΠΈ, Π° ΠΌΠ΅Π½Π΅Π΅ Π·Π½Π°ΡΠΈΠΌΡΠ΅ Π²ΡΠΎΡΠΈΡΠ½ΡΠ΅ ΠΈ ΡΡΠ΅ΡΠΈΡΠ½ΡΠ΅ β Π² ΠΌΠ΅Π½Π΅Π΅ Π½Π°ΡΡΡΠ΅Π½Π½ΡΠ΅ ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠ΅. ΠΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π±Π΅Π³ΡΠ½ΠΊΠΈ ΠΈ Ρ. ΠΏ. ΡΠΌΠ΅Π½ΡΡΠ°ΡΡ. Π‘Π½ΠΈΠ·ΠΈΡΡ ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ Π²Π΅Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄Π±ΠΎΡΠ° Π³Π°ΡΠ½ΠΈΡΡΡΡ ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΡΠΈΡΡΠ°, ΡΡΠΎΠ²Π½Ρ ΡΠΈΡΠ½Π΅Π½ΠΈΡ, ΠΎΡΡΡΡΠΏΠΎΠ² ΠΈ ΡΠΎΠ»ΡΠΈΠ½Ρ Π³ΡΠ°Π½ΠΈΡ.
- Π Π°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ
Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, Π² ΠΊΠ°ΠΊΠΎΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° ΠΌΠ΅Π½ΡΡΡ ΡΠ²ΠΎΠΉ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ, ΡΡΠΎ Π² Π΄Π°Π½Π½ΡΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈ ΡΡΡΠ°Π½ΠΈΡΠ΅ΠΉ Π² ΡΠ΅Π»ΠΎΠΌ: Π½Π°ΠΆΠ°Π»Π°ΡΡ Π»ΠΈ ΠΎΠ½Π°, Π°ΠΊΡΠΈΠ²Π½Π° Π»ΠΈ ΠΈ Ρ. ΠΏ. ΠΠ°ΠΌ Π² ΠΏΠΎΠΌΠΎΡΡ ΡΠ°ΠΊΠΈΠ΅ CSS-ΡΠ²ΠΎΠΉΡΡΠ²Π°, ΠΊΠ°ΠΊ ΠΎΠ±Π²ΠΎΠ΄ΠΊΠΈ, Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ½Π°Ρ Π·Π°Π»ΠΈΠ²ΠΊΠ°, ΡΠ΅Π½ΠΈ ΠΈ Ρ. Π΄.
Π§Π°ΡΡΠΎ Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ ΠΏΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
ΠΠΎΡΠ΅ΠΌΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«OKΒ» β ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ ΠΠ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°?
ΠΠΎ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°Ρ , ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π² ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠΎΠ½Π½ΡΡ ΡΠΈΡΡΠ΅ΠΌΠ°Ρ ΠΊΠΎΠΌΠΏΡΡΡΠ΅ΡΠΎΠ², ΠΏΡΠΈΡΡΡΡΡΠ²ΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ: Β«ΠΠ°Β», Β«ΠΠ΅ΡΒ», Β«CancelΒ», Β«ΠΠΒ» ΠΈ Ρ. ΠΏ.
ΠΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΎΠ½ΠΈ Π½Π΅ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΠΎΠ²Π΅ΡΡΠ°Π΅ΠΌΠΎΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. ΠΠΎΠ½ΡΡΠ½ΡΠΌ ΠΈ ΡΠ±Π΅Π΄ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΠΊΠΎΠΉ ΡΠΈΠ³Π½Π°Π», Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΠΊΠ°Π·Π°Π½ΠΎ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ΅ ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΠΌΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅.
ΠΠ°ΡΠ΅ΠΌ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΏΡΠ°Π²ΠΎΠΌ ΡΠ³Π»Ρ?
ΠΠ° ΡΡΠΎΡ Π²ΠΎΠΏΡΠΎΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΠ²Π΅ΡΠΈΡΡ, Π»ΠΈΡΡ ΠΈΠ·ΡΡΠΈΠ² Π΄ΠΈΠ°Π³ΡΠ°ΠΌΠΌΡ ΠΡΡΠ΅Π½Π±Π΅ΡΠ³Π°.
Π‘ΡΡΠ°Π½ΠΈΡΠ° ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠ΅ΡΡΡΡΡ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠΎΠ², ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ Π΄Π²ΠΈΠΆΠ΅ΡΡΡ Π²Π·Π³Π»ΡΠ΄ ΡΠΈΡΠ°ΡΠ΅Π»Ρ. ΠΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ΄Π΅Π»ΡΠ΅Ρ ΠΏΠ΅ΡΠ²ΠΎΠΌΡ ΠΊΠ²Π°Π΄ΡΠ°ΡΡ (Π²Π΅ΡΡ Π½Π΅ΠΌΡ Π»Π΅Π²ΠΎΠΌΡ), Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ Π½Π°ΡΠΈΠ½Π°Π΅Ρ ΡΠΈΡΠ°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΈ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΌΡ (Π½ΠΈΠΆΠ½Π΅ΠΌΡ ΠΏΡΠ°Π²ΠΎΠΌΡ). Π Π²ΠΎΡ Π»Π΅Π²ΡΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΠΊΠ²Π°Π΄ΡΠ°Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°Π΅Ρ ΠΏΠΎΡΡΠΈ Π½Π΅ Π³Π»ΡΠ΄Ρ. ΠΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π΄Π»Ρ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΠΏΡΠ°Π²ΡΠΉ Π½ΠΈΠΆΠ½ΠΈΠΉ ΡΠ³ΠΎΠ».
ΠΠ°Π΄ΠΎ Π»ΠΈ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠΏΡΠ°Π²Π° Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅?
Π ΠΌΠΎΠ΄Π°Π»ΡΠ½ΡΡ ΠΎΠΊΠ½Π°Ρ , ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΡΠ΅Π»Π΅Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ (Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡΒ», Β«ΠΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΡΒ», Β«ΠΠΒ», Β«ΠΡΠΏΠΈΡΡΒ» ΠΈ Ρ. Π΄.) Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π»ΡΡΡΠ΅ ΠΏΠΎΠΌΠ΅ΡΠ°ΡΡ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΡΠ°ΡΡΠΈ.
ΠΡΠ»ΠΈ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡΡ ΡΠ»Π΅Π²Π°, ΡΠΎ ΡΠΈΡΠ°ΡΠ΅Π»Ρ ΡΠ²ΠΈΠ΄ΠΈΡ Π΅Ρ ΠΏΠ΅ΡΠ²ΠΎΠΉ, Π½ΠΎ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ Π½Π΅ Π±ΡΠ΄Π΅Ρ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΅ΠΌΡ Π·Π°Ρ ΠΎΡΠ΅ΡΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΎΠΏΡΠΈΠΈ. Π ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ ΠΈΠ΄ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ (ΠΎΡΠΊΠ°Π·Π°, ΡΠ±ΡΠΎΡΠ° ΠΈ Ρ. ΠΏ.), ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΡΠΎΡΠ΅ Π½Π°ΠΆΠ°ΡΡ Π½Π° Π½Π΅Ρ, ΡΠ΅ΠΌ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ Π½Π° ΡΠ°Π³ ΡΠ°Π½ΡΡΠ΅ ΠΈ ΠΈΡΠΊΠ°ΡΡ ΡΠ΅Π»Π΅Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ.
Π§ΡΠΎΠ±Ρ ΡΠΎΠΊΡΠ°ΡΠΈΡΡ ΠΏΡΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΊ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ, Π²ΡΠ΅Π³Π΄Π° ΠΏΠΎΠΌΠ΅ΡΠ°ΠΉΡΠ΅ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠΏΡΠ°Π²Π°, Π° Π²ΡΡ Π²ΡΠΎΡΠΎΡΡΠ΅ΠΏΠ΅Π½Π½ΠΎΠ΅ β ΡΠ»Π΅Π²Π°, ΡΡΠΎΠ±Ρ ΠΎΠ½ ΠΎΡΠ³Π°Π½ΠΈΡΠ½ΠΎ ΠΏΡΠΎΠ΄Π²ΠΈΠ³Π°Π»ΡΡ Π² ΡΡΠΎΡΠΎΠ½Ρ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, Π½Π΅ Β«ΡΠΏΠΎΡΡΠΊΠ°ΡΡΡΒ» ΠΈ Π½Π΅ ΡΠΎΠ²Π΅ΡΡΠ°Ρ Π»ΠΈΡΠ½ΠΈΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΡΠΈΠΊΡΠ°ΡΠΈΠΉ.
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ΅Π»Π΅Π²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΠΎΠΉ?
ΠΡΠ»ΠΈ ΡΠ΅ΡΡ ΠΈΠ΄ΡΡ ΠΎ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, ΡΠ°ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΡΠΊΠΎ Π²ΡΠ΄Π΅Π»ΡΡΡ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΡΡΠ°Π·Ρ Π±ΡΠΎΡΠ°Π»Π°ΡΡ Π² Π³Π»Π°Π·Π° ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Π»Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅.
ΠΠΎΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΡ ΠΏΡΠΈΡΠΌΠΎΠ² Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π²ΡΠ΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°:
- ΠΡΡΠΎΠΊΠ°Ρ Π½Π°ΡΡΡΠ΅Π½Π½ΠΎΡΡΡ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΡΠ΅Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΌΠ΅Π½ΡΡΠ°Ρ β Π΄Π»Ρ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠΉ.
- Π€ΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ Π΄Π»Ρ Π²ΡΠΎΡΠΎΠΉ, ΠΌΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½ΠΎΠΉ, ΠΊΠ½ΠΎΠΏΠΊΠΈ β ΠΎΠ½Π° ΡΠ»ΠΈΠ²Π°Π΅ΡΡΡ Ρ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠΌ, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°ΠΊ ΡΠ΄Π΅Π»Π°Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΉΡΠΈΒ» Π² Skype.
- ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ Π½Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ, Π° ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΡΡΡΠ»ΠΊΠΎΠΉ.
- ΠΠ»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠΎΠ·ΡΠ°ΡΠ½Π° (ΠΈ ΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π΅Π°ΠΊΡΠΈΠ²Π½ΠΎΠΉ).
ΠΠΎΡΠ΅ΠΌΡ Ρ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½?
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈΠΊΠΎΠ½ΠΎΠΊ β ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΡΠΌ ΠΈ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠΌ. ΠΡΠ΄ΠΈ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΠΏΠ°ΡΡΠ΅ΡΠ½ Π±ΡΡΡΡΠ΅Π΅, ΡΠ΅ΠΌ ΡΠΈΡΠ°ΡΡ ΡΠ΅ΠΊΡΡ, Π² Π΄Π΅ΡΡΡΠΊΠΈ ΡΡΡΡΡ ΡΠ°Π·. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΠΊΠΎΠ½ΠΊΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΉ, ΠΏΠΎΠΌΠ΅ΡΠ°ΠΉΡΠ΅ Π΅Ρ Π½Π° ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½.
Π¦Π²Π΅ΡΠ½Π°Ρ Π·Π°Π»ΠΈΠ²ΠΊΠ° ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ Π·Π°ΠΌΠ΅Π΄Π»ΡΠ΅Ρ ΡΠΊΠΎΡΠΎΡΡΡ Π²ΠΎΡΠΏΡΠΈΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠΎΡΠΎΠΆΠ΄Π°Π΅Ρ Π»ΠΈΡΠ½ΠΈΠΉ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΉ ΡΡΠΌ ΠΈ ΡΠ½ΠΈΡΠΈΡΠΈΡΡΠ΅Ρ Π²ΡΠ΅ ΠΈΠΊΠΎΠ½ΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅. Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΌΠ³Π½ΠΎΠ²Π΅Π½Π½ΠΎΠ΅ ΡΠΊΠ°Π½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΈ Π²ΡΡ Π²Π°ΡΡΠ²Π°Π½ΠΈΠ΅ ΠΊΠ»ΡΡΠ΅Π²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π²Π΄ΡΠΌΡΠΈΠ²ΡΠΌ ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠΌ, ΠΏΠΎ ΡΠΊΠΎΡΠΎΡΡΠΈ Π±Π»ΠΈΠ·ΠΊΠΈΠΌ ΠΊ ΡΡΠ΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°: Π²Π΅Π΄Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ ΠΈΠ½ΡΠ΅ΡΠΏΡΠ΅ΡΠΈΡΠΎΠ²Π°ΡΡ.
ΠΠ΅ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½ Π΄Π»Ρ ΠΏΠΈΠΊΡΠΎΠ³ΡΠ°ΠΌΠΌΡ β ΡΡΠΎ ΠΊΠ°ΠΊ ΡΠ΅ΠΊΡΡ, ΡΠ΅Π»ΠΈΠΊΠΎΠΌ Π½Π°Π±ΡΠ°Π½Π½ΡΠΉ ΠΏΡΠΎΠΏΠΈΡΠ½ΡΠΌΠΈ Π±ΡΠΊΠ²Π°ΠΌΠΈ: Π΅Π³ΠΎ ΡΡΡΠ΄Π½ΠΎ ΠΏΡΠΎΠ±Π΅ΠΆΠ°ΡΡ ΠΏΠΎ Π΄ΠΈΠ°Π³ΠΎΠ½Π°Π»ΠΈ ΠΈ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡΡΡ Π²Π½ΠΈΠΌΠ°ΡΠ΅Π»ΡΠ½ΠΎ ΠΈΠ·ΡΡΠ°ΡΡ.
8 ΡΠΈΠΏΠΈΡΠ½ΡΡ ΠΎΡΠΈΠ±ΠΎΠΊ Π² ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°
- Π‘ΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π΄Π»Ρ ΡΠ±ΡΠΎΡΠ°
Π Π½Π΅ΠΉ Π½Π΅Ρ ΡΠΌΡΡΠ»Π°: Π΄ΠΎΠΏΡΡΡΠΈΠ² ΠΎΡΠΈΠ±ΠΊΡ, ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π΅Ρ ΠΈΡΠΏΡΠ°Π²ΠΈΡ, Π° ΡΠ±ΡΠ°ΡΡΠ²Π°ΡΡ Π²ΡΠ΅ Π²Π²Π΅Π΄ΡΠ½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅ ΠΈ ΠΏΠ΅ΡΠ΅Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ Π½Π΅Π·Π°ΡΠ΅ΠΌ. ΠΠ°ΠΊ Π½Π°Π·Π»ΠΎ, Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°ΡΡ ΡΠ»Π΅Π²Π°, Π³Π΄Π΅ ΠΈΡ Π»Π΅Π³ΠΊΠΎ ΡΠ»ΡΡΠ°ΠΉΠ½ΠΎ Π·Π°Π΄Π΅ΡΡ. ΠΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΡΠ°Π·ΠΎΡΠ°ΡΠΎΠ²Π°Π½Π½ΠΎ ΠΏΠΎΠΊΠΈΠ΄Π°ΡΡ ΡΠ΅ΡΡΡΡ, ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ², ΡΡΠΎ Π²ΡΠ΅ ΠΏΠΎΠ»Ρ ΡΠΎΡΠΌΡ, ΡΡΠΎΠ»Ρ ΡΡΠ°ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΡΠ΅ΠΌΡΠ΅ ΠΈΠΌΠΈ, ΠΎΠ±Π½ΡΠ»ΠΈΠ»ΠΈΡΡ.
- ΠΡΠΎΡ
ΠΎΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ
ΠΠ΅ ΡΠΊΡΠΏΠΈΡΠ΅ΡΡ ΠΈ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°, ΡΡΠΎΠ±Ρ ΠΈΡ Π±ΡΠ»ΠΎ Π²ΠΈΠ΄Π½ΠΎ ΠΈ ΡΡΠΎΠ±Ρ Π½Π° Π½ΠΈΡ ΡΠ°ΡΠ΅ Π½Π°ΠΆΠΈΠΌΠ°Π»ΠΈ! ΠΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡΒ» Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΈ Β«ΠΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡ Π½Π° ΡΠ°ΡΡΡΠ»ΠΊΡΒ»
- ΠΠ½ΠΎΠΏΠΊΠΈ, ΡΠ»ΠΈΠ²Π°ΡΡΠΈΠ΅ΡΡ Ρ ΡΠΎΠ½ΠΎΠΌ
ΠΠ΅Π»Π°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΊΠΈΠΌΠΈ, Π½ΠΎ ΠΈ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΌΠΈ ΡΠΎΠ½Ρ. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π±ΡΡΡΡΠΎ ΠΈΡ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΡ.
- ΠΠ΅ΠΏΡΠΈΠ²ΡΡΠ½ΡΠΉ Π²ΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ Π² ΠΏΠΎΠ³ΠΎΠ½Π΅ Π·Π° ΠΎΡΠΈΠ³ΠΈΠ½Π°Π»ΡΠ½ΠΎΡΡΡΡ ΠΏΠΎΡΠΎΠΉ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ°, ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ ΡΡΡΠ΄Π½ΠΎ ΡΡΠΈΡΠ°ΡΡ ΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΈ ΠΈ Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. ΠΠ½ΠΎΠΏΠΊΠΈ, Π½Π΅ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΡΡΠ΅ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½, ΡΠ΅ΠΌ ΠΈΠ·Π±ΡΡΠΎΡΠ½ΡΠΉ ΠΊΡΠ΅Π°ΡΠΈΠ². ΠΠ°ΠΆΠ΅ ΠΏΡΠΎΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠ΅ΡΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½Π΅Π΅, ΡΠ΅ΠΌ ΠΈΠ·ΡΡΠΊΠΈ, ΠΎΡΠ»ΠΈΡΠ°ΡΡΠΈΠ΅ΡΡ ΠΎΡ ΠΏΡΠΈΠ²ΡΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. ΠΠΎΠΌΠ½ΠΈΡΠ΅, ΡΡΠΎ Π·Π° ΠΌΠ½ΠΎΠ³ΠΎ Π»Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ½Π΅ΡΠΎΠΌ Π»ΡΠ΄ΠΈ ΡΠΆΠ΅ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ ΠΊ ΡΠΎΠΌΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ»ΠΆΠ½Π° Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΠ°ΠΉΡΠ΅, ΠΈ ΠΈΡΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ ΡΠ°ΠΊΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΡ.
- Π‘Π»ΠΈΡΠΊΠΎΠΌ Π°Π±ΡΡΡΠ°ΠΊΡΠ½ΡΠ΅ ΠΈΠ»ΠΈ Π²Π²ΠΎΠ΄ΡΡΠΈΠ΅ Π² Π·Π°Π±Π»ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ ΡΡΠ»ΡΠΊΠΈ
Β«ΠΠ°Π»Π΅Π΅Β» ΠΈ Β«ΠΡΠΏΡΠ°Π²ΠΈΡΡΒ» β ΡΡΠΎ Π΅ΡΡ Π½Π΅ Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ°. ΠΠ΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΡΠ»ΡΠΊ Π½ΠΎΡΠΈΡ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π³ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, Π½ΠΎ Π²ΡΠ΅ ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΡΡΠΊΠΎ ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄ΡΡ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ: Β«ΠΠΎΠ΄ΡΠ²Π΅ΡΠ΄ΠΈΡΡ Π·Π°ΠΊΠ°Π·Β», Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΠΏΡΠΎΡΠΈΠ»Π΅Β», Β«Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠ°Π³Β» ΠΈ Ρ. ΠΏ. Π₯ΠΎΡΠΎΡΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΌΡ Π½Π°Π·Π²Π°Π½ΠΈΡ ΡΠΈΠΌΠ²ΠΎΠ»Ρ >> ΠΈ <<, ΠΎΡΡΠ°ΠΆΠ°ΡΡΠΈΠ΅ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
- ΠΠ·Π±ΡΡΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ
Π£Π²ΠΈΠ΄Π΅Π² Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΠΊΠΎΠΏΠ»Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°ΡΡΠ΅Π΅ ΠΏΡΠ»ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΊΠΎΡΠΌΠΈΡΠ΅ΡΠΊΠΈΠΌ ΠΊΠΎΡΠ°Π±Π»ΡΠΌ, ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ Π·Π°ΠΏΡΠΎΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΡΠ°ΡΡΠ΅ΡΡΡΡΡΡ ΠΈ ΠΏΠΎΠΊΠΈΠ½ΡΡΡ ΡΠ΅ΡΡΡΡ. ΠΠ΅Π»Π°ΠΉΡΠ΅ Π½Π° ΡΠ°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ°ΠΌΡΡ Π·Π½Π°ΡΠΈΠΌΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΊΠ»ΠΎΠ½ΠΈΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ: ΠΎΠ΄Π½Ρ ΠΊΡΡΠΏΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π»Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ ΠΈ, ΠΏΡΠΈ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎΡΡΠΈ, Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΌΠ΅Π»ΠΊΠΈΡ .
- ΠΠ΅Ρ ΠΏΠΎΠ΄ΠΏΠΈΡΠ΅ΠΉ
ΠΠ°Π»Π΅ΠΊΠΎ Π½Π΅ Π²ΡΠ΅ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ°ΠΌ ΠΈ ΡΠΎΠ·Π΄Π°ΡΠ΅Π»ΡΠΌ ΡΠ°ΠΉΡΠΎΠ² ΠΎΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°Π½Ρ ΡΠ΅ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΠ½ΠΈ ΠΈΠ½ΠΈΡΠΈΠΈΡΡΡΡ.
- ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅
ΠΠ½ΠΈΠΌΠ°ΡΠΈΡ β Π½Π΅ Π²ΡΠ΅Π³Π΄Π° Ρ ΠΎΡΠΎΡΠ°Ρ ΠΈΠ΄Π΅Ρ. ΠΠΈΠ³Π°ΡΡΠΈΠ΅, Π΄Π²ΠΈΠΆΡΡΠΈΠ΅ΡΡ ΠΈΠ»ΠΈ ΠΊΠ°ΠΊΠΈΠΌ-ΡΠΎ Π΅ΡΡ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΡΠ°Π·Π΄ΡΠ°ΠΆΠ°ΡΡΠΈΠ΅ Π³Π»Π°Π· ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡΠ΄ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΡΡΡΠ³ΠΈΠ²Π°ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΈ Π²ΡΠ·ΡΠ²Π°ΡΡ Π°ΡΡΠΎΡΠΈΠ°ΡΠΈΠΈ Ρ ΠΏΠ΅ΡΠ²ΡΠΌΠΈ ΡΠ°ΠΉΡΠ°ΠΌΠΈ ΠΊΠΎΠ½ΡΠ° 90-Ρ . ΠΠ½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π»Π΅Π³ΠΊΠΎ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡ Π²Π°Ρ ΡΠ°ΠΉΡ Π² Π΄ΠΈΠ»Π΅ΡΠ°Π½ΡΡΠΊΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΊΡ ΠΈ ΠΎΠ±ΡΠ°Π·Π΅Ρ Π΄ΡΡΠ½ΠΎΠ³ΠΎ Π²ΠΊΡΡΠ°.
ΠΠ½ΠΎΠΏΠΊΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ Π²Π°ΠΆΠ½Π΅ΠΉΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ Π² Π²Π΅Π±-ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠ΅, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅Ρ ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΏΠΎ ΡΠ°Π·Π΄Π΅Π»Π°ΠΌ ΡΠ°ΠΉΡΠ°, ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡ Π΄Π°Π½Π½ΡΠ΅, Π΄Π΅Π»Π°ΡΡ Π·Π°ΠΊΠ°Π·Ρ ΠΈ Ρ. ΠΏ. ΠΠΎΡΡΠΎΠΌΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΎΠ½Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΠ°ΠΉΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ:
- Π·Π°ΠΌΠ΅ΡΠ½ΠΎΠΉ ΠΈ ΡΡΠΊΠΎΠΉ;
- ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΉ;
- ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°.
ΠΡΠΎΠ΅ΠΊΡΠΈΡΡΡ ΡΠ°ΠΉΡ, ΠΏΠΎΠ΄ΡΠΌΠ°ΠΉΡΠ΅ ΠΈ ΠΎ ΡΠ»Π°Π±ΠΎΠ²ΠΈΠ΄ΡΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡ . Π ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠΎΠΎΠ±ΡΠ°ΠΉΡΠ΅, Π΄Π»Ρ ΡΠ΅Π³ΠΎ Π½ΡΠΆΠ½Π° ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, ΠΊΠ°ΠΊΡΡ ΡΡΠ½ΠΊΡΠΈΡ ΠΎΠ½Π° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ.
ΠΡΠΎΠ±ΡΠΉΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ, ΡΠΎΡΠ΅ΡΠ°Π½ΠΈΡ ΡΠ²Π΅ΡΠΎΠ² ΠΈ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΠ΅Π»ΡΠ·Ρ Π΄ΠΎΡΡΠΎΠ²Π΅ΡΠ½ΠΎ ΠΏΡΠ΅Π΄ΡΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°ΠΌΠΎΠΉ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠΉ Π² Π²Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅.
ΠΡΠ²Π°Π»ΠΈ ΡΠ»ΡΡΠ°ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ ΠΏΠΎΠ΄ΡΠΊΠ°ΠΊΠΈΠ²Π°Π»Π° ΠΏΠΎΡΠ»Π΅ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Π΄ΡΡΠ³ΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ, ΠΏΠΎΡΡΠΎΠΌΡ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΡΠΉΡΠ΅ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΡΠΉΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ Π³ΠΈΠΏΠΎΡΠ΅Π·Ρ. ΠΠΎ ΠΏΠΎΠΌΠ½ΠΈΡΠ΅ ΠΎ Π±Π°Π·ΠΎΠ²ΡΡ ΠΏΡΠΈΠ½ΡΠΈΠΏΠ°Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅.
ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΎΠ½Π»Π°ΠΉΠ½: ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ±
ΠΡΠΈΠ²Π΅Ρ, Π΄ΡΡΠ·ΡΡ! Π Π΅ΡΠΈΠ»Π° Π·Π°ΡΡΠΎΠ½ΡΡΡ ΡΠ΅ΠΌΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ Π±Π»ΠΎΠ³Π΅ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ°ΡΠ΅ΠΉ Ρ ΠΎΠ±Π·ΠΎΡΠ°ΠΌΠΈ ΠΈ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°ΡΠΈΡΠΌΠΈ ΠΏΠ°ΡΡΠ½Π΅ΡΡΠΊΠΈΡ ΠΏΡΠΎΠ΄ΡΠΊΡΠΎΠ². ΠΠΎ, Π΄ΠΎ Π½Π΅Π΄Π°Π²Π½Π΅Π³ΠΎ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, ΠΊΠ°ΠΊ-ΡΠΎ, Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π° Π² Π½ΠΈΡ ΡΡΠΈ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΡΠΈΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ.
Π, Π±Π΅Π·ΡΡΠ»ΠΎΠ²Π½ΠΎ, Π·ΡΡβ¦
Π Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΊΠ½ΠΎΠΏΠΊΡ Π² ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΡ ΠΎΠ±Π·ΠΎΡΠΎΠ², Π·Π°ΠΌΠ΅ΡΠΈΠ»Π°, ΡΡΠΎ ΠΊΠ»ΠΈΠΊΠ°ΡΡ ΠΏΠΎ Π½Π΅ΠΉ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΡΠ°ΡΠ΅, ΠΏΠΎ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ Ρ ΡΠ΅ΠΌΠΈ ΠΏΠΎΡΡΠ°ΠΌΠΈ, Π³Π΄Π΅ ΡΡΡΠ»ΠΊΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ°Π»Π°ΡΡ ΠΏΡΠΎΡΡΠΎ Π² ΡΠ΅ΠΊΡΡΠ΅ ΠΈ Π²ΡΠ΄Π΅Π»ΡΠ»Π°ΡΡ ΠΆΠΈΡΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ.
Π’Π°ΠΊ ΡΡΠΎ, ΠΌΠΎΡ ΠΊΠΎΠΏΠΈΠ»ΠΊΠ° ΠΏΠΎΠ»Π΅Π·Π½ΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΠΎΠΏΠΎΠ»Π½ΠΈΠ»Π°ΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠ΅ΡΠ²ΠΈΡΠ°ΠΌΠΈ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΌΠΈ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π»ΡΠ±ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΎΠ½Π»Π°ΠΉΠ½. ΠΠΎΡΠΎΡΡΠΌΠΈ Ρ ΡΠ΅Π³ΠΎΠ΄Π½Ρ Ρ ΠΎΡΡ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡ Ρ Π²Π°ΠΌΠΈ.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ Π² Π€ΠΎΡΠΎΡΠΎΠΏΠ΅ ΠΈΠ»ΠΈ Π΄Ρ. ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΌ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠ΅ ΠΌΠ½Π΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ»ΠΎΠΆΠ½Π΅Π΅ ΠΈ Π΄ΠΎΠ»ΡΡΠ΅, ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΡ β ΡΡΠΎ ΠΎΠΏΡΠΈΠΌΠ°Π»ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ. Π‘ Π½ΠΈΠΌΠΈ Π²ΡΠ΅ Π±ΡΡΡΡΠ΅Π΅ ΠΈ ΠΏΡΠΎΡΠ΅ Π»ΡΠ±ΠΎΠΌΡ Π½ΠΎΠ²ΠΈΡΠΊΡ.
Π‘Π°ΠΌ ΠΏΡΠΎΡΠ΅ΡΡ ΡΠ°Π±ΠΎΡΡ Ρ ΡΡΠΈΠΌΠΈ Π³Π΅Π½Π΅ΡΠ°ΡΠΎΡΠ°ΠΌΠΈ Ρ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Ρ Π² Π²ΠΈΠ΄Π΅ΠΎ ΡΡΡΡ Π½ΠΈΠΆΠ΅, Π° ΡΠ΅ΠΉΡΠ°Ρ ΠΏΡΠΎΡΡΠΎ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎΠ± ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ· Π½ΠΈΡ .
ΠΠ΅ΡΠ²ΡΠΉ ΠΈ, Π½Π° ΠΌΠΎΠΉ Π²Π·Π³Π»ΡΠ΄, ΡΠ°ΠΌΡΠΉ ΡΠ΄ΠΎΠ±Π½ΡΠΉ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ β ΡΡΠΎ dabuttonfactory.com. ΠΠΎΡ ΡΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π΅Π³ΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ:
ΠΠ°ΠΆΠ½ΠΎ: Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΡΡ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡ ΠΈ ΡΠ΅ΠΏΠ΅ΡΡ ΠΎΠ½ Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ClickMinded Button Generator.
ΠΠ½ ΠΎΠ±Π»Π°Π΄Π°Π΅Ρ ΡΠ°ΠΌΡΠΌ Π½ΡΠΆΠ½ΡΠΌ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΠΎΠΌ: ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΡΠ²Π΅Ρ, ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π° Π½Π° Π²ΡΡ ΠΎΠ΄Π΅ Π·Π°Π³ΡΡΠΆΠ°ΡΡ Π΅Π΅ Π² png, jpeg, gif, ico ΡΠΎΡΠΌΠ°ΡΠ°Ρ ΠΈΠ»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ CSS-ΠΊΠΎΠ΄.
ΠΠΎΠΌΠΈΠΌΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π·Π΄Π΅ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Ρ Π½ΡΠ»Ρ, ΡΠ΅ΡΠ²ΠΈΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΡΡ Π·Π°Π³ΠΎΡΠΎΠ²ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΡΡΡΠΎ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ΄ ΡΠ΅Π±Ρ.
ΠΡΠΎΡΠΎΠΉ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ β As Button Generator ΠΈΠΌΠ΅Π΅Ρ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ, Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎΡΡΡΠΌΠΈ. ΠΡΠΎΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ!
ΠΡΠ³Π»ΡΠ΄ΠΈΡ ΠΎΠ½ Π²ΠΎΡ ΡΠ°ΠΊ:
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π΄Π΅ΡΡ Π΅ΡΡΡ ΠΎΠΏΡΠΈΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π³ΠΎΡΠΎΠ²ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΈΠ»ΡΡΡΡ, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΡΡΠ΅ΠΊΡΡ, ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΏΠ΅ΡΠ΅Π»ΠΈΠ²Ρ, ΠΏΠΎΠ»ΠΎΡΡ, ΡΠ΅Π½Ρ, Π³ΡΠ°Π½ΠΈΡΠ° ΠΈ Ρ.Π΄.
ΠΠ°ΠΆΠ½ΡΠΉ Π½ΡΠ°Π½Ρ Π² ΡΠ°Π±ΠΎΡΠ΅ Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΠΎΠΌ β ΡΠΈΠ»ΡΡΡΡ Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΡΠ»Π΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ΅ΠΊΡΡΠ° ΠΈΠ»ΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π’Π°ΠΊ ΠΊΠ°ΠΊ, ΠΏΠΎΡΠ»Π΅ Π½ΠΈΡ ΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΆΠ΅ Π½Π΅ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΡΡΡΡ.
Π Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ΅ΡΠ²ΠΈΡ β cooltext.com β ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ΅Π½ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ°Π·Π½ΡΠ΅ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡΠΊΠΈΠ΅ Π·Π°Π³ΠΎΡΠΎΠ²ΠΊΠΈ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ Ρ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ ΡΡΡΠ΅ΠΊΡΠ°ΠΌΠΈ. ΠΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΡΠ»Π΅Π³ΠΊΠ°, Π»ΠΈΠ±ΠΎ ΠΏΠ΅ΡΠ΅Π΄Π΅Π»ΡΠ²Π°ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ. ΠΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΈΠ·Π³ΠΎΡΠΎΠ²Π»Π΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π½Π°Π΄ΠΏΠΈΡΠ΅ΠΉ, Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ².
ΠΠΈΠ½ΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎ Π½Π΅ Π²ΡΠ΅ ΡΡΠΈΡΡΡ Π² Π½Π΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΡΡΡΠΊΠΈΠΉ ΡΠ΅ΠΊΡΡ, ΠΈ ΠΌΠ΅Π½ΡΡΡ ΠΈΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ ΡΠ΄ΠΎΠ±Π½ΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΡΠΊΡΡΠ²Π°ΡΡΡΡ ΠΎΠ½ΠΈ, ΠΏΠΎΡΠ΅ΠΌΡ-ΡΠΎ, Π½Π° Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π±Π΅Π· ΠΏΡΠ΅Π΄ΠΏΡΠΎΡΠΌΠΎΡΡΠ°. ΠΠΎΡΠΎΠ²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΊΠ°ΡΠΈΠ²Π°ΡΡΡΡ Π² png ΠΈΠ»ΠΈ gif ΡΠΎΡΠΌΠ°ΡΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄Π»Ρ Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ΄ (Π΅ΡΠ»ΠΈ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°ΡΡΡΡ).
ΠΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π΅Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠ±Π·ΠΎΡΠ½ΡΠΉ ΡΡΠΎΠΊ ΠΏΠΎ ΡΠ°Π±ΠΎΡΠ΅ Ρ Π΄Π°Π½Π½ΡΠΌΠΈ ΡΠ΅ΡΠ²ΠΈΡΠ°ΠΌΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠΉ Π΄Π»Ρ ΡΠ΅Π±Ρ:
ΠΡΡΠ°ΡΠΈ, Π΄ΡΡΠ·ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ Π΄Π»Ρ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠ°ΠΉΡΠ° Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠ΅ΠΊΡΠ½ΡΠ΅ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΡΒ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π²ΠΈΠ΄Π΅ΠΎΡΡΠΎΠΊ Π½Π° Π±Π»ΠΎΠ³Π΅ ΠΌΠΎΠ΅Π³ΠΎ ΠΊΠΎΠ»Π»Π΅Π³ΠΈ ΠΠ°ΠΊΡΠΈΠΌΠ° ΠΠ°ΠΉΡΠ΅Π²Π°. ΠΡΠΎΡ ΡΡΠΎΠΊ ΠΏΡΠ΅ΠΊΡΠ°ΡΠ½ΠΎ Π΄ΠΎΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΌΠΎΠΉ.
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ ΠΏΠΎΡΠ²ΡΡΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Π²ΠΎΠΏΡΠΎΡΡ, Π·Π°Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΈΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ . ΠΡΠ΅Π³Π΄Π° ΡΠ°Π΄Π° ΠΎΡΠ²Π΅ΡΠΈΡΡ.
ΠΠ΅Π»Π°Ρ ΡΡΠΏΠ΅Ρ ΠΎΠ²!
Π‘ ΡΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΠΈΠΊΡΠΎΡΠΈΡ ΠΠ°ΡΠΏΠΎΠ²Π°
ΠΠΈΠ³Π°ΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ CSS β Blog About
ΠΠ°ΠΊ ΠΏΡΠΈΠ²Π»Π΅ΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΠΊ ΠΊΠ°ΠΊΠΎΠΌΡ-Π»ΠΈΠ±ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ/Π±Π»ΠΎΠΊΡ/ΡΡΡΠ»ΠΊΠ΅/ΡΠ΅ΠΊΠ»Π°ΠΌΠ΅ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅? ΠΠ°ΠΊ ΠΎΠ±ΡΡΠ½ΠΎ β Π·Π°ΡΡΠ°Π²ΠΈΡΡ Π΅Π΅ ΠΌΠΈΠ³Π°ΡΡ ΠΈΠ»ΠΈ Π΄Π΅ΡΠ³Π°ΡΡΡΡ, Π² ΠΎΠ±ΡΠ΅ΠΌ ΠΊΠ°ΠΊ-ΡΠΎ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°ΡΡ. ΠΠΎ ΠΊΠ°ΠΊ Π±ΡΡΡ, Π΅ΡΠ»ΠΈ Π½Π΅ Ρ ΠΎΡΠ΅ΡΡΡ ΠΏΠ΅ΡΠ΅Π³ΡΡΠΆΠ°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ ΠΈΠ·Π»ΠΈΡΠ½ΠΈΠΌΠΈ ΡΠΊΡΠΈΠΏΡΠ°ΠΌΠΈ ΠΈ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΌΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌΠΈ (Π³ΠΈΡΠΊΠ°ΠΌΠΈ)? Π’ΠΎΠ³Π΄Π° Π½Π° ΠΏΠΎΠΌΠΎΡΡ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ CSS. ΠΠΈΠ³Π°ΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΡΠΈΡΡΠΎΠΌ CSS Π΄Π΅Π»Π°Π΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ.
Π Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ ΡΠ°Π·ΠΎΠ±ΡΠ°ΡΡ ΡΠ°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΌΠΈΠ³Π°ΡΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠ΅Π΄ΡΡΠ² CSS.
ΠΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ?
ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΠΈΠΌ, ΡΡΠΎ Ρ Π½Π°Ρ Π΅ΡΡΡ ΡΠ°ΠΉΡ ΡΠ΅ΡΡΠΎΡΠ°Π½Π°, ΠΈ, Π΄Π»Ρ ΠΎΡΡΡΠ΅ΡΡΠ²Π»Π΅Π½ΠΈΡ Π·Π°ΠΊΠ°Π·Π°/Π±ΡΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΎΠ»ΠΈΠΊΠΎΠ², Π½Π° Π΅Π³ΠΎ ΡΡΡΠ°Π½ΠΈΡΠ°Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠ°ΠΊΠ°Π·Π°ΡΡ ΡΡΠΎΠ»Β».
<a href="#"><span><img src="/images/stolik.png" /></span>ΠΠ°ΠΊΠ°Π·Π°ΡΡ ΡΡΠΎΠ»</a>
Π Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ β ΡΡΠΎ ΠΎΠ±ΡΡΠ½Π°Ρ ΡΡΡΠ»ΠΊΠ°, Ρ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ Π²Π½ΡΡΡΠΈ. ΠΠ°ΡΡΠΈΠ½ΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½ ΠΈ ΠΎΠ±Π΅ΡΠ½ΡΡΠ° Π² span, Ρ.ΠΊ. ΡΠ°ΠΌΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ ΠΌΡ Π½Π΅ ΡΠΌΠΎΠΆΠ΅ΠΌ Π·Π°ΡΡΠ°Π²ΠΈΡΡ ΠΌΠΈΠ³Π°ΡΡ, Π° Π²ΠΎΡ span Π½Π΅ ΡΠΎΡΡΠ°Π²ΠΈΡ ΡΡΡΠ΄Π°.
ΠΡΠΈΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ°ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π° ΡΠ°ΠΊΠΆΠ΅ Π·Π°ΡΡΠ°Π²ΠΈΠΌ Π΅Ρ ΠΌΠΈΠ³Π°ΡΡ:
@-webkit-keyframes rainbow {
0% {background: #a6ce20;}
50% {background: #000}
100% {background: #a6ce20;}
}
@keyframes rainbow {
0% {background: #a6ce20;}
50% {background: #000}
100% {background: #a6ce20;}
}
#stolik {
background: #a6ce20;
line-height: 70px;
display: block;
height: 70px;
width: 400px;
padding-right: 25px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 32px;
color: #fff;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
margin: 0px auto;
webkit-animation: rainbow 2s linear 2s infinite;
animation: rainbow 2s linear 2s infinite;
}
@-webkit-keyframes rainbow1 {
0% {background: #000;}
50% {background: #a6ce20}
100% {background: #000;}
}
@keyframes rainbow1 {
0% {background: #000;}
50% {background: #a6ce20}
100% {background: #000;}
}
#stolik span {
background: #000;
display: block;
float: left;
margin-right: 25px;
text-align: center;
height: 70px;
width: 70px;
webkit-animation: rainbow1 2s linear 2s infinite;
animation: rainbow1 2s linear 2s infinite;
}
#stolik img {
vertical-align: middle;
margin-top: 8px;
}
ΠΠ΄Π΅ΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±ΡΠ°ΡΠΈΡΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ animation Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² #stolik ΠΈ span, Π² ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ Π²ΡΠ·ΡΠ²Π°Π΅ΠΌ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ @keyframes (Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ). Π ΠΏΡΠ°Π²ΠΈΠ»Π°Ρ @keyframes ΠΌΡ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ ΠΊΠ»ΡΡΠ΅Π²ΡΠ΅ ΠΊΠ°Π΄ΡΡ ΡΠΌΠ΅Π½Ρ ΡΠ²Π΅ΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π² ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊ animation Π·Π°ΠΏΡΡΠΊΠ°Π΅Ρ ΡΡΠΈ ΠΊΠ°Π΄ΡΡ.
Π Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π·Π°Π΄Π°Π½Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΈ ΡΠΊΠΎΡΠΎΡΡΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°Π½ ΡΡΡΠ΅ΠΊΡ ΠΌΠΈΠ³Π°Π½ΠΈΡ. Π ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Π·Π°Π΄Π°Π½ΠΎ 2 ΡΠ²Π΅ΡΠ°, ΠΡ ΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΊΠ°Π·Π°ΡΡ ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ³ΠΎΠ΄Π½ΠΎ ΡΠ²Π΅ΡΠΎΠ², Π·Π°Π΄Π°Π² ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΏΡΠΎΡΠ΅Π½ΡΡ, Π½Π° ΠΊΠΎΡΠΎΡΡΡ ΡΡΠΎΡ ΡΠ²Π΅Ρ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΠΈΠ³Π°ΡΡΡΡ.
Π ΠΈΡΠΎΠ³Π΅ Ρ Π½Π°Ρ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΏΡΠΎΡΡΠ°Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΌΠΈΠ³Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ΡΡ ΠΏΠ΅ΡΠ΅ΠΉΠ΄Ρ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ Π½ΠΈΠΆΠ΅.
ΠΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ. Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ XAML — WPF .NET Framework
-
- Π§ΡΠ΅Π½ΠΈΠ΅ Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ 5Β ΠΌΠΈΠ½
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅
Π¦Π΅Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° β Π½Π°ΡΡΠΈΡΡΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Windows Presentation Foundation (WPF). Π ΡΡΠΎΠΌ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΡΠΈΠ»ΠΈ ΠΈ ΡΠ°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΠ΅ΡΡΡΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠ΄ ΠΈ ΡΠ°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΈΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ· ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΡΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ Π½Π°ΠΏΠΈΡΠ°Π½ΠΎ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π² Π―Π·ΡΠΊ XAML .
ΠΠ°ΠΆΠ½ΠΎ!
Π ΡΡΠΎΠΌ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΠΎΠΏΠΈΡΠ°Π½ΠΎ, ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π²Π²Π΅Π΄Ρ ΠΈΠ»ΠΈ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π² ΠΈ Π²ΡΡΠ°Π²Π»ΡΡ Π―Π·ΡΠΊ XAML Π² Visual Studio. ΠΡΠ»ΠΈ Π²Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ³ΠΎ ΠΆΠ΅ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΡΠΌ. ΡΠ°Π·Π΄Π΅Π» Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Microsoft Expression Blend.
ΠΠ° ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΡΠΈΡΡΠ½ΠΊΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π³ΠΎΡΠΎΠ²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΠΎΠΊΠ½ΠΎ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ ΠΏΡΠΎΠ΅ΠΊΡΠ° WPF ΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² Π½Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠ°ΠΏΡΡΡΠΈΡΠ΅ Visual Studio.
Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ Π½ΠΎΠ²ΡΠΉ ΠΏΡΠΎΠ΅ΠΊΡ WPF: Π ΠΌΠ΅Π½Ρ ΡΠ°ΠΉΠ» Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π° ΠΏΡΠ½ΠΊΡ ΡΠΎΠ·Π΄Π°ΡΡ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΏΡΠ½ΠΊΡ ΠΏΡΠΎΠ΅ΠΊΡ. ΠΠ°ΠΉΠ΄ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½ Windows Application (WPF) ΠΈ Π½Π°Π·ΠΎΠ²ΠΈΡΠ΅ ΠΏΡΠΎΠ΅ΠΊΡ Β«Π°Π½ΠΈΠΌΠ°ΡΠ΅Π΄Π±ΡΡΡΠΎΠ½Β». ΠΡΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Ρ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ°ΡΠΊΠ°ΡΠ° Π΄Π»Ρ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: ΠΡΠ΅ ΡΠ°ΠΉΠ»Ρ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π°, ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠΌ. ΠΡΠΊΡΠΎΠΉΡΠ΅ ΡΠ°ΠΉΠ» Window1. XAML, Π΄Π²Π°ΠΆΠ΄Ρ ΡΠ΅Π»ΠΊΠ½ΡΠ² Π΅Π³ΠΎ Π² ΠΎΠ±ΠΎΠ·ΡΠ΅Π²Π°ΡΠ΅Π»Ρ ΡΠ΅ΡΠ΅Π½ΠΈΠΉ. ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Grid Π² Window1. XAML ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ. Π£Π΄Π°Π»ΠΈΡΠ΅ Grid ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π―Π·ΡΠΊ XAML , Π²Π²Π΅Π΄Ρ ΠΈΠ»ΠΈ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π² ΠΈ Π²ΡΡΠ°Π²Π»ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ΄ Π² Window1. XAML:
<Window x:Class="AnimatedButton.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="AnimatedButton" Background="Black"> <!-- Buttons arranged vertically inside a StackPanel. --> <StackPanel HorizontalAlignment="Left"> <Button>Button 1</Button> <Button>Button 2</Button> <Button>Button 3</Button> </StackPanel> </Window>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. ΠΡ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π½Π°Π±ΠΎΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΊΠ°ΠΊ Π½Π° ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΡΠΈΡΡΠ½ΠΊΠ΅.
Π’Π΅ΠΏΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΠ·Π΄Π°Π½Ρ, Π²Ρ Π·Π°Π²Π΅ΡΡΠΈΠ»ΠΈ ΡΠ°Π±ΠΎΡΡ Π² ΡΠ°ΠΉΠ»Π΅ Window1. XAML. ΠΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ°ΡΡΡ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° ΠΏΠΎΡΠ²ΡΡΠ΅Π½Π° ΡΠ°ΠΉΠ»Ρ app. XAML, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠ΅ΠΌΡ ΡΡΠΈΠ»ΠΈ ΠΈ ΡΠ°Π±Π»ΠΎΠ½ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
ΠΠ°Π΄Π°Π½ΠΈΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²
Π’Π΅ΠΏΠ΅ΡΡ Π΄Π°Π²Π°ΠΉΡΠ΅ Π½Π°ΡΡΡΠΎΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½Π° ΡΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ , ΡΡΠΎΠ±Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ Π²Π½Π΅ΡΠ½ΠΈΠΌ Π²ΠΈΠ΄ΠΎΠΌ ΠΈ ΠΌΠ°ΠΊΠ΅ΡΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ ΡΡΠΎΠ±Ρ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΡΡΠΈ, Π²Ρ Π±ΡΠ΄Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΡΡΡΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ Π²ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. Π Π΅ΡΡΡΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΠΊΠΎΠ½ΡΠ΅ΠΏΡΡΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΡ ΠΎΠΆΠΈ Π½Π° Π²Π½Π΅ΡΠ½ΠΈΠ΅ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ (CSS) Π΄Π»Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΡΠ΅ΡΡΡΡΡ ΡΠ²Π»ΡΡΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΡΠ½ΡΠΌΠΈ, ΡΠ΅ΠΌ ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ (CSS), ΠΊΠ°ΠΊ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ Π² ΠΊΠΎΠ½ΡΠ΅ ΡΡΠΎΠ³ΠΎ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π°. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ ΡΠ΅ΡΡΡΡΠ°Ρ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΡΠ΅ΡΡΡΡΡ XAML.
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ Π·Π°Π΄Π°Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅ Π±Π»ΠΎΠΊ Application. Resources: ΠΡΠΊΡΠΎΠΉΡΠ΅ App. XAML ΠΈ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ, Π΅ΡΠ»ΠΈ ΠΎΠ½Π° Π΅ΡΠ΅ Π½Π΅ ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ:
<Application x:Class="AnimatedButton.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="Window1.xaml" > <Application.Resources> <!-- Resources for the entire application can be defined here. --> </Application.Resources> </Application>
ΠΠ±Π»Π°ΡΡΡ ΡΠ΅ΡΡΡΡΠΎΠ² ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΠΌΠ΅ΡΡΠΎΠΌ, Π³Π΄Π΅ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ ΡΠ΅ΡΡΡΡ. ΠΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΡΡΡΡΠΎΠ² Π²
Application.Resources
ΡΠ°ΠΉΠ»Π΅ App. XAML ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ΅ΡΡΡΡ ΠΈΠ· Π»ΡΠ±ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ° Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎΠ± ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠ΅ΡΡΡΡΠΎΠ² ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΡΠ΅ΡΡΡΡΡ XAML.Π‘ΠΎΠ·Π΄Π°ΠΉΡΠ΅ ΡΡΠΈΠ»Ρ ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅ Π² Π½Π΅ΠΌ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ²: ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π² Π±Π»ΠΎΠΊ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ
Application.Resources
. ΠΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΎΠ±ΡΠ΅ΠΊΡ Style , ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, ΠΏΡΠΈΡΠ²ΠΎΠΈΠ² ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°ΠΌ Π΄Π»Ρ Width ΠΊΠ½ΠΎΠΏΠΎΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 90 ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Margin 10.<Application.Resources> <Style TargetType="Button"> <Setter Property="Width" Value="90" /> <Setter Property="Margin" Value="10" /> </Style> </Application.Resources>
TargetTypeΠ‘Π²ΠΎΠΉΡΡΠ²ΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΡΠΈΠ»Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ ΡΠΈΠΏΠ° Button . ΠΠ°ΠΆΠ΄ΡΠΉ Setter ΠΈΠ· Π½ΠΈΡ Π·Π°Π΄Π°Π΅Ρ Π΄ΡΡΠ³ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π΄Π»Ρ Style . Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π½Π° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΡΠΈΠ½Ρ 90 ΠΈ ΠΏΠΎΠ»Π΅, ΡΠ°Π²Π½ΠΎΠ΅ 10. ΠΡΠ»ΠΈ Π½Π°ΠΆΠ°ΡΡ ΠΊΠ»Π°Π²ΠΈΡΡ F5 Π΄Π»Ρ Π·Π°ΠΏΡΡΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ, ΠΏΠΎΡΠ²ΠΈΡΡΡ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π΄ΡΡΠ³ΠΈΡ Π·Π°Π΄Π°Ρ, Π² ΡΠΎΠΌ ΡΠΈΡΠ»Π΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΏΠΎΡΠΎΠ±Ρ ΡΠΎΡΠ½ΠΎΠΉ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², ΡΠΊΠ°Π·Π°Π½ΠΈΡ ΡΠ»ΠΎΠΆΠ½ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Π΄Π°ΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π²Ρ ΠΎΠ΄Π½ΡΡ Π΄Π°Π½Π½ΡΡ Π΄Π»Ρ Π΄ΡΡΠ³ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΠΎΠ»Π΅Π΅ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘ΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ².
ΠΠ°Π΄Π°ΠΉΡΠ΅ ΡΠ΅ΡΡΡΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Style: Π Π΅ΡΡΡΡΡ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°ΡΡΠΎ Π·Π°Π΄Π°Π½Π½ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ»ΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅ΡΡΡΡΠΎΠ², ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠΎΠ΄ Π±ΠΎΠ»Π΅Π΅ ΠΌΠΎΠ΄ΡΠ»ΡΠ½ΡΠΌ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π² App. XAML.
<Application.Resources> <LinearGradientBrush x:Key="GrayBlueGradientBrush" StartPoint="0,0" EndPoint="1,1"> <GradientStop Color="DarkGray" Offset="0" /> <GradientStop Color="#CCCCFF" Offset="0.5" /> <GradientStop Color="DarkGray" Offset="1" /> </LinearGradientBrush> <Style TargetType="{x:Type Button}"> <Setter Property="Background" Value="{StaticResource GrayBlueGradientBrush}" /> <Setter Property="Width" Value="80" /> <Setter Property="Margin" Value="10" /> </Style> </Application.Resources>
ΠΠ΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠ΄
Application.Resources
Π±Π»ΠΎΠΊΠΎΠΌ Π²Ρ ΡΠΎΠ·Π΄Π°Π»ΠΈ ΡΠ΅ΡΡΡΡ Ρ ΠΈΠΌΠ΅Π½Π΅ΠΌ Β«Π³ΡΠ°ΠΉΠ±Π»ΡΠ΅Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ±ΡΡΡΒ». ΠΡΠΎΡ ΡΠ΅ΡΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΉ Π³ΡΠ°Π΄ΠΈΠ΅Π½Ρ. ΠΡΠΎΡ ΡΠ΅ΡΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ°ΠΊ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΈΠ· Π»ΡΠ±ΠΎΠ³ΠΎ ΠΌΠ΅ΡΡΠ° Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π²ΠΊΠ»ΡΡΠ°Ρ Π²Π½ΡΡΡΠΈ ΠΌΠ΅ΡΠΎΠ΄Π° Π·Π°Π΄Π°Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄Π»Ρ Background Π‘Π²ΠΎΠΉΡΡΠ²Π°. Π’Π΅ΠΏΠ΅ΡΡ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠΌΠ΅ΡΡ Background Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΡΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°.ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5 Π΄Π»Ρ Π·Π°ΠΏΡΡΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π°, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΠ΅Π³ΠΎ Π²ΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ
Π ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ Π²Ρ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅Ρ Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ (ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅) ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠ΅Π·Π΅Π½ΡΠ°ΡΠΈΠΈ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ², Π²ΠΊΠ»ΡΡΠ°Ρ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΈ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ, ΡΡΠΎΠ±Ρ Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ Π²ΠΈΠ΄.
ΠΠΎ ΡΠΈΡ ΠΏΠΎΡ Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΌ, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, Π±ΡΠ»ΠΎ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠ²ΠΎΠΉΡΡΠ² ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π§ΡΠΎ Π΄Π΅Π»Π°ΡΡ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²Π½Π΅ΡΡΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΡΠ΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² Π²Π½Π΅ΡΠ½ΠΈΠΉ Π²ΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ? Π¨Π°Π±Π»ΠΎΠ½Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΠ²Π°ΡΡ ΠΌΠΎΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΠ°Π±Π»ΠΎΠ½Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π² ΡΡΠΈΠ»ΡΡ , ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π±Π»ΠΎΠ½ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°ΠΌ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΡΡΠΈΠ»Ρ (Π² ΡΡΠΎΠΌ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°).
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π²ΠΈΠ΄Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ°ΡΡΡΠΎΠΉΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½: Π’Π°ΠΊ ΠΊΠ°ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Button Template , ΠΈΠΌΠ΅ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ°Π±Π»ΠΎΠ½Π° ΡΠ°ΠΊ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΡΠ²ΠΎΠΉΡΡΠ², Π·Π°Π΄Π°Π½Π½ΡΠ΅ Π² Style Ρ ΠΏΠΎΠΌΠΎΡΡΡ Setter . ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π² ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
<Application.Resources> <LinearGradientBrush x:Key="GrayBlueGradientBrush" StartPoint="0,0" EndPoint="1,1"> <GradientStop Color="DarkGray" Offset="0" /> <GradientStop Color="#CCCCFF" Offset="0.5" /> <GradientStop Color="DarkGray" Offset="1" /> </LinearGradientBrush> <Style TargetType="{x:Type Button}"> <Setter Property="Background" Value="{StaticResource GrayBlueGradientBrush}" /> <Setter Property="Width" Value="80" /> <Setter Property="Margin" Value="10" /> <Setter Property="Template"> <Setter.Value> <!-- The button template is defined here. --> </Setter.Value> </Setter> </Style> </Application.Resources>
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ: ΠΠ° ΡΡΠΎΠΌ ΡΡΠ°ΠΏΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΡ ΡΠ°Π±Π»ΠΎΠ½. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ. ΠΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠΊΠ° ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ Π΄Π²Π° Rectangle ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΌΠΈ ΠΊΡΠ°ΡΠΌΠΈ, Π·Π° ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΡΠ»Π΅Π΄ΡΠ΅Ρ DockPanel . DockPanelΠΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ContentPresenter ΠΊΠ½ΠΎΠΏΠΊΠΈ. ContentPresenterΠΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π ΡΡΠΎΠΌ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠΌ («ΠΠ½ΠΎΠΏΠΊΠ° 1», «ΠΠ½ΠΎΠΏΠΊΠ° 2», «ΠΠ½ΠΎΠΏΠΊΠ° 3»). ΠΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ ΡΠ°Π±Π»ΠΎΠ½Π° (ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠΈ ΠΈ DockPanel ) ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ Π²Π½ΡΡΡΠΈ Grid .
<Setter.Value> <ControlTemplate TargetType="Button"> <Grid ClipToBounds="True"> <!-- Outer Rectangle with rounded corners. --> <Rectangle x:Name="outerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="{TemplateBinding Background}" RadiusX="20" RadiusY="20" StrokeThickness="5" Fill="Transparent" /> <!-- Inner Rectangle with rounded corners. --> <Rectangle x:Name="innerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="Transparent" StrokeThickness="20" Fill="{TemplateBinding Background}" RadiusX="20" RadiusY="20" /> <!-- Present Content (text) of the button. --> <DockPanel Name="myContentPresenterDockPanel"> <ContentPresenter x:Name="myContentPresenter" Margin="20" Content="{TemplateBinding Content}" TextBlock.Foreground="Black" /> </DockPanel> </Grid> </ControlTemplate> </Setter.Value>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5 Π΄Π»Ρ Π·Π°ΠΏΡΡΠΊΠ° ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΡ. ΠΡΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ.
ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π³Π»Π°ΡΡΠ΅ΡΡΠ΅ΠΊΡ Π² ΡΠ°Π±Π»ΠΎΠ½: ΠΠ°Π»Π΅Π΅ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΠ΅ ΡΡΠ΅ΠΊΠ»ΠΎ. Π‘Π½Π°ΡΠ°Π»Π° Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ΅ΡΡΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΡΡΠ΅ΠΊΡ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΠΎΠ³ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ°. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΡΠΈ ΡΠ΅ΡΡΡΡΡ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠ° Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅
Application.Resources
Π±Π»ΠΎΠΊΠ°:<Application.Resources> <GradientStopCollection x:Key="MyGlassGradientStopsResource"> <GradientStop Color="WhiteSmoke" Offset="0.2" /> <GradientStop Color="Transparent" Offset="0.4" /> <GradientStop Color="WhiteSmoke" Offset="0.5" /> <GradientStop Color="Transparent" Offset="0.75" /> <GradientStop Color="WhiteSmoke" Offset="0.9" /> <GradientStop Color="Transparent" Offset="1" /> </GradientStopCollection> <LinearGradientBrush x:Key="MyGlassBrushResource" StartPoint="0,0" EndPoint="1,1" Opacity="0.75" GradientStops="{StaticResource MyGlassGradientStopsResource}" /> <!-- Styles and other resources below here. -->
ΠΡΠΈ ΡΠ΅ΡΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Fill Π΄Π»Ρ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ Π² Grid ΡΠ°Π±Π»ΠΎΠ½ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π² ΡΠ°Π±Π»ΠΎΠ½ ΡΠ»Π΅Π΄ΡΡΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ.
<Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid ClipToBounds="True"> <!-- Outer Rectangle with rounded corners. --> <Rectangle x:Name="outerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="{TemplateBinding Background}" RadiusX="20" RadiusY="20" StrokeThickness="5" Fill="Transparent" /> <!-- Inner Rectangle with rounded corners. --> <Rectangle x:Name="innerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="Transparent" StrokeThickness="20" Fill="{TemplateBinding Background}" RadiusX="20" RadiusY="20" /> <!-- Glass Rectangle --> <Rectangle x:Name="glassCube" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" StrokeThickness="2" RadiusX="10" RadiusY="10" Opacity="0" Fill="{StaticResource MyGlassBrushResource}" RenderTransformOrigin="0.5,0.5"> <Rectangle.Stroke> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <LinearGradientBrush.GradientStops> <GradientStop Offset="0.0" Color="LightBlue" /> <GradientStop Offset="1.0" Color="Gray" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> </Rectangle.Stroke> <!-- These transforms have no effect as they are declared here. The reason the transforms are included is to be targets for animation (see later). --> <Rectangle.RenderTransform> <TransformGroup> <ScaleTransform /> <RotateTransform /> </TransformGroup> </Rectangle.RenderTransform> <!-- A BevelBitmapEffect is applied to give the button a "Beveled" look. --> <Rectangle.BitmapEffect> <BevelBitmapEffect /> </Rectangle.BitmapEffect> </Rectangle> <!-- Present Text of the button. --> <DockPanel Name="myContentPresenterDockPanel"> <ContentPresenter x:Name="myContentPresenter" Margin="20" Content="{TemplateBinding Content}" TextBlock.Foreground="Black" /> </DockPanel> </Grid> </ControlTemplate> </Setter.Value>
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ Opacity ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ ΡΠΎ
x:Name
ΡΠ²ΠΎΠΉΡΡΠ²ΠΎΠΌ Β«Π³Π»Π°ΡΡΠΊΡΠ±Π΅Β» ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ 0, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΈ Π·Π°ΠΏΡΡΠΊΠ΅ ΠΎΠ±ΡΠ°Π·ΡΠ° ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Ρ ΡΡΡΠ΅ΠΊΡΠΎΠΌ ΡΡΠ΅ΠΊΠ»Π° Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠ²Π΅ΡΡ Ρ. ΠΡΠΎ ΡΠ²ΡΠ·Π°Π½ΠΎ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΏΠΎΠ·ΠΆΠ΅ ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΡΡΠΈΠ³Π³Π΅ΡΡ ΠΊ ΡΠ°Π±Π»ΠΎΠ½Ρ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠ΅ΠΉΡΠ°Ρ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ² Opacity Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π½Π° 1 ΠΈ Π·Π°ΠΏΡΡΡΠΈΠ² ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅. Π‘ΠΌ. ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠΈΡΡΠ½ΠΎΠΊ. ΠΡΠ΅ΠΆΠ΄Π΅ ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ ΠΊ ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌΡ ΡΠ°Π³Ρ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Opacity ΠΎΠ±ΡΠ°ΡΠ½ΠΎ Π½Π° 0.
ΠΠ·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ «ΡΠΎΠ·Π΄Π°ΡΡ»
Π ΡΡΠΎΠΌ ΡΠ°Π·Π΄Π΅Π»Π΅ Π²Ρ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ ΡΡΠΈΠ³Π³Π΅ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ ΡΡΠΈΠ³Π³Π΅ΡΡ ΡΠΎΠ±ΡΡΠΈΠΉ Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ² ΠΈ Π·Π°ΠΏΡΡΠΊΠ° Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ Π² ΠΎΡΠ²Π΅Ρ Π½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π°Π΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈ Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΠΎΡΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ (Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡΡΠΈ, Π²ΡΡ
ΠΎΠ΄Π° ΠΈΠ· ΠΌΡΡΠΈ, ΡΠ΅Π»ΡΠΊΠ° ΠΈ Ρ. Π΄.) Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΠΈ ΡΡΠΈΠ³Π³Π΅ΡΠΎΠ² Π² ΡΠ°Π±Π»ΠΎΠ½Π΅ ΠΈΠ»ΠΈ ΡΡΠΈΠ»Π΅. Π§ΡΠΎΠ±Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡ Trigger , ΠΎΠΏΡΠ΅Π΄Π΅Π»ΠΈΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ «Condition», Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ: IsMouseOver Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π²Π½ΠΎ true
. ΠΠ°ΡΠ΅ΠΌ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡΡΡ ΠΌΠ΅ΡΠΎΠ΄Ρ Π·Π°Π΄Π°Π½ΠΈΡ (Actions), ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΡΠ»ΠΎΠ²ΠΈΠ΅ ΡΡΠΈΠ³Π³Π΅ΡΠ° ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΠΎΠΉ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ³Π³Π΅ΡΡ ΡΠ°Π±Π»ΠΎΠ½Π°: ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π² ΡΠ°Π±Π»ΠΎΠ½.
<Setter.Value> <ControlTemplate TargetType="{x:Type Button}"> <Grid ClipToBounds="True"> <!-- Outer Rectangle with rounded corners. --> <Rectangle x:Name="outerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="{TemplateBinding Background}" RadiusX="20" RadiusY="20" StrokeThickness="5" Fill="Transparent" /> <!-- Inner Rectangle with rounded corners. --> <Rectangle x:Name="innerRectangle" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Stroke="Transparent" StrokeThickness="20" Fill="{TemplateBinding Background}" RadiusX="20" RadiusY="20" /> <!-- Glass Rectangle --> <Rectangle x:Name="glassCube" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" StrokeThickness="2" RadiusX="10" RadiusY="10" Opacity="0" Fill="{StaticResource MyGlassBrushResource}" RenderTransformOrigin="0.5,0.5"> <Rectangle.Stroke> <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"> <LinearGradientBrush.GradientStops> <GradientStop Offset="0.0" Color="LightBlue" /> <GradientStop Offset="1.0" Color="Gray" /> </LinearGradientBrush.GradientStops> </LinearGradientBrush> </Rectangle.Stroke> <!-- These transforms have no effect as they are declared here. The reason the transforms are included is to be targets for animation (see later). --> <Rectangle.RenderTransform> <TransformGroup> <ScaleTransform /> <RotateTransform /> </TransformGroup> </Rectangle.RenderTransform> <!-- A BevelBitmapEffect is applied to give the button a "Beveled" look. --> <Rectangle.BitmapEffect> <BevelBitmapEffect /> </Rectangle.BitmapEffect> </Rectangle> <!-- Present Text of the button. --> <DockPanel Name="myContentPresenterDockPanel"> <ContentPresenter x:Name="myContentPresenter" Margin="20" Content="{TemplateBinding Content}" TextBlock.Foreground="Black" /> </DockPanel> </Grid> <ControlTemplate.Triggers> <!-- Set action triggers for the buttons and define what the button does in response to those triggers. --> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value>
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ³Π³Π΅ΡΡ ΡΠ²ΠΎΠΉΡΡΠ²: ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π²
ControlTemplate.Triggers
Π±Π»ΠΎΠΊ:<ControlTemplate.Triggers> <!-- Set properties when mouse pointer is over the button. --> <Trigger Property="IsMouseOver" Value="True"> <!-- Below are three property settings that occur when the condition is met (user mouses over button). --> <!-- Change the color of the outer rectangle when user mouses over it. --> <Setter Property ="Rectangle.Stroke" TargetName="outerRectangle" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" /> <!-- Sets the glass opacity to 1, therefore, the glass "appears" when user mouses over it. --> <Setter Property="Rectangle.Opacity" Value="1" TargetName="glassCube" /> <!-- Makes the text slightly blurry as though you were looking at it through blurry glass. --> <Setter Property="ContentPresenter.BitmapEffect" TargetName="myContentPresenter"> <Setter.Value> <BlurBitmapEffect Radius="1" /> </Setter.Value> </Setter> </Trigger> <ControlTemplate.Triggers/>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π°Π΄ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΈΠ³Π³Π΅Ρ ΡΠΎΠΊΡΡΠ°: ΠΠ°Π»Π΅Π΅ ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΡΠ½ΡΡ ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² Π·Π°Π΄Π°Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π±ΡΠ΄ΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΠ°Π½Ρ, ΠΊΠΎΠ³Π΄Π° ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠΎΠΊΡΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎΡΠ»Π΅ ΡΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΡΠ΅Π»ΠΊΠ½Π΅Ρ Π΅Π³ΠΎ).
<ControlTemplate.Triggers> <!-- Set properties when mouse pointer is over the button. --> <Trigger Property="IsMouseOver" Value="True"> <!-- Below are three property settings that occur when the condition is met (user mouses over button). --> <!-- Change the color of the outer rectangle when user mouses over it. --> <Setter Property ="Rectangle.Stroke" TargetName="outerRectangle" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" /> <!-- Sets the glass opacity to 1, therefore, the glass "appears" when user mouses over it. --> <Setter Property="Rectangle.Opacity" Value="1" TargetName="glassCube" /> <!-- Makes the text slightly blurry as though you were looking at it through blurry glass. --> <Setter Property="ContentPresenter.BitmapEffect" TargetName="myContentPresenter"> <Setter.Value> <BlurBitmapEffect Radius="1" /> </Setter.Value> </Setter> </Trigger> <!-- Set properties when button has focus. --> <Trigger Property="IsFocused" Value="true"> <Setter Property="Rectangle.Opacity" Value="1" TargetName="glassCube" /> <Setter Property="Rectangle.Stroke" TargetName="outerRectangle" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}" /> <Setter Property="Rectangle.Opacity" Value="1" TargetName="glassCube" /> </Trigger> </ControlTemplate.Triggers>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΡΠ°Π΅ΡΡΡ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠΉ ΠΏΠΎΡΠ»Π΅ Π΅Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΠΎΠ½Π° ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΈΠΌΠ΅Π΅Ρ ΡΠΎΠΊΡΡ. ΠΡΠ»ΠΈ ΡΠ΅Π»ΠΊΠ½ΡΡΡ Π΄ΡΡΠ³ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΊΠ½ΠΎΠΏΠΊΠ° Π‘ΠΎΠ·Π΄Π°ΡΡ ΠΏΠΎΠ»ΡΡΠΈΡ ΡΠΎΠΊΡΡ, Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ ΡΠ΅ΡΡΠ΅Ρ Π΅Π΅.
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π΄Π»Ρ MouseEnter ΠΈ MouseLeave : ΠΠ°Π»Π΅Π΅ ΠΌΡ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΉ ΠΊ ΡΡΠΈΠ³Π³Π΅ΡΠ°ΠΌ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π² Π»ΡΠ±ΠΎΠ΅ ΠΌΠ΅ΡΡΠΎ Π²Π½ΡΡΡΠΈ
ControlTemplate.Triggers
Π±Π»ΠΎΠΊΠ°.<!-- Animations that start when mouse enters and leaves button. --> <EventTrigger RoutedEvent="Mouse.MouseEnter"> <EventTrigger.Actions> <BeginStoryboard Name="mouseEnterBeginStoryboard"> <Storyboard> <!-- This animation makes the glass rectangle shrink in the X direction. --> <DoubleAnimation Storyboard.TargetName="glassCube" Storyboard.TargetProperty= "(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)" By="-0.1" Duration="0:0:0.5" /> <!-- This animation makes the glass rectangle shrink in the Y direction. --> <DoubleAnimation Storyboard.TargetName="glassCube" Storyboard.TargetProperty= "(Rectangle.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" By="-0.1" Duration="0:0:0.5" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger> <EventTrigger RoutedEvent="Mouse.MouseLeave"> <EventTrigger.Actions> <!-- Stopping the storyboard sets all animated properties back to default. --> <StopStoryboard BeginStoryboardName="mouseEnterBeginStoryboard" /> </EventTrigger.Actions> </EventTrigger>
ΠΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ ΡΠΆΠΈΠΌΠ°Π΅ΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΏΠΎΠΊΠΈΠ΄Π°Π΅Ρ.
Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π΄Π²Π΅ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ Π·Π°ΠΏΡΡΠΊΠ°ΡΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ( MouseEnter ΡΠΎΠ±ΡΡΠΈΠ΅ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ). ΠΡΠΈ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ ΡΠΆΠΈΠΌΠ°ΡΡ ΡΡΠ΅ΠΊΠ»ΡΠ½Π½ΡΠΉ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Π²Π΄ΠΎΠ»Ρ ΠΎΡΠ΅ΠΉ X ΠΈ Y. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΡΠ²ΠΎΠΉΡΡΠ²Π° DoubleAnimation ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² β Duration ΠΈ By . DurationΠ£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ Π²ΡΠΏΠΎΠ»Π½ΡΠ΅ΡΡΡ Π² ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ ΡΠ΅ΠΊΡΠ½Π΄Ρ ΠΈ By ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΡΠ΅ΠΊΠ»ΠΎ ΡΠΆΠΈΠΌΠ°Π΅ΡΡΡ Π½Π° 10%.
ΠΡΠΎΡΠΎΠΉ ΡΡΠΈΠ³Π³Π΅Ρ ΡΠΎΠ±ΡΡΠΈΡ ( MouseLeave ) ΠΏΡΠΎΡΡΠΎ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΏΠ΅ΡΠ²ΡΠΉ ΠΈΠ· Π½ΠΈΡ . ΠΠΎΠ³Π΄Π° Π²Ρ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅ΡΠ΅ Storyboard , Π²ΡΠ΅ Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ°Π΅Ρ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠ° Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅ΡΡΡ ΠΊ ΡΠΏΠΎΡΠΎΠ±Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°Ρ ΠΎΠ΄ΠΈΠ»ΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ΠΌ ΠΊΡΡΡΠΎΡΠ° ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅. ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎ Π°Π½ΠΈΠΌΠ°ΡΠΈΡΡ ΡΠΌ. Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΠ±ΡΠΈΠ΅ ΡΠ²Π΅Π΄Π΅Π½ΠΈΡ ΠΎΠ± Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
ΠΠΎΠ±Π°Π²ΠΈΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΡ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ: ΠΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ ΡΠ°Π³ΠΎΠΌ ΡΠ²Π»ΡΠ΅ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ³Π³Π΅ΡΠ° Π΄Π»Ρ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°ΠΆΠΈΠΌΠ°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ Π² Π»ΡΠ±ΠΎΠΌ ΠΌΠ΅ΡΡΠ΅
ControlTemplate.Triggers
Π±Π»ΠΎΠΊΠ°:<!-- Animation fires when button is clicked, causing glass to spin. --> <EventTrigger RoutedEvent="Button.Click"> <EventTrigger.Actions> <BeginStoryboard> <Storyboard> <DoubleAnimation Storyboard.TargetName="glassCube" Storyboard.TargetProperty= "(Rectangle.RenderTransform).(TransformGroup.Children)[1].(RotateTransform.Angle)" By="360" Duration="0:0:0.5" /> </Storyboard> </BeginStoryboard> </EventTrigger.Actions> </EventTrigger>
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ»Π°Π²ΠΈΡΡ F5, ΡΡΠΎΠ±Ρ Π·Π°ΠΏΡΡΡΠΈΡΡ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Π²ΡΠ°ΡΠ°Π΅ΡΡΡ Π²ΠΎΠΊΡΡΠ³.
ΠΡΠΎΠ³ΠΈ
Π ΡΡΠΎΠΌ ΠΏΠΎΡΠ°Π³ΠΎΠ²ΠΎΠΌ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π΅ Π²Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΠ»ΠΈ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΡ:
ΠΠ°ΡΠ΅Π»Π΅Π½ Π½Π° Style ΡΠΈΠΏ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ( Button ).
ΠΠΎΠ½ΡΡΠΎΠ»ΠΈΡΡΠ΅ΠΌΡΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΊΠ½ΠΎΠΏΠΎΠΊ Π²ΠΎ Π²ΡΠ΅ΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ Style .
Π‘ΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ ΡΠ΅ΡΡΡΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ Π΄Π»Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ² Style ΠΌΠ΅ΡΠΎΠ΄ΠΎΠ² Π·Π°Π΄Π°Π½ΠΈΡ.
ΠΠ°ΡΡΡΠΎΠΉΠΊΠ° Π²ΠΈΠ΄Π° ΠΊΠ½ΠΎΠΏΠΎΠΊ Π²ΠΎ Π²ΡΠ΅ΠΌ ΠΏΡΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ ΠΏΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ°Π±Π»ΠΎΠ½Π° ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ.
ΠΠ°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΠΎΡΠ²Π΅Ρ Π½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ,, MouseEnter MouseLeave ΠΈ Click ), ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΠΊΠ»ΡΡΠ°ΡΡ ΡΡΡΠ΅ΠΊΡΡ Π°Π½ΠΈΠΌΠ°ΡΠΈΠΈ.
Π‘ΠΌ. ΡΠ°ΠΊΠΆΠ΅ ΡΠ°Π·Π΄Π΅Π»
ΠΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΡΠ΅ΠΌ ΠΏΡΠΈΠ²Π΅Ρ! Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΡΠ½ΠΎΠ²Π° Ρ
ΠΎΡΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΡΡ ΠΎΠ± ΡΡΠΊΠΎΡΠ΅Π½ΠΈΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ Π²Π°ΡΠΈΡ
Π»Π΅Π½Π΄ΠΈΠ½Π³ ΠΏΠ΅ΠΉΠ΄ΠΆ. Π Π΅ΡΡ ΠΏΠΎΠΉΠ΄Π΅Ρ ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ
. Π’ΠΎΡΠ½Π΅Π΅, Ρ Ρ
ΠΎΡΡ ΡΠ°ΡΡΠΊΠ°Π·Π°ΡΡ Π²Π°ΠΌ ΠΎ ΡΠ΅ΡΠ²ΠΈΡΠ΅, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅Ρ ΡΠ΄ΠΎΠ±Π½ΠΎΠ΅ ΠΈ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π½Π° Π²ΡΡ
ΠΎΠ΄Π΅ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ css ΠΊΠΎΠ΄ Π΄Π»Ρ Π²ΡΡΠ°Π²ΠΊΠΈ Π² Π²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
(Π ΠΠΎΠ½ΡΠ΅ ΡΡΠ°ΡΡΠΈ Π²Π°ΠΆΠ½Π°Ρ ΠΏΠΎΠΏΡΠ°Π²ΠΊΠ°)
ΠΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΡΠ»ΠΈ Π²Π°ΠΌ, ΠΊΠ°ΠΊ ΠΈ ΠΌΠ½Π΅, Π½ΡΠ°Π²ΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΌ ΡΡΠΈΠ»Π΅, ΡΠΎ ΡΠΈΡΠ°ΠΉΡΠ΅ Π΄ΠΎ ΠΊΠΎΠ½ΡΠ°. ΠΡΠ»ΠΈ ΠΆΠ΅ Ρ Π²Π°Ρ ΡΠΆΠ΅ ΡΡΠΎΠΈΡ ΠΏΠΎΠ΄ΠΎΠ±Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, ΡΠΎ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° Π±ΡΠ»Π° Π·Π°Π΄Π°Π½Π° css ΡΡΠΈΠ»ΡΠΌΠΈ, Π° Π½Π΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ Π³ΡΡΠ·ΠΈΡΡΡΡ Π±ΡΡΡΡΠ΅Π΅, ΡΡΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠΊΠ°ΠΆΠ΅ΡΡΡ Π½Π° Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΠ°ΠΉΡΠ° Π² ΡΠ΅Π»ΠΎΠΌ.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π½Π°Π±ΡΠΎΡΠ°ΡΡ ΡΡΠΈΠ»ΠΈ β ΡΡΠΎ Π΄Π΅Π»ΠΎ 5 ΠΌΠΈΠ½ΡΡ, Π½ΠΎ Π΅ΡΡΡ ΠΈ ΡΠ°ΠΊΠΈΠ΅ Π»ΡΠ΄ΠΈ, ΠΊΠΎΡΠΎΡΡΠΌ Π½Π΅ Ρ ΠΎΡΠ΅ΡΡΡ Π²Π½ΠΈΠΊΠ°ΡΡ Π² ΡΡΡΡΠΊΡΡΡΡ ΠΈ ΠΈΠΌ Π½ΡΠΆΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ. Π ΠΊΡΠΎ-ΡΠΎ Π΅ΡΠ΅ Π½Π΅ ΡΠΌΠ΅Π΅Ρ — Π² ΠΎΠ±ΡΠ΅ΠΌ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π»Π΅Π½Ρ ΡΠ°ΠΌΠΎΠΌΡ ΠΏΠΈΡΠ°ΡΡ ΡΡΠΈΠ»ΠΈ, ΡΠΎ Π² ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ, ΠΊΠ°ΠΊ ΡΠ°Π·, ΠΈ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΎ ΡΠ΅ΡΠ²ΠΈΡΠ΅ dabuttonfactory.com, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΡΡΡΠΎ ΠΏΠΎΠ»ΡΡΠΈΡΡ css ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΠ°ΠΊ, Π·Π°Ρ ΠΎΠ΄ΠΈΠΌ Π½Π° ΡΠ°ΠΉΡ. ΠΠ΅ΡΠ΅Π΄ Π½Π°ΠΌΠΈ ΠΎΡΠΊΡΠΎΠ΅ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠΊΠ° Ρ ΠΏΠΎΠ»ΡΠΌΠΈ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎ Π±ΠΎΠΊΠ°ΠΌ. Π Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΡΠ΅ΠΌ β Π² ΡΠ΅Π½ΡΡΠ΅. Π ΡΠ°ΠΊΠΆΠ΅, ΠΏΠΎΠ΄ Π½Π΅ΠΉ Π±ΡΠ΄Π΅Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡΡΡ css ΠΊΠΎΠ΄.
ΠΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊβ ΡΡΠΈΠ»ΠΈ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ°
ΠΠ΅Π²ΠΎΠ΅ ΠΌΠ΅Π½Ρ, Ρ Π²ΡΠ±ΠΎΡΠΎΠΌ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ², ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΎ Π΄Π»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ ΡΠ΅ΠΊΡΡΡ:
Π ΠΏΠΎΠ»Π΅ βTextβ β Π·Π°Π΄Π°Π΅ΠΌ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅. Π βFontβ β Π²ΡΠ±ΠΈΡΠ°Π΅ΠΌ ΡΡΠΈΡΡ (Π΅Π³ΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΠ·ΠΆΠ΅ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ, ΠΊΠ°ΠΊ ΠΈ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ). βBoldβ ΠΈ βItalicβ β ΠΆΠΈΡΠ½ΠΎΡΡΡ ΠΈ Π½Π°ΠΊΠ»ΠΎΠ½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ. ΠΠΎΠ»Π΅ βTextshadowβ Π·Π°Π΄Π°Π΅Ρ ΡΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΡ. ΠΠΎΠΆΠ½ΠΎ ΡΠΊΠ°Π·Π°ΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈ ΡΠ²Π΅Ρ.
βOutputtypeβ β ΠΊΠ°ΠΊ Π²Ρ ΡΠΆΠ΅ ΠΏΠΎΠ½ΡΠ»ΠΈ Π²ΡΡΡΠ°Π²Π»ΡΠ΅ΠΌ CSS background, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΠ°Π΄ΠΈ ΡΡΠΎΠ³ΠΎ, ΠΌΡ ΠΈ ΠΎΠ±ΡΠ°ΡΠΈΠ»ΠΈΡΡ ΠΊ Π΄Π°Π½Π½ΠΎΠΌΡ ΡΠ΅ΡΠ²ΠΈΡΡ.
ΠΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊβ ΡΡΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ΄Π΅ΡΡ Π² ΠΏΠΎΠ»Π΅ βStyleβ β Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΡΠ±ΡΠ°ΡΡ ΠΊΠ°ΠΊΠΈΠ΅ ΡΠ³Π»Ρ Π±ΡΠ΄ΡΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ — ΡΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ ΠΈΠ»ΠΈ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΡΠ΅, Π° ΡΠ°ΠΊΠΆΠ΅ Π·Π°Π΄Π°ΡΡ ΡΠ°Π΄ΠΈΡΡ ΠΎΠΊΡΡΠ³Π»Π΅Π½ΠΈΡ. Π βΠackgroundβ β ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΌΠΎΠ½ΠΎΡΠΎΠ½Π½ΡΠΌ, Π»ΠΈΠ±ΠΎ Π³ΡΠ°Π΄ΠΈΠ΅Π½ΡΠΎΠΌ. ΠΠΊΠ»Π°Π΄ΠΊΠΈ βBorderβ ΠΈ βShadowβ β ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π·Π°Π΄Π°ΡΡ ΠΎΠ±Π²ΠΎΠ΄ΠΊΡ ΠΈ ΡΠ΅Π½Ρ. Π ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠ°Ρ ΡΠ΅Π½ΠΈ Π΅ΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π΅Π΅ Π½Π°ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅, ΡΠ²Π΅Ρ ΠΈ ΠΎΡΡΡΡΠΏ.
Π ΠΏΠΎΠ»Π΅ βSizeβ — Π·Π°Π΄Π°Π΅ΡΡΡ ΡΠΈΡΠΈΠ½Π° ΠΈ Π²ΡΡΠΎΡΠ°. ΠΠ½Π° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΡΠ°ΡΠΈΡΠ½ΠΎΠΉ (Π·Π°Π΄Π°Π½Π½ΠΎΠΉ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°), ΠΈΠ»ΠΈ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ½ΠΎΠΉ. Π ΡΠ°ΠΊΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡΠ΄Π΅Ρ ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡΡΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΠΎΠ² ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΎΡΡΡΡΠΏΠΎΠ².
ΠΡΠ»ΠΈ Π²Ρ Π²ΡΡΡΠ°Π²ΠΈΠ»ΠΈ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΡΠ°ΠΊΠΈΠ΅ ΠΆΠ΅, ΠΊΠ°ΠΊ Ρ Π½Π° ΡΠΊΡΠΈΠ½ΡΠΎΡΠ°Ρ , ΡΠΎ Ρ Π²Π°Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Β ΡΠ°ΠΊΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°:
ΠΠΎΡ ΠΈ Π²ΡΠ΅. Π’Π΅ΠΏΠ΅ΡΡ ΠΏΡΠΈ ΠΏΠΎΠΌΠΎΡΠΈ ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΡΠ²ΠΈΡΠ° Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠ΅Π½Ρ Π±ΡΡΡΡΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΡΡΠΎΡ Π²Π°ΠΆΠ½Π΅ΠΉΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π΄Π°ΠΆΠ΅ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ Π² css. Π Π½Π° ΡΠ΅Π³ΠΎΠ΄Π½Ρ — Π²ΡΠ΅. ΠΠΎΠΊΠ°!
ΠΠΠΠΠΠΠ! ΠΠ΅ ΡΡΠΏΠ΅Π»Β Ρ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°ΡΡ Π΄Π°Π½Π½ΡΠΉ ΠΏΠΎΡΡ Π² ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΡΡ , ΠΊΠ°ΠΊ Β ΠΌΠ½Π΅ Π½Π° ΠΏΠΎΡΡΡ ΠΏΡΠΈΡΠ»ΠΎ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅ ΠΎΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· ΡΠΈΡΠ°ΡΠ΅Π»Π΅ΠΉ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ Π² Π½Π΅ΠΌ Π΅ΡΡΡ Π½Π΅Π΄ΠΎΡΠ΅Ρ.
ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ ΡΠΎΠ½ Π² Π΄Π°Π½Π½ΠΎΠΌ ΡΠ΅ΡΠ²ΠΈΡΠ΅ Π·Π°Π΄Π°Π΅ΡΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ, ΠΏΡΠΈΡΠ΅ΠΌ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΎΠΉ, Π° ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ Π°Π΄ΡΠ΅Ρ Π½Π° Π½Π΅Π΅. Π‘Π°ΠΌΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π»Π΅ΠΆΠΈΡ Π½Π° ΡΡΠΎΡΠΎΠ½Π½Π΅ΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΠΊΠ°ΠΊ Π΅ΡΡΡ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½Π° Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°, Π° ΠΈΠΌΠ΅Π½Π½ΠΎ Π·Π°Π΄Π°Π½Π½Π°Ρ ΡΠ΅ΡΠ΅Π· css, ΡΠΎ Π·Π°Π²ΡΡΠ° Ρ ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ Π΅Π΅ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ ΠΈΒ Π΄ΠΎΠ±Π°Π²ΠΈΠΌΒ ΡΡΡΠ΅ΠΊΡ Π½Π°ΠΆΠ°ΡΠΈΡ. ΠΠΎΡΡΠΎΠΌΡ Π½Π΅ Π±ΡΠ΄Ρ ΡΠ΄Π°Π»ΡΡΡ, ΠΏΠΎΠΊΠ°, ΡΡΠ°ΡΡΡ. ΠΠΎΠΆΠ΅Ρ ΠΊΠΎΠΌΡ-ΡΠΎ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡΡ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ Π·Π° ΡΠ²ΠΎΠ΅Π²ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΊΡΠΈΡΠΈΠΊΡ. ΠΡΠ»ΠΈ ΠΊΡΠΎ-ΡΠΎ ΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠΌΠΈ ΡΠ΅ΡΠ²ΠΈΡΠ°ΠΌΠΈ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ — ΠΊΠΎΠΌΡ-ΡΠΎ ΠΎΠ½ΠΈ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΈΠ³ΠΎΠ΄ΡΡΡΡ.
Β
HTML-ΡΠ΅Π³
Π’Π΅Π³ HTML
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ HTML.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΎΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΠΎΡΠΌΡ ΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠΎΠΌ, Π½Π°ΠΆΠΈΠΌΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΡ.
Π₯ΠΎΡΡ ΡΡΠΎΡ ΡΠ΅Π³ ΡΠ°ΡΡΠΎ Π²Π»ΠΎΠΆΠ΅Π½ Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ
Π€Π°ΠΌΠΈΠ»ΠΈΡ:
ΠΠ½ΠΎΠΏΠΊΠ°, ΡΠ²ΡΠ·Π°Π½Π½Π°Ρ Ρ ΡΠΎΡΠΌΠΎΠΉ
ΠΠ΄Π΅ΡΡ ΠΌΡ ΡΠ²ΡΠ·ΡΠ²Π°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ
form
(Ρ.Π΅.Π΅. ΠΌΡ Π²ΡΡΠ°Π²Π»ΡΠ΅ΠΌ ΡΠΎΡΠΌΡ id
Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ). Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π½Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π²ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
Π² ΡΠ»Π΅ΠΌΠ΅Π½Ρ
.Π€Π°ΠΌΠΈΠ»ΠΈΡ:
ΠΡΡΠ³ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ …
ΠΠ± ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ , ΡΠ²ΡΠ·Π°Π½Π½ΡΡ Ρ ΡΠΎΡΠΌΠΎΠΉ
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML ΠΌΠΎΠ³ΡΡ ΠΈΠΌΠ΅ΡΡ Β«Π²Π»Π°Π΄Π΅Π»ΡΡΠ° ΡΠΎΡΠΌΡΒ».ΠΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠ²ΡΠ·Π°Π½ Ρ ΡΠΎΡΠΌΠΎΠΉ, ΠΈ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ, ΠΊΠ°ΠΊ Π΅ΡΠ»ΠΈ Π±Ρ ΠΎΠ½ Π±ΡΠ» ΡΠ°ΡΡΡΡ ΡΡΠΎΠΉ ΡΠΎΡΠΌΡ. ΠΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠ΄ΠΎΠ±Π½ΠΎ, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΎΠ΄Π½Π° ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΎΡΠΌ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π΅ Π²Π»ΠΎΠΆΠ΅Π½ Π½ΠΈ Π² ΠΎΠ΄Π½Ρ ΠΈΠ· Π½ΠΈΡ .
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML ΡΠ²Π»ΡΡΡΡΡ Β«ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠΌΠΈ Ρ ΡΠΎΡΠΌΠΎΠΉΒ»:
-
ΠΊΠ½ΠΎΠΏΠΊΠ°
-
ΠΏΠΎΠ»Π΅Π²ΠΎΠΉ Π½Π°Π±ΠΎΡ
-
Π²Π²ΠΎΠ΄
-
ΠΊΠ΅ΠΉΠ³Π΅Π½
-
ΡΡΠΈΠΊΠ΅ΡΠΊΠ°
-
ΠΎΠ±ΡΠ΅ΠΊΡ
-
Π²ΡΡ ΠΎΠ΄
-
Π²ΡΠ±Π΅ΡΠΈΡΠ΅
-
ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠ΅ ΠΏΠΎΠ»Π΅
-
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΡΠ²ΡΠ·Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΡΠΌΠΎΠΉ Ρ ΡΠΎΡΠΌΠΎΠΉ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅ΠΎΠ΄ΠΎΠ»Π΅ΡΡ ΠΎΡΡΡΡΡΡΠ²ΠΈΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ Π² ΡΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΠΈ HTML, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΡΠΎ ΡΡΠ΅Π½Π°ΡΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡ DOM ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΡΠΎ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
. Π‘ΠΏΠ΅ΡΠΈΡΠΈΠΊΠ°ΡΠΈΡ HTML5 ΠΏΡΠΈΠ·Π½Π°Π΅Ρ ΡΡΡ ΡΠΈΡΡΠ°ΡΠΈΡ ΠΈ, ΠΏΠΎΡ
ΠΎΠΆΠ΅, Π΄Π΅Π»Π°Π΅Ρ ΠΏΠΎΠΏΡΠ°Π²ΠΊΡ Π½Π° Π½Π΅Π΅, ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π°Ρ ΠΎ Π½Π΅ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠΈ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
.ΠΠ½ΠΎΠΏΠΊΠ° Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΊΠ»ΡΡΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
Π² ΡΠ²ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅.ΠΡ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ΅ΠΊΡΡ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠ΅Π³ΠΎ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ ΠΊΠΎΠΌΠ±ΠΈΠ½Π°ΡΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠ΅ΠΊΡΡΠ°.
ΠΠ°ΠΊ ΡΡΠΎ:
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΡΠΎΡΡΠΈΡΠ΅ ΠΊΠ½ΠΈΠ³Ρ!
ΠΡΡΠΈΠ±ΡΡΡ
ΠΡΡΠΈΠ±ΡΡΡ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ ΠΊ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ HTML, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΈΠ»ΠΈ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ.
ΠΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ.
ΠΡΡΠΈΠ±ΡΡ | ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ |
---|---|
Π°Π²ΡΠΎΡΠΎΠΊΡΡ | ΠΠ²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡ ΡΠΎΠΊΡΡ Π½Π° ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°ΡΠ°ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, Π½Π΅ Π²ΡΠ±ΠΈΡΠ°Ρ Π΅Π³ΠΎ ΠΏΡΠ΅Π΄Π²Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ. Π Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ΅ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Ρ ΡΠΊΠ°Π·Π°Π½Π½ΡΠΌ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ Π°Π²ΡΠΎΡΠΎΠΊΡΡΠΈΡΠΎΠ²ΠΊΠΈ. ΠΡΠΎ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ.ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π»ΠΈΠ±ΠΎ ΠΏΡΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ, Π»ΠΈΠ±ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΡΠ²ΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΊ ΡΠ΅Π³ΠΈΡΡΡΡ ASCII ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ΠΌ ΠΊΠ°Π½ΠΎΠ½ΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΈΠΌΠ΅Π½ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°, Π±Π΅Π· Π½Π°ΡΠ°Π»ΡΠ½ΡΡ
ΠΈΠ»ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² (Ρ.Π΅. Π»ΠΈΠ±ΠΎ ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: |
ΠΎΡΠΊΠ»ΡΡΠ΅Π½ΠΎ | ΠΡΠΊΠ»ΡΡΠ°Π΅Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅. ΠΠΎΡΡΠΎΠΌΡ, Π΅ΡΠ»ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΏΠΎΠΏΡΡΠ°Π΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ, Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΡΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ. ΠΡΠΎ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ.ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π»ΠΈΠ±ΠΎ ΠΏΡΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ, Π»ΠΈΠ±ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΡΠ²ΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΊ ΡΠ΅Π³ΠΈΡΡΡΡ ASCII ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ΠΌ ΠΊΠ°Π½ΠΎΠ½ΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΈΠΌΠ΅Π½ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°, Π±Π΅Π· Π½Π°ΡΠ°Π»ΡΠ½ΡΡ
ΠΈΠ»ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² (Ρ.Π΅. Π»ΠΈΠ±ΠΎ ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: |
ΡΠΎΡΠΌΠ° | ΠΠ°Π΄Π°Π΅Ρ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΡΠΎΡΠΌΡ, ΠΊ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠΈΡ ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ: [ID ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΎΡΠΌΡ Π² Π²Π»Π°Π΄Π΅Π»ΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° |
formaction | ΠΠ°Π΄Π°Π΅Ρ URL-Π°Π΄ΡΠ΅Ρ ΡΠ°ΠΉΠ»Π°, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅. |
formenctype | ΠΠ°Π΄Π°Π΅Ρ ΡΠΈΠΏ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ Π΄Π»Ρ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π½Π°Π±ΠΎΡΠ° Π΄Π°Π½Π½ΡΡ
ΡΠΎΡΠΌΡ ΠΏΡΠΈ Π΅Π³ΠΎ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ Π½Π° ΡΠ΅ΡΠ²Π΅Ρ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
|
formmethod | ΠΠ°Π΄Π°Π΅Ρ ΠΌΠ΅ΡΠΎΠ΄ HTTP, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
|
formnovalidate | Π£ΠΊΠ°Π·ΡΠ²Π°Π΅Ρ, ΡΡΠΎ ΡΠΎΡΠΌΠ° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° ΠΏΡΠΎΠ²Π΅ΡΡΡΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ. ΠΡΠΎ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ. ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ Π»ΠΈΠ±ΠΎ ΠΏΡΡΡΠΎΠΉ ΡΡΡΠΎΠΊΠΎΠΉ, Π»ΠΈΠ±ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΡΡΠ²ΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ ΠΊ ΡΠ΅Π³ΠΈΡΡΡΡ ASCII ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΠ΅ΠΌ ΠΊΠ°Π½ΠΎΠ½ΠΈΡΠ΅ΡΠΊΠΎΠΌΡ ΠΈΠΌΠ΅Π½ΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°, Π±Π΅Π· Π½Π°ΡΠ°Π»ΡΠ½ΡΡ
ΠΈΠ»ΠΈ ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ
ΠΏΡΠΎΠ±Π΅Π»ΠΎΠ² (Ρ.Π΅. Π»ΠΈΠ±ΠΎ ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
|
formtarget | ΠΠ°Π΄Π°Π΅Ρ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ° Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΠΌΠ΅ΡΡΠ° Π½Π°Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ Π² Π°ΡΡΠΈΠ±ΡΡΠ΅ action .ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
|
ΠΌΠ΅Π½Ρ | ΠΡΠ»ΠΈ Π°ΡΡΠΈΠ±ΡΡ ΡΠΈΠΏΠ° ΠΈΠΌΠ΅Π΅Ρ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΌΠ΅Π½Ρ , ΡΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ Π°ΡΡΠΈΠ±ΡΡ ΠΌΠ΅Π½Ρ , ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ ΠΌΠ΅Π½Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°. ΠΠ½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π² ΡΠΎΠΌ ΠΆΠ΅ Π΄ΠΎΠΌΠ°ΡΠ½Π΅ΠΌ ΠΏΠΎΠ΄Π΄Π΅ΡΠ΅Π²Π΅, ΡΠ΅ΠΉ Π°ΡΡΠΈΠ±ΡΡ ΡΠΈΠΏΠ° Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π³ΠΎ ΠΌΠ΅Π½Ρ. ΠΡΡΠΈΠ±ΡΡ |
ΠΈΠΌΡ | ΠΠ°Π·Π½Π°ΡΠ°Π΅Ρ ΠΈΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ. |
ΡΠΈΠΏ | ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠΈΠΏ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ:
|
Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ | ΠΡΠΈΡΠ²Π°ΠΈΠ²Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π½Π°ΡΠ°Π»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅. ΠΠ½ΠΎΠΏΠΊΠ° (ΠΈ Π΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅) Π²ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΎΡΠΏΡΠ°Π²ΠΊΡ ΡΠΎΡΠΌΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅, Π΅ΡΠ»ΠΈ ΡΠ°ΠΌΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»Π°ΡΡ Π΄Π»Ρ ΠΈΠ½ΠΈΡΠΈΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΡΠΎΡΠΌΡ. |
ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ
Π‘Π»Π΅Π΄ΡΡΡΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ ΡΠ²Π»ΡΡΡΡΡ ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠΌΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML. Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΈ Π°ΡΡΠΈΠ±ΡΡΡ Ρ ΡΠ΅Π³ΠΎΠΌ
, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎ Π²ΡΠ΅ΠΌΠΈ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ΅Π³Π°ΠΌΠΈ HTML.
-
ΠΊΠ»ΡΡ Π΄ΠΎΡΡΡΠΏΠ°
-
Π°Π²ΡΠΎΠΊΠ°ΠΏΠΈΡΠ°Π»ΠΈΠ·Π°ΡΠΈΡ
-
ΠΊΠ»Π°ΡΡ
-
ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ½ΡΠΉ
-
Π΄Π°Π½Π½ΡΠ΅- *
-
Π΄ΠΈΡΠ΅ΠΊΡΠΎΡ
-
ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΊΠΈΠ²Π°Π΅ΠΌΡΠΉ
-
ΡΠΊΡΡΡΠΎ
-
id
-
ΡΠ΅ΠΆΠΈΠΌ Π²Π²ΠΎΠ΄Π°
-
ΡΡΠΎ
-
ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΡΠΎΠ²Π°ΡΠ°
-
itemprop
-
itemref
-
ΠΏΠΎΠ·ΠΈΡΠΈΠΈ ΡΡΠ΅ΡΠ° Π΄Π΅ΠΉΡΡΠ²ΠΈΡ
-
ΡΠΈΠΏ ΠΏΠΎΠ·ΠΈΡΠΈΠΈ
-
ΡΠ·ΡΠΊ
-
ΡΠ°ΡΡΡ
-
ΡΠ»ΠΎΡ
-
ΠΏΡΠΎΠ²Π΅ΡΠΊΠ° ΠΎΡΡΠΎΠ³ΡΠ°ΡΠΈΠΈ
-
ΡΡΠΈΠ»Ρ
-
tabindex
-
ΡΠΈΡΡΠ»
-
ΠΏΠ΅ΡΠ΅Π²Π΅ΡΡΠΈ
ΠΠΎΠ»Π½ΠΎΠ΅ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΡΠΈΡ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠΌ. Π ΡΠ°Π·Π΄Π΅Π»Π΅ Β«ΠΠ»ΠΎΠ±Π°Π»ΡΠ½ΡΠ΅ Π°ΡΡΠΈΠ±ΡΡΡ HTML 5Β».
ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ ΡΠΎΠ±ΡΡΠΈΠΉ
ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ Π²ΡΠ·ΡΠ²Π°ΡΡ ΡΡΠ΅Π½Π°ΡΠΈΠΉ ΠΈΠ· HTML-ΠΊΠΎΠ΄Π°. Π‘ΡΠ΅Π½Π°ΡΠΈΠΉ Π²ΡΠ·ΡΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ Π½Π°ΡΡΡΠΏΠ»Π΅Π½ΠΈΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Β«ΡΠΎΠ±ΡΡΠΈΡΒ». ΠΠ°ΠΆΠ΄ΡΠΉ Π°ΡΡΠΈΠ±ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ Π΄Π΅Π»ΠΎ Ρ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΌ ΡΠΎΠ±ΡΡΠΈΠ΅ΠΌ.
-
onabort
-
onauxclick
-
onblur
-
ΠΎΡΠΌΠ΅Π½Π°
-
oncanplay
-
ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΎΠΉΡΠΈ ΡΠ΅ΡΠ΅Π·
-
ΠΎΠ±ΠΌΠ΅Π½
-
onclick
-
Π²ΠΊΠ».
-
ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ
-
ΠΊΠΎΠΏΠΈΡ
-
Π½Π° ΡΠΌΠ΅Π½Ρ
-
Π²ΡΠ΅Π·ΠΊΠ°
-
ondblclick
-
ΠΎΠ½Π΄ΡΠ°Π³
-
ΠΎΠ½Π΄ΡΠ°Π³Π΅Π½Π΄
-
ΠΎΠ½Π΄ΡΠ°Π³Π΅Π½ΡΠ΅Ρ
-
ΠΎΠ½Π΄ΡΠ°Π³ΡΠΊΡΠΈΡ
-
ondragleave
-
ΠΎΡ
-
ΠΎΠ½Π΄ΡΠ°Π³ΡΡΠ°ΡΡ
-
Π½Π° ΡΡΠΎΡΠΎΠ½Π΅
-
Π½Π° ΡΡΠΎΠΊ Π·Π°ΠΌΠ΅Π½Ρ
-
ΠΎΠ΄Π½ΠΎΡΠ°Π·ΠΎΠ²ΡΠΉ
-
Π·Π°Π²Π΅ΡΡΠ΅Π½ΠΎ
-
ΠΎΡΠΈΠ±ΠΊΠ°
-
onfocus
-
onformdata
-
Π½Π° Π²Ρ ΠΎΠ΄Π΅
-
Π½Π΅Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ
-
Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ
-
Π½Π°ΠΆΠ°ΡΠΈΠ΅ ΠΊΠ»Π°Π²ΠΈΡΠΈ
-
onkeyup
-
onlanguagechange
-
Π·Π°Π³ΡΡΠ·ΠΊΠ°
-
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ Π΄Π°Π½Π½ΡΠ΅
-
Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΡΠ΅ ΠΌΠ΅ΡΠ°Π΄Π°Π½Π½ΡΠ΅
-
onloadstart
-
onmousedown
-
onmouseenter
-
onmouseleave
-
onmousemove
-
onmouseout
-
Π½Π° ΠΌΡΡΠΊΠ΅ Π½Π°Π΄
-
onmouseup
-
ΠΏΠ°ΡΡΠ°
-
Π½Π° ΠΏΠ°ΡΠ·Ρ
-
Π² ΠΈΠ³ΡΠ΅
-
Π² Π΄Π΅ΠΉΡΡΠ²ΠΈΠΈ
-
Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅
-
ΠΎΠ±ΠΌΠ΅Π½
-
Π²ΠΎΠ·Π²ΡΠ°Ρ
-
ΡΠ°Π·ΠΌΠ΅Ρ
-
Π² ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅
-
Π½Π°ΡΡΡΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΠΈΡΠΈΠΊΠΈ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ
-
Π²ΠΎΡΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΎ
-
Π² ΠΏΠΎΠΈΡΠΊΠ΅
-
ΠΏΡΠΈ Π²ΡΠ±ΠΎΡΠ΅
-
Π½Π° ΡΠΌΠ΅Π½Ρ
-
ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½Π°Ρ
-
ΠΏΡΠΈ ΠΏΠΎΠ΄Π°ΡΠ΅
-
ΠΏΡΠΈΠΎΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ
-
ontimeupdate
-
ΡΡΡΠ°Π³
-
ΠΏΠΎ ΠΎΠ±ΡΠ΅ΠΌΡ ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅
-
ΠΎΠΆΠΈΠ΄Π°Π΅Ρ
-
Π½Π° ΠΊΠΎΠ»Π΅ΡΠ΅
ΠΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π°ΡΡΠΈΠ±ΡΡΠΎΠ² ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² HTML, Π½ΠΎ Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ² ΡΠΎΠ±ΡΡΠΈΠΉ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°, ΠΊΠ°ΡΠ°ΡΡΠΈΠ΅ΡΡ ΡΠΎΠ³ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈ ΠΊ ΠΊΠ°ΠΊΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌ ΠΎΠ½ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠΌΡ.
ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ ΡΠΌ. ΠΡΡΠΈΠ±ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΎΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ° ΡΠΎΠ±ΡΡΠΈΠΉ HTML.
ΠΠΎΠ½ΡΠ°ΠΊΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ CSS — ΡΡΠΎ Π±ΠΎΠ»ΡΡΠ΅, ΡΠ΅ΠΌ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π½ΠΎ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΡΠΈΠ»ΡΠ½ΠΎ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ° ΠΈ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅ ΠΊΠ»ΠΈΠ΅Π½ΡΠ° ΠΎ ΡΠΊΠΎΡΠΎΡΡΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°.
Π Zen Cart ΠΏΡΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠ΅ ΠΌΠ°Π³Π°Π·ΠΈΠ½Π° Ρ Π²Π°Ρ Π΅ΡΡΡ ΠΎΠΏΡΠΈΡ Π² ADMIN-> CONFIGURATION-> LAYOUT SETTINGS, ΡΡΠΎΠ±Ρ Π²ΡΠ±ΡΠ°ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ CSS.ΠΠ½ΠΎΠΏΠΊΠ° CSS — ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°, ΡΠΎΠ·Π΄Π°Π½Π½Π°Ρ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠ°Π²ΠΈΠ» Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ CSS Π²ΠΌΠ΅ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π° ΠΈ Π½Π΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠ°. ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠ½Ρ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΡΠ°ΠΉΡΠΎΠ² Zen Cart, Π½ΠΎ ΠΈ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ°ΠΉΡΠΎΠ² Π² ΡΠ΅Π»ΠΎΠΌ.
ΠΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ:
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΡΡΠ»ΠΊΠΈ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ:
ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°
- ΠΠ±ΡΡΠ½ΠΎ ΠΈΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ Π½Π°ΡΡΡΠΎΠΈΡΡ. ΠΠ°ΠΌ ΠΏΡΠΎΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΉ Π½Π°Π±ΠΎΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Zen Cart Π½ΠΎΠ²ΡΠΌ Π½Π°Π±ΠΎΡΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ include / languages ββ/ english / button_names.php Ρ Π»ΡΠ±ΡΠΌΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΠΌΠΈ ΠΈΠΌΠ΅Π½ΠΈ ΡΠ°ΠΉΠ»Π° (Ρ.Π΅. .gif ΡΠ΅ΠΏΠ΅ΡΡ .jpg).
- ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΡΡΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΎΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ°ΠΉΠ».
- ΠΡ ΠΎΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°ΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π΄Π»Ρ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ Π½ΡΠΆΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²Π²ΠΎΠ΄Π° ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°.
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ
- ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ·Π΄Π°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΎΡ ΡΠ°Π½ΠΈΡΡ ΡΡΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ΅ΡΠ²Π΅ΡΠ΅. ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
- ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠΊΠ·Π΅ΠΌΠΏΠ»ΡΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Π²Π°ΡΠ΅ΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅ ΠΊΠ»ΠΈΠ΅Π½Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΠ΄Π΅Ρ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ°. ΠΠ°ΠΆΠ΄ΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½ Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅ΡΠ²Π΅ΡΠ°, ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅Ρ Π²ΡΠ΅ΠΌΡ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
- ΠΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΠΉ, ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ ΡΠΎΠ±ΡΡΠΈΠ΅ onmouseover , ΡΠ»ΠΎΠΆΠ½ΠΎ ΠΈ ΡΠ°ΡΡΠΎ ΡΡΠ΅Π±ΡΠ΅Ρ JavaScript . ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ° ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π³ΡΡΠΆΠ°ΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
- ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²ΡΠ΅ ΡΠ²ΠΎΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΌΠ΅Π½ΠΈΡΡ Π²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
CSS-ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS (ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ JavaScript ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ IE6, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΏΡΠΈΠΊΡΠ΅ΠΏΠ»Π΅Π½ΠΈΠ΅ ΡΠΎΠ±ΡΡΠΈΡ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ ΠΊ ΡΠ΅ΠΌΡ-Π»ΠΈΠ±ΠΎ, ΠΊΡΠΎΠΌΠ΅ ΡΡΡΠ»ΠΊΠΈ):
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΡΡΠ»ΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ CSS:
ΠΠ°Π³ΡΡΠ·ΠΊΠΈ
ΠΡΠ΅ΠΈΠΌΡΡΠ΅ΡΡΠ²Π°
- Π€ΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ Π·Π°Π³ΡΡΠΆΠ΅Π½Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π·.
- Π‘ΡΠΈΠ»Ρ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΡΡΠΈΠ»Ρ Π΄ΡΡΠ³ΠΎΠΉ — ΡΡΠΎ ΠΏΡΠΎΡΡΠΎ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΊ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ id, ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ ΠΊΠ»Π°ΡΡΠ°.
- Hover ( onmouseover ) Π½Π΅ ΡΡΠ΅Π±ΡΡΡ JavaScript ΠΈ ΠΌΠΎΠ³ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
- ΠΠ½Π΅ΡΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΠΎ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°ΠΊ ΠΆΠ΅ ΠΏΡΠΎΡΡΠΎ, ΠΊΠ°ΠΊ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
Π‘ΠΎΠ±ΡΡΠΈΡ
ΠΠ΅Π΄ΠΎΡΡΠ°ΡΠΊΠΈ
- ΠΠ΅ΡΠ²ΠΎΠ½Π°ΡΠ°Π»ΡΠ½Π°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ° ΡΡΠ΅Π±ΡΠ΅Ρ, ΡΡΠΎΠ±Ρ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΡΠΎΠ·Π΄Π°Π» ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ ΠΊΠ»Π°ΡΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΡΠ΅Π±ΡΠ΅Ρ ΠΎΡΠ»ΠΈΡΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅ΡΡ ΠΎΡ Π΄ΡΡΠ³ΠΈΡ (Ρ. Π. ΠΡΡΠ³ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π°).
- Π Π°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π·Π°ΡΡΡΠ΄Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΌ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ.Π ΡΡΠ°ΡΡΡ Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΡΠ°ΠΊΠΈΡ ΠΊΠ°ΠΊ IE6 ΠΈ IE7, ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΠ»ΠΎΠΆΠ½ΠΎ, ΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±Π½Π°ΡΡΠΆΠΈΡΡ, ΡΡΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π΄Π»Ρ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠ°, Π»ΠΈΠ±ΠΎ ΠΏΠ΅ΡΠ΅ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΠ°ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅
ΠΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ ΡΠΊΠΎΡΠΎΡΡΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°, ΠΊΠ½ΠΎΠΏΠΊΠΈ CSS Π²Π°ΠΆΠ½Π΅Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π½Π°Π±ΠΎΡΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΠΌ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ ΠΌΠ΅Π½ΡΡΠ΅ Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΡΡ ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ². Π§Π°ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡΠ΄ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎ ΠΆΠ΅ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΠ΄Π½ΠΎ ΠΈ ΡΠΎ ΠΆΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ, ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ Π·Π°Π³ΡΡΠ·ΠΈΡΡ ΡΠΎΠ»ΡΠΊΠΎ 2 ΠΎΠ±ΡΠ΅ΠΊΡΠ°.ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ ΡΡΠΎ Π½Π΅ ΡΠ°ΠΊ, Π²Ρ Π²ΡΠ΅Π³Π΄Π° ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΏΡΠ°ΠΉΡ CSS, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π²ΡΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ Π²Π°ΡΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΠΎΠ΄ΠΈΠ½ Π·Π°Π³ΡΡΠΆΠ°Π΅ΠΌΡΠΉ ΠΎΠ±ΡΠ΅ΠΊΡ. ΠΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ Π²ΡΠ΅ Π²Π°ΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΡΠ΅Π»ΠΎΠΌ ΡΠ°ΠΊΠΆΠ΅ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ. Π‘Π°ΠΌΡΠΌ Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΏΡΠ΅ΠΏΡΡΡΡΠ²ΠΈΠ΅ΠΌ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ CSS ΡΠ²Π»ΡΡΡΡΡ Π½Π°Π²ΡΠΊΠΈ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΠ° ΠΈ ΠΈΡ Π·Π½Π°Π½ΠΈΠ΅ CSS. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΠΎΡΠ΅Π½Ρ Π·Π½Π°ΠΊΠΎΠΌΡ Ρ CSS, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π·Π°ΡΡΡΡΡΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΡΠ΅ ΠΎΠ΄Π½Π° ΡΡΡΠ΄Π½ΠΎΡΡΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° CSS Π²ΡΠ³Π»ΡΠ΄Π΅Π»Π° ΠΊΡΠ°ΡΠΈΠ²ΠΎ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π·Π½Π°ΡΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠ΅Π½ΡΡΡΡΡ ΠΎΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅.Π ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ.
ΠΡΠ°ΠΊ, Π²ΠΎΡ ΠΎΠ½ΠΎ. ΠΠ° ΠΌΠΎΠΉ Π²Π·Π³Π»ΡΠ΄, ΠΊΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ CSS ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π½ΠΎ Π΄Π»Ρ ΠΈΡ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΡΠ°Π±ΠΎΡΡ. Π‘Π°ΠΌΠΎΠ΅ Π·Π°ΠΌΠ΅ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠ΅ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΏΠΎΡΠ»Π΅ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ CSS-ΠΊΠ½ΠΎΠΏΠΊΠΈ Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ.
ΠΡΠ°Π²ΠΈΡΡΡ:
ΠΡΠ°Π²ΠΈΡΡΡ ΠΠ°Π³ΡΡΠ·ΠΊΠ° …
Π‘Π²ΡΠ·Π°Π½Π½ΡΠ΅
ΠΠ»Π°Π²Π°ΡΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ ΠΏΡΠΈ ΠΏΠΎΠΏΡΡΠ½ΠΎΠΌ Π²Π΅ΡΡΠ΅
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ»Π΅Π΄ΠΈΡΡ ΠΈ ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ Π½Π° https: // play.tailwindcss.com/
ΠΠ»Π΅ΠΌΠ΅Π½Ρ Π±Π°Π·ΠΎΠ²ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΠΎΠΏΡΡΡΠΈΠΌ, Ρ Π½Π°Ρ Π΅ΡΡΡ ΡΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
Π§ΡΠΎΠ±Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π»ΡΠ±ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ, Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΠΈΠΉΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΎΠ±Π΅ΡΠ½ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π²Π½ΡΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° div
, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΏΠΎΠ·ΠΈΡΠΈΡ
:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
ΠΠ°ΠΌ ΡΠ°ΠΊΠΆΠ΅ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ Π·Π°ΠΊΡΡΠ»ΠΎ ΠΎΠ±ΠΎΠ»ΠΎΡΠΊΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΏΠΎΠ»Π½ΡΡ ΡΠΈΡΠΈΠ½Ρ:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
ΠΠ½ΠΎΠΏΠΊΠ° Π½Π° Π²Π΅ΡΡ
Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΡΡΠ΅ ΠΊΠΎΠ΄Π° ΠΌΡ ΡΠΆΠ΅ ΠΌΠΎΠ³Π»ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΡΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Π²ΡΠΎΠ΄Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Ρ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎΠΉ ΠΏΠΎΠ·ΠΈΡΠΈΠ΅ΠΉ
:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
ΠΠΎ ΡΡΠΎΠ±Ρ ΠΎΠ½Π° ΠΏΠ΅ΡΠ΅ΠΊΡΡΠ²Π°Π»Π°ΡΡ Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΡ Π°Π±ΡΠΎΠ»ΡΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π²Π²Π΅ΡΡ
, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ top-0
:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
Π Π²ΠΎΡ, ΡΠ΅ΠΏΠ΅ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠ»ΠΈΠΏΠ°ΡΡ ΠΊ Π²Π΅ΡΡ Π½Π΅ΠΌΡ Π»Π΅Π²ΠΎΠΌΡ ΡΠ³Π»Ρ.ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠΌ ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΡΠΎΠ±Ρ ΠΎΠ½Π° Π²ΡΠ³Π»ΡΠ΄Π΅Π»Π° Π½Π΅ΠΎΠ±ΡΡΠ½ΠΎ:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
Π ΡΡΠΎΠ±Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠ»Π° ΠΎΡ ΠΊΡΠ°Ρ, ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΌΠ°ΡΠΆΡ:
ΠΠΎΠΉΡΠΈ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌΠΡΠΉΡΠΈ ΠΈΠ· ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΆΠΈΠΌΠ°
ΠΠ°ΠΊ Π½Π°ΠΆΠΈΠΌΠ°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π²Π½ΠΈΠ·Ρ Π²Π»Π΅Π²ΠΎ?
ΠΡ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π»Π΅Π³ΠΊΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ»Π°ΡΡ top-0
Π½Π° bottom-0
Π² ΠΊΠ½ΠΎΠΏΠΎΡΠ½ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅.
ΠΠ°ΠΊ ΠΏΠ΅ΡΠ΅ΠΌΠ΅ΡΡΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π²Π²Π΅ΡΡ
-Π²ΠΏΡΠ°Π²ΠΎ?
ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ top-0
ΠΈ right-0
Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ°ΠΊ Π²Π½ΠΈΠ·Ρ ΡΠΏΡΠ°Π²Π° ΠΊΠ½ΠΎΠΏΠΊΡ?
ΠΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ bottom-0
ΠΈ right-0
Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ°ΡΡΠ° Picture Elements — ΠΠΎΠΌΠ°ΡΠ½ΠΈΠΉ ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊ
ΠΠ°ΡΡΠΎΡΠΊΠ° Picture Elements — ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΌΡΡ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΡΡ ΡΠΈΠΏΠΎΠ² ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ.
ΠΠ°ΡΡΡ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡ Π·Π½Π°ΡΠΊΠΈ ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡ ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ»ΡΠΆΠ±Ρ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°Ρ.ΠΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅ ΠΏΠ»Π°Π½ ΡΡΠ°ΠΆΠ°, ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ-Π²Π·Π³Π»ΡΠ΄ Π±Π΅Π· ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠΉ!
Π€ΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ ΠΏΠ»Π°Π½ ΡΡΠ°ΠΆΠ°, ΠΎΡΠ½ΠΎΠ²Π°Π½Π½ΡΠΉ Π½Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
URL-Π°Π΄ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
Π§ΡΠΎΠ±Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ°Π·, ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½Π½ΡΠΉ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎ, ΡΠΌ. Π₯ΠΎΡΡΠΈΠ½Π³.
camera_image ΡΡΡΠΎΠΊΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
Π‘ΡΡΠΎΠΊΠ° camera_view (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: Π°Π²ΡΠΎ)
Β«liveΒ» ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ Π²ΠΈΠ΄ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π΅ΡΠ»ΠΈ ΠΏΠΎΡΠΎΠΊ
Π²ΠΊΠ»ΡΡΠ΅Π½.
ΠΊΠ°ΡΡΠ° state_filter (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠ°ΠΌΠ΅Π½ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ ΡΠ΅ΠΌΡ Π΄Π»Ρ ΡΡΠΎΠΉ ΠΊΠ°ΡΡΡ Π»ΡΠ±ΠΎΠΉ Π·Π°Π³ΡΡΠΆΠ΅Π½Π½ΠΎΠΉ ΡΠ΅ΠΌΠΎΠΉ.ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΎ ΡΠ΅ΠΌΠ°Ρ ΡΠΌ. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΠΏΠΎ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ.
dark_mode_image ΡΡΡΠΎΠΊΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΡΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½ ΡΠ΅ΠΌΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ ΠΈ Π½Π΅ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.
dark_mode_filter ΡΡΡΠΎΠΊΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΡΠΎΡ ΡΠΈΠ»ΡΡΡ CSS ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ, ΠΊΠΎΠ³Π΄Π° Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°Π½ ΡΠ΅ΠΌΠ½ΡΠΉ ΡΠ΅ΠΆΠΈΠΌ.
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ — ΡΡΠΎ Π°ΠΊΡΠΈΠ²Π½ΡΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ (Π·Π½Π°ΡΠΊΠΈ, Π·Π½Π°ΡΠΊΠΈ, ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠ΅ΠΊΡΡ ΠΈ Ρ. Π.), ΠΠΎΡΠΎΡΡΠ΅ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
ΠΠ° ΠΊΠ°ΡΡΠΎΡΠΊΡ Β«ΠΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΒ» ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠΈΠΏΠΎΠ² ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²:
ΠΠΎΡΡΠ΄Π°ΡΡΡΠ²Π΅Π½Π½ΡΠΉ Π·Π½Π°ΠΊ
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΠ·Π΄Π°Π΅Ρ Π·Π½Π°ΡΠΎΠΊ, ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΡΡΠΈΠΉ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΠΊ Π³ΠΎΡΡΠ΄Π°ΡΡΡΠ²Π΅Π½Π½ΠΎΠΌΡ Π·Π½Π°ΡΠΊΡ. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ.
ΠΊΠ°ΡΡΠ° tap_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° hold_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
double_tap_action map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠΎΡΡΠ΄Π°ΡΡΡΠ²Π΅Π½Π½Π°Ρ ΠΈΠΊΠΎΠ½Π°
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π·Π½Π°ΡΠΊΠ°.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π·Π½Π°ΡΠΊΠ°. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ.
state_color Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΉ (ΠΠ΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: true)
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ true
, ΡΡΠΎΠ±Ρ Π·Π½Π°ΡΠΊΠΈ ΠΎΠΊΡΠ°ΡΠΈΠ²Π°Π»ΠΈΡΡ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡΠ΅ΠΊΡ Π°ΠΊΡΠΈΠ²Π΅Π½.
ΠΊΠ°ΡΡΠ° tap_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° hold_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
double_tap_action map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠΎΡΡΠ΄Π°ΡΡΡΠ²Π΅Π½Π½Π°Ρ ΡΡΠΈΠΊΠ΅ΡΠΊΠ°
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²ΠΎΠΌ ΡΠ΅ΠΊΡΡΠ°.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΡΡΡΠΎΠΊΠ° Π°ΡΡΠΈΠ±ΡΡΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΡΠ»ΠΈ ΠΏΡΠΈΡΡΡΡΡΠ²ΡΠ΅Ρ, Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·Π°Π½ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ Π°ΡΡΠΈΠ±ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
Π’Π΅ΠΊΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΡΡΠ»ΡΠΊΠ°. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ.
ΠΊΠ°ΡΡΠ° tap_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° hold_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
double_tap_action map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠ½ΠΎΠΏΠΊΠ° Π²ΡΠ·ΠΎΠ²Π° ΡΠ»ΡΠΆΠ±Ρ
ΠΡΠΎΡ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ (Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ), ΠΊΠΎΡΠΎΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π»Ρ Π²ΡΠ·ΠΎΠ²Π° ΡΠ»ΡΠΆΠ±Ρ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
service_data map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠ½Π°ΡΠΎΠΊ ΠΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΡΠΎΠ·Π΄Π°Π΅Ρ ΡΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ Π·Π½Π°ΡΠΎΠΊ, Π½Π΅ ΡΠ²ΡΠ·Π°Π½Π½ΡΠΉ Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΠΠ½Π°ΡΠΎΠΊ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, mdi: home
).
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° Π·Π½Π°ΡΠΊΠ°. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ.
ΠΠ±ΡΠ΅ΠΊΡ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π΄Π»Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ / ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ.
ΠΊΠ°ΡΡΠ° tap_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° hold_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
double_tap_action map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
Π‘ΠΎΠ·Π΄Π°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅ΡΡΡ Π½Π° ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
Π‘ΡΡΠ½ΠΎΡΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΠ°Ρ Π΄Π»Ρ state_image
ΠΈ state_filter
, Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠ΅Π»Ρ Π΄Π»Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ.
ΠΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ° ΠΊ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ null, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ.
ΠΊΠ°ΡΡΠ° tap_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° hold_action (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
double_tap_action map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
camera_image ΡΡΡΠΎΠΊΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
Π‘ΡΡΠΎΠΊΠ° camera_view (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: Π°Π²ΡΠΎ)
Β«liveΒ» ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ Π²ΠΈΠ΄ Π² ΡΠ΅Π°Π»ΡΠ½ΠΎΠΌ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ, Π΅ΡΠ»ΠΈ ΠΏΠΎΡΠΎΠΊ
Π²ΠΊΠ»ΡΡΠ΅Π½.
state_image map (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΠΊΠ°ΡΡΠ° state_filter (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
ΡΡΡΠΎΠΊΠ° aspect_ratio (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ, ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ: 50%)
Π£ΡΠ»ΠΎΠ²Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
ΠΠΎΠ΄ΠΎΠ±Π½ΠΎ ΡΡΠ»ΠΎΠ²Π½ΠΎΠΉ ΠΊΠ°ΡΡΠΎΡΠΊΠ΅, ΡΡΠΎΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΅Π³ΠΎ ΠΏΠΎΠ΄ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΡΡΡΠ½ΠΎΡΡΠ΅ΠΉ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
Π‘ΠΏΠΈΡΠΎΠΊ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ² ΠΎΠ±ΡΠ΅ΠΊΡΠΎΠ² ΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ.
Π‘ΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° ΡΠ°Π²Π½ΠΎ ΡΡΠΎΠΌΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. *
state_not ΡΡΡΠΎΠΊΠ° (Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ)
Π‘ΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΎΠ±ΡΠ΅ΠΊΡΠ° Π½Π΅ ΡΠ°Π²Π½ΠΎ ΡΡΠΎΠΌΡ Π·Π½Π°ΡΠ΅Π½ΠΈΡ. *
ΠΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΈΠΏΠ°, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΡ , ΠΊΠΎΠ³Π΄Π° Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ ΡΡΠ»ΠΎΠ²ΠΈΡ. Π‘ΠΌ. ΠΡΠΈΠΌΠ΅Ρ Π½ΠΈΠΆΠ΅.
ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ
ΠΡΠΎΡΠ΅ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΡΡΡΠ»ΠΊΠΈ Π½Π° Π½ΠΈΡ
ΡΠ°ΠΊΠΎΠΉ ΠΆΠ΅, ΠΊΠ°ΠΊ ΠΈ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΡ
ΠΊΠ°ΡΡΠΎΡΠ΅ΠΊ.
Π‘ΠΌ. ΠΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°
Π·Π° Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΠΠΌΡ ΠΊΠ°ΡΡΡ Ρ ΠΏΡΠ΅ΡΠΈΠΊΡΠΎΠΌ custom:
(Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, custom: my-custom-card
).
ΠΠ°ΡΠΈΠ°Π½ΡΡ ΠΈΡΠΊΠ»ΡΡΠ΅Π½ΠΈΠΉ
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΊΠΎΠ½ΡΠΈΠ³ΡΡΠ°ΡΠΈΠΈ
ΠΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ΅Ρ Π²ΠΈΠ΄Π΅ΡΡ Π²ΠΊΠ»Π°Π΄ΠΊΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΡ ΠΊ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΡΠ΅ΠΊΡ ΡΡΠΈΠ»Ρ
Π Π°Π·ΠΌΠ΅ΡΠ°ΠΉΡΠ΅ ΠΈ ΡΡΠΈΠ»ΠΈΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS. Π’Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ / Π΄ΡΡΠ³ΠΈΠ΅ ΠΊΠ»ΡΡΠΈ.
ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΡΡΠΎ ΡΡΠΈΠ»Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²ΠΊΠ»ΡΡΠ°Π΅Ρ translate (-50%, -50%), ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π½ΡΠ΅ Π²Π°ΠΌΠΈ ΠΊΠΎΠΎΡΠ΄ΠΈΠ½Π°ΡΡ Π±ΡΠ΄ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΡΠ΅Π½ΡΡΠ° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°.
ΡΡΠΈΠ»Ρ:
# ΠΠΎΠ·ΠΈΡΠΈΠΎΠ½ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
ΠΎΡΡΠ°Π»ΠΎΡΡ: 50%
Π²Π΅ΡΡ
: 50%
# ΠΠ΅ΡΠ΅Π·Π°ΠΏΠΈΡΠ°ΡΡ ΡΠ²Π΅Ρ Π·Π½Π°ΡΠΊΠΎΠ²
"- paper-item-icon-color": ΡΠΎΠ·ΠΎΠ²ΡΠΉ
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ state_image
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ Π΄ΡΡΠ³ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΎΠ±ΡΠ΅ΠΊΡΠ°.
state_image:
"on": /local/living_room_on.jpg
"Π²ΡΠΊΠ»": /local/living_room_off.jpg
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ state_filter
Π£ΠΊΠ°ΠΆΠΈΡΠ΅ ΡΠ°Π·Π½ΡΠ΅ ΡΠΈΠ»ΡΡΡΡ CSS
state_filter:
"on": ΡΡΠΊΠΎΡΡΡ (110%) Π½Π°ΡΡΡΠ΅Π½Π½Π°Ρ (1.2)
Β«Π²ΡΠΊΠ».Β»: ΡΡΠΊΠΎΡΡΡ (50%), ΠΏΠΎΠ²ΠΎΡΠΎΡ ΠΎΡΡΠ΅Π½ΠΊΠ° (45 Π³ΡΠ°Π΄ΡΡΠΎΠ²)
ΠΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°ΠΉΡΠ΅
ΠΡΠ»ΠΈ ΡΠΊΠ°Π·Π°Π½Π° ΠΎΠΏΡΠΈΡ hold_action
, ΡΡΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΎ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ±ΡΠ΅ΠΊΡ Π±ΡΠ΄Π΅Ρ Π½Π°ΠΆΠ°Ρ ΠΈ ΡΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΏΠΎΠ»ΡΠ΅ΠΊΡΠ½Π΄Ρ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅.
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ
hold_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: call-service
ΡΠ΅ΡΠ²ΠΈΡ: light.turn_on
service_data:
entity_id: light.bed_light
ΡΡΠΊΠΎΡΡΡ_pct: 100
ΠΡΠΈΠΌΠ΅ΡΡ
ΠΡΠΈΠΌΠ΅Ρ Π·Π½Π°ΡΠΊΠΎΠ², Π½Π°Π΄ΠΏΠΈΡΠ΅ΠΉ ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΡΠΈΠΏ: ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: / local / floorplan.PNG
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ:
- ΡΠΈΠΏ: ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅-Π·Π½Π°ΡΠΎΠΊ
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ
entity: light.ceiling_lights
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 47%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 42%
- ΡΠΈΠΏ: ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅-Π·Π½Π°ΡΠΎΠΊ
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ
ΠΎΠ±ΡΠ΅ΠΊΡ: light.kitchen_lights
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 30%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 15%
- ΡΠΈΠΏ: Π³ΠΎΡ. Π»Π΅ΠΉΠ±Π»
ΡΡΡΠ½ΠΎΡΡΡ: sensor.outside_temperature
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 82%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 79%
- ΡΠΈΠΏ: Π³ΠΎΡ. Π»Π΅ΠΉΠ±Π»
ΡΡΡΠ½ΠΎΡΡΡ: clim.kitchen
Π°ΡΡΠΈΠ±ΡΡ: ΡΠ΅ΠΊΡΡΠ°Ρ_ΡΠ΅ΠΌΠΏΠ΅ΡΠ°ΡΡΡΠ°
ΡΡΡΡΠΈΠΊΡ: «° CΒ»
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 33%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 15%
- ΡΠΈΠΏ: ΡΠ΅ΡΠ²ΠΈΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°
title: ΠΡΠΊΠ»ΡΡΠΈ ΡΠ²Π΅Ρ
ΡΡΠΈΠ»Ρ:
Π²Π΅ΡΡ
: 95%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 60%
ΡΡΠ»ΡΠ³Π°: ΠΏΠΎΠΌΠΎΡΠ½ΠΈΠΊ ΠΏΠΎ Π΄ΠΎΠΌΡ.Π²ΡΠΊΠ»ΡΡΠΈΡΡ
service_data:
entity_id: group.all_lights
- ΡΠΈΠΏ: Π·Π½Π°ΡΠΎΠΊ
Π·Π½Π°ΡΠΎΠΊ: mdi: home
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΉΡΠΈ
Π½Π°Π²ΠΈΠ³Π°ΡΠΈΠΎΠ½Π½ΡΠΉ_ΠΏΡΡΡ: / lovelace / 0
ΡΡΠΈΠ»Ρ:
Π’ΠΎΠΏ 10%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 10%
ΠΡΠΈΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ
ΡΠΈΠΏ: ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: /local/floorplan.png
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ:
# state_image & state_filter - ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ
- ΡΠΈΠΏ: ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
entity: light.living_room
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: /local/living_room.png
state_image:
"Π²ΡΠΊΠ»": / local / living_room_off.PNG
ΡΠΈΠ»ΡΡΡ: Π½Π°ΡΡΡΠ΅Π½Π½ΡΠΉ (0,8)
state_filter:
"on": ΡΡΠΊΠΎΡΡΡ (120%) Π½Π°ΡΡΡΠ΅Π½Π½Π°Ρ (1,2)
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 25%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 75%
ΡΠΈΡΠΈΠ½Π°: 15%
# ΠΠ°ΠΌΠ΅ΡΠ°, ΠΊΡΠ°ΡΠ½Π°Ρ ΡΠ°ΠΌΠΊΠ°, ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊ Ρ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΌΠΈ ΡΠ³Π»Π°ΠΌΠΈ - ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ
- ΡΠΈΠΏ: ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΎΠ±ΡΠ΅ΠΊΡ: camera.driveway_camera
camera_image: camera.driveway_camera
ΡΡΠΈΠ»Ρ:
Π’ΠΎΠΏ-5%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 10%
ΡΠΈΡΠΈΠ½Π°: 10%
Π³ΡΠ°Π½ΠΈΡΠ°: 2 ΠΏΠΈΠΊΡΠ΅Π»Ρ ΡΠΏΠ»ΠΎΡΠ½ΠΎΠΉ ΠΊΡΠ°ΡΠ½ΡΠΉ
ΡΠ°Π΄ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ: 10%
# ΠΠ΄Π½ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, state_filter - Π²ΡΠ·ΠΎΠ² ΡΠ»ΡΠΆΠ±Ρ ΠΏΠΎ ΠΊΠ»ΠΈΠΊΡ
- ΡΠΈΠΏ: ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΡΡΡΠ½ΠΎΡΡΡ: media_player.Π³ΠΎΡΡΠΈΠ½Π°Ρ
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: call-service
ΡΠ΅ΡΠ²ΠΈΡ: media_player.media_play_pause
service_data:
entity_id: media_player.living_room
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: /local/television.jpg
ΡΠΈΠ»ΡΡΡ: ΡΡΠΊΠΎΡΡΡ (5%)
state_filter:
ΠΈΠ³ΡΠ°Π΅Ρ: ΡΡΠΊΠΎΡΡΡ (100%)
ΡΡΠΈΠ»Ρ:
Π²Π΅ΡΡ
: 40%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 75%
ΡΠΈΡΠΈΠ½Π°: 5%
Π£ΡΠ»ΠΎΠ²Π½ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ
ΡΠΈΠΏ: ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: /local/House.png
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ:
# ΡΡΠ»ΠΎΠ²Π½ΠΎ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΡΠ»ΡΠΊ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΡΠΊΠ»ΡΡΠ΅Π½ΠΈΡ Π’Π, ΠΊΠΎΠ³Π΄Π° ΠΏΠ°ΠΏΡ Π½Π΅Ρ Π΄ΠΎΠΌΠ°, Π° Π΄ΠΎΡΡ Π΄ΠΎΠΌΠ°
- ΡΠΈΠΏ: ΡΡΠ»ΠΎΠ²Π½ΡΠΉ
ΡΡΠ»ΠΎΠ²ΠΈΡ:
- ΡΡΡΠ½ΠΎΡΡΡ: Π΄Π°ΡΡΠΈΠΊ.ΠΏΡΠΈΡΡΡΡΡΠ²ΠΈΠ΅_Π΄ΠΎΡΡ
ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅: "Π΄ΠΎΠΌ"
- ΠΎΠ±ΡΠ΅ΠΊΡ: sensor.presence_dad
ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅: "not_home"
ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ:
- ΡΠΈΠΏ: ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅-Π·Π½Π°ΡΠΎΠΊ
ΠΎΠ±ΡΠ΅ΠΊΡ: switch.tv
tap_action:
Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅: ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ
ΡΡΠΈΠ»Ρ:
Π½Π°Π²Π΅ΡΡ
Ρ: 47%
ΠΎΡΡΠ°Π»ΠΎΡΡ: 42%
ΠΠΎΠΌΠΎΠ³ΠΈΡΠ΅ Π½Π°ΠΌ ΡΠ»ΡΡΡΠΈΡΡ Π½Π°ΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΡΠΈΡ
ΠΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ ΠΈΠ»ΠΈ ΠΎΡΡΠ°Π²ΡΡΠ΅ / ΠΏΡΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΎΡΠ·ΡΠ² ΠΎΠ± ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π±Π»ΠΎΠΊΠΈ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠ»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎΠ·Π΄Π°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ Π² Π²Π°ΡΠ΅ΠΌ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠΈ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠΉ ΠΏΠΎΡΡΡ ΠΈΠ»ΠΈ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΊΠΎΡΠΎΡΠ°Ρ ΡΡΡΠ»Π°Π΅ΡΡΡ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡ ΠΈΠ»ΠΈ ΡΠ°ΠΉΠ» Π΄Π»Ρ Π·Π°Π³ΡΡΠ·ΠΊΠΈ.ΠΠ½ΠΎΠΏΠΊΠΈ — ΠΎΡΠ»ΠΈΡΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± Π²ΡΠ·Π²Π°ΡΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΡΡΡΠ»ΠΊΡ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΉ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π»ΡΠ΄ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Π»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΎΡΠ²Π΅ΡΠΈΡΡ Π½Π° ΠΌΠ΅ΡΠΎΠΏΡΠΈΡΡΠΈΠ΅ ΠΈΠ»ΠΈ ΠΏΠΎΡΠ΅ΡΠΈΡΡ Π²Π°Ρ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°Π³Π°Π·ΠΈΠ½.
ΠΠΊΠ»ΡΡΠΈΡΠ΅ ΡΡΠΎΠ»ΡΠΊΠΎ Π±Π»ΠΎΠΊΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ. ΠΠ»ΠΎΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΊΠ»Π°Π΄ΡΠ²Π°ΡΡΡΡ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π° ΠΈ Π½Π΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π²ΡΡΠΎΠ²Π½Π΅Π½Ρ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ, Π΅ΡΠ»ΠΈ Π²Ρ Π½Π΅ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΠ΅ Π΄Π²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΡΠ΄ΠΎΠΌ Π² ΡΠ°Π±Π»ΠΎΠ½Π΅ Ρ Π΄Π²ΡΠΌΡ ΡΡΠΎΠ»Π±ΡΠ°ΠΌΠΈ. ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, Π·Π°Π³ΡΡΠ·ΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Π²Π°ΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Π²ΠΈΠ΄Π΅ ΡΠ°ΠΉΠ»ΠΎΠ² ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ²ΡΠΆΠΈΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ URL-Π°Π΄ΡΠ΅ΡΠ°ΠΌΠΈ.
ΠΠ· ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Button Π² ΡΠ²ΠΎΠΉ ΠΌΠ°ΠΊΠ΅Ρ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π΅Π³ΠΎ ΡΡΠΈΠ»Ρ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ.
ΠΡΡΠ°Π²ΡΡΠ΅ Π±Π»ΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ
Π§ΡΠΎΠ±Ρ Π²ΡΡΠ°Π²ΠΈΡΡ Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Button, Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
- Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ ΠΈ ΠΏΠ΅ΡΠ΅ΡΠ°ΡΠΈΡΠ΅ Π±Π»ΠΎΠΊ Button Π² ΠΌΠ°ΠΊΠ΅Ρ.
- ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Content Π² ΠΎΠ±Π»Π°ΡΡΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²Π²Π΅Π΄ΠΈΡΠ΅ ΡΠ΅ΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π½Π° Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅, Π² ΠΏΠΎΠ»Π΅ Button text .
- Π ΡΠ°ΡΠΊΡΡΠ²Π°ΡΡΠ΅ΠΌΡΡ ΠΌΠ΅Π½Ρ Π‘ΡΡΠ»ΠΊΠ° Π½Π°: Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠΈΠΏ ΡΡΡΠ»ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ, ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ.
- ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ , ΡΡΠΎΠ±Ρ Π·Π°Π΄Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΡΠΈΠ»Ρ ΠΈ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π΄Π»Ρ Π²Π°ΡΠΈΡ ΡΡΡΠ»ΠΎΠΊ. ΠΠΎΠ±Π°Π²ΡΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° , ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ CSS Class ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΡΡΠ»ΠΊΡ Π½Π° ΠΡΠΊΡΡΡΡ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ .
- ΠΠ½Π΅ΡΠΈΡΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π² ΡΡΠΈΠ»Ρ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ.
- ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈ Π·Π°ΠΊΡΡΡΡ .
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ
Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΈ Π½Π°ΡΡΡΠΎΠΉΠΊΠΈ Π±Π»ΠΎΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
- Π ΠΌΠ°ΠΊΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΠΈΡΠ΅ Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Button , ΠΊΠΎΡΠΎΡΡΠΉ Π½ΡΠΆΠ½ΠΎ ΠΎΡΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ.
- ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Π‘ΡΠΈΠ»Ρ Π·Π°Π΄Π°ΠΉΡΠ΅ ΡΡΠΈΠ»ΠΈ Π΄Π»Ρ Π³ΡΠ°Π½ΠΈΡΡ, ΡΠ³Π»ΠΎΠ² ΠΈ ΡΠΎΠ½Π° Π² ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘ΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ .
Π ΡΠ°Π·Π΄Π΅Π»Π΅ Π‘ΡΠΈΠ»Ρ ΡΠ΅ΠΊΡΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΡΡΠΈΡΡ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΠΎΠ»ΡΠΈΠ½Ρ ΡΡΠΈΡΡΠ°, ΠΌΠ΅ΠΆΠ±ΡΠΊΠ²Π΅Π½Π½ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π» ΠΈ ΠΎΡΡΡΡΠΏ Π²ΠΎΠΊΡΡΠ³ ΡΠ΅ΠΊΡΡΠ°. ΠΡΠ±Π΅ΡΠΈΡΠ΅ ΠΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΊΠΎ Π²ΡΠ΅ΠΌ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΌ Π±Π»ΠΎΠΊΠ°ΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ , ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΡΡΠΈ ΡΡΠΈΠ»ΠΈ ΠΊΠΎ Π²ΡΠ΅ΠΌ Π±Π»ΠΎΠΊΠ°ΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² Π²Π°ΡΠ΅ΠΌ ΠΌΠ°ΠΊΠ΅ΡΠ΅.
- ΠΠ° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ ΠΠ°ΡΡΡΠΎΠΉΠΊΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΈ ΡΠΈΡΠΈΠ½Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
- ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈ Π·Π°ΠΊΡΡΡΡ .
ΠΠΊΠ»ΡΡΠΈΡΡ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
ΠΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΏΠΈΡΡΠΌΠ° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡ Π»ΡΠ±ΠΎΠΉ Π±Π»ΠΎΠΊ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π² Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΠΏΠΎΠ»ΡΡΠ°ΡΠ΅Π»Π΅ΠΉ. ΠΡΠΎ ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ°ΡΠ³Π΅ΡΠΈΠ½Π³ Π½Π° ΡΠ°Π·Π½ΡΠ΅ ΡΠΈΠΏΡ ΠΊΠΎΠ½ΡΠ°ΠΊΡΠΎΠ² ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΠΎΠ³ΠΎ ΠΏΠΈΡΡΠΌΠ°.
Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΎ Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌ ΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π²ΠΊΠ»ΡΡΠΈΡΡ Π΅Π³ΠΎ Π² Π±Π»ΠΎΠΊΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ, ΠΎΠ·Π½Π°ΠΊΠΎΠΌΡΡΠ΅ΡΡ Ρ ΡΠ°Π·Π΄Π΅Π»ΠΎΠΌ Β«Π Π΄ΠΈΠ½Π°ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠΌΒ».
ΠΡΠΈΠ·ΡΠ°ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠΎΠ½ΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ
ΠΡΠΎ ΠΌΠΎΠΉ Π²ΡΠΎΡΠΎΠΉ ΠΏΠΎΡΡ Π² ΡΠ΅ΡΠΈΠΈ Β«ΠΡΠΈΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈΒ», Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΠΈ ΠΏΡΠΈΠ·ΡΠ°ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΠΎΠ²Π΅ΡΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ.
Π ΠΏΠ»ΠΎΡΠΊΠΎΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ-ΠΏΡΠΈΠ·ΡΠ°ΠΊΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°ΡΡΡΡ ΠΏΠΎΠ²Π΅ΡΡ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈΠ»ΠΈ Π²ΠΈΠ΄Π΅ΠΎΠ·Π°ΠΏΠΈΡΠΈ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° Π²Π΅Π±-ΡΠ°ΠΉΡ Nokia Transitions, Π½Π° ΠΊΠΎΡΠΎΡΠΎΠΌ ΡΡΠ΄ΠΎΠΌ Ρ Π²Π²ΠΎΠ΄Π½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΠΏΡΠΈΠ·ΡΠ°ΠΊ Π½Π°Π΄ ΠΆΠΈΠ²ΠΎΠΏΠΈΡΠ½ΡΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΠΌΠΎΡΡΠΊΠΈΠΌΠΈ Π²ΠΎΠ»Π½Π°ΠΌΠΈ.
Π ΡΡΠΎΠΌ ΠΏΠΎΡΡΠ΅ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π½ΠΈΠΌΠ°Π»ΠΎ Π²Π΅ΡΡ ΡΠΎΠ½, Π° Π·Π°ΡΠ΅ΠΌ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ Π½Π° Π½Π΅Π³ΠΎ ΠΊΠ½ΠΎΠΏΠΊΡ-ΠΏΡΠΈΠ·ΡΠ°ΠΊ.
ΠΠ±Π»ΠΎΠΆΠΊΠ° ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΠΏΠΎΠΊΡΡΡΠΈΡ Π²ΡΠ΅Π³ΠΎ ΡΠΎΠ½Π° ΡΠ°ΠΉΡΠ° Π½Π°ΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π΅Π³ΠΎ Π² ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ background ΡΠ΅Π³Π° body, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ΅ CSS.ΠΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Β«ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅Π½ΡΡΠ° ΡΠ΅Π½ΡΡΠ° Π±Π΅Π· ΠΏΠΎΠ²ΡΠΎΡΠ°Β» Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠΎΠ½ΠΎΠ²ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΡΠ΅Π±ΡΠ΅Ρ, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ»ΠΎ ΡΠ΅Π½ΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ ΠΏΠΎ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΠΈ ΠΈ Π²Π΅ΡΡΠΈΠΊΠ°Π»ΠΈ, Π½Π΅ ΠΏΠΎΠ²ΡΠΎΡΡΠ»ΠΎΡΡ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎ ΠΈ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π»ΠΎΡΡ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΠΌΠ΅ΡΡΠ΅ ΠΏΡΠΈ ΠΏΡΠΎΠΊΡΡΡΠΊΠ΅. Π’Π°ΠΊΠΆΠ΅ ΠΎΠ±ΡΠ°ΡΠΈΡΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Β«background-size: coverΒ», ΠΊΠΎΡΠΎΡΠΎΠ΅ ΠΏΡΠΎΡΠΈΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΌΠ°ΡΡΡΠ°Π±ΠΈΡΠΎΠ²Π°ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΠΊ ΠΌΠΎΠΆΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΡΡΡΡ Π²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°.
body { ΡΠΎΠ½: url (https://superdevresources.com/wp-content/uploads/2014/11/blurred1.jpg) ΠΈΡΠΏΡΠ°Π²Π»Π΅Π½ ΡΠ΅Π½ΡΡ Π±Π΅Π· ΠΏΠΎΠ²ΡΠΎΡΠ°; -webkit-background-size: ΠΎΠ±Π»ΠΎΠΆΠΊΠ°; -moz-background-size: ΠΎΠ±Π»ΠΎΠΆΠΊΠ°; -o-background-size: ΠΎΠ±Π»ΠΎΠΆΠΊΠ°; ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΠ½Π°: ΠΎΠ±Π»ΠΎΠΆΠΊΠ°; }
ΠΡΠΈΠ·ΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ
ΠΡ Π±ΡΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΡ ΠΆΠ΅ CSS-ΠΊΠΎΠ΄ ΠΏΡΠΈΠ·ΡΠ°ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ ΡΠΎΠ·Π΄Π°Π»ΠΈ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΠΎΡΡΠ΅, Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠΌΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡΠΌΠΈ, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π½ΠΈΠΆΠ΅:
- ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ-ΠΏΡΠΈΠ·ΡΠ°ΠΊ Π½Π°Π΄ ΡΠΎΠ½ΠΎΠ²ΡΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΌΡ ΡΠ΄Π΅Π»Π°Π΅ΠΌ ΡΠ²Π΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π±Π΅Π»ΡΠΌ (#fff)
- ΠΡ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠ΅ ΠΊΡΠ°Ρ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π·Π°Π΄Π°Π² ΡΠ°Π΄ΠΈΡΡ Π³ΡΠ°Π½ΠΈΡΡ, ΡΡΠΎΠ±Ρ ΠΊΡΠ°Ρ Π±ΡΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΌΡΠ³ΠΊΠΈΠΌΠΈ.
- ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, ΠΌΡ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ ΠΌΡΠ³ΠΊΠΈΠΉ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ ΡΠ²Π΅ΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°, ΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌ ΠΏΠΎΡΡΠ΅.
- ΠΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΠΏΡΠΈΠ·ΡΠ°ΠΊ Π±ΡΠ΄Π΅Ρ Π·Π°ΠΏΠΎΠ»Π½Π΅Π½Π° ΠΏΠΎΠ»ΡΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌ ΡΠ²Π΅ΡΠ½ΡΠΌ ΡΠΎΠ½ΠΎΠΌ.
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ ΠΊΠΎΠ΄ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠΌ Ρ ΠΏΡΠΈΠ·ΡΠ°ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ, ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΠΎΠΉ Π½Π° ΡΠ°Π·ΠΌΡΡΠΎΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ, Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΊΠΎΠ΄ΠΎΠ²ΠΎΠΌ ΠΏΠ΅ΡΠΎ. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ ΡΠΎΠ½ΠΎΠ²ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°Ρ Π² ΠΏΠΎΠ»Π½ΠΎΡΠΊΡΠ°Π½Π½ΠΎΠΌ ΡΠ΅ΠΆΠΈΠΌΠ΅.
Π‘ΠΌ. ΠΠ½ΠΎΠΏΠΊΠΈ-ΠΏΡΠΈΠ·ΡΠ°ΠΊΠΈ ΠΏΠ΅ΡΠ° Π½Π° ΡΠΎΠ½ΠΎΠ²ΠΎΠΌ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΈ, Π°Π²ΡΠΎΡ — ΠΠ°Π½ΠΈΡΠΊ ΠΡΠ½Π°Π» Π½Π° CodePen.0
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΠ΅ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠ΅Π½ΠΈΡ RSS-ΠΊΠ°Π½Π°Π»ΠΎΠ² ΠΈΠ»ΠΈ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΠΏΡΠΈΡΠΈΠ½Π΅ Π²ΡΡΠ°Π²ΠΊΠ° Π²ΡΡΠ΅ Π½Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Pen Live Π½Π° CodePen
.
Π Π½Π°ΡΠΈ Π΄Π½ΠΈ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ², ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ-ΠΏΡΠΈΠ·ΡΠ°ΠΊΠΈ Π½Π° ΡΠΎΠ½Π΅ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠΎΠ½ΠΎΠ²ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° ΡΠ²ΠΎΠΈΡ ΡΠ΅Π»Π΅Π²ΡΡ ΡΡΡΠ°Π½ΠΈΡΠ°Ρ , ΠΈ Ρ Π½Π°Π΄Π΅ΡΡΡ, ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΡΡΠΎΠΊΠ° Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅. Π‘ΠΎΠΎΠ±ΡΠΈΡΠ΅ ΠΌΠ½Π΅, Π΅ΡΡΡ Π»ΠΈ Ρ Π²Π°Ρ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ ΠΎΡΠ·ΡΠ²Ρ ΠΎ ΠΊΠΎΠ΄Π΅ ΠΈΠ»ΠΈ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Ρ Π²ΡΠ±ΡΠ°Π» ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ-ΠΏΡΠΈΠ·ΡΠ°ΠΊΠΎΠ².
ΠΠ΅Π»ΠΈΡΠ΅ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΠΌΠΈ Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Pinterest
Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ Ρ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΡΡ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Pinterest ΠΏΠΎΠ²Π΅ΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π°ΠΊΡΠΈΠ²Π½ΠΎ Ρ Π½ΠΈΠΌ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΡΠ΅Ρ.
ΠΠΎ-ΠΏΠ΅ΡΠ²ΡΡ , Π΄Π°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, Π·Π°ΡΠ΅ΠΌ Π²Π°ΠΌ Π²ΠΎΠΎΠ±ΡΠ΅ ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ.
Π‘ΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ — ΡΡΠΎ Π·Π°Π±ΠΎΡΠ°
Π§ΡΠΎ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ Ρ ΠΎΡΠΎΡΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΡΠ°ΡΡΠΎ Π²ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠΌ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΠΏΠΎΡΡΠ΅Π±Π½ΠΎΡΡΠ΅ΠΉ ΠΈ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠΎΠ² ΠΊΠΎΠ½Π΅ΡΠ½ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ. Π₯ΠΎΡΠΎΡΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΌ, ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΡΠΌ, ΠΏΡΠΎΡΡΡΠΌ, ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΌ, ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ²Π½ΡΠΌ, Π²Π΄ΠΎΡ Π½ΠΎΠ²Π»ΡΡΡΠΈΠΌβ¦ ΠΈ ΡΠ°ΠΊ Π΄Π°Π»Π΅Π΅.
ΠΡ ΠΏΡΠΈΠ²ΡΠΊΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ ΠΈΠ»ΠΈ ΡΡΡΠ»ΠΊΠΈ Π΄Π»Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ (Π² ΠΈΠ΄Π΅Π°Π»Π΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠ±Π΅Π·ΠΆΠΈΡΠ΅Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ). Facebook, Twitter ΠΈ Google+ ΡΠ°ΡΡΠΎ ΡΠ²Π»ΡΡΡΡΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠΌΠΈ Π²Π΅ΡΠ°ΠΌΠΈ.
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΠΌ Π·Π°Ρ ΠΎΡΠ΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π΄Π΅Π»ΠΈΡΡΡΡ ΡΠ°ΡΡΡΠΌΠΈ Π½Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ ΡΠ°ΡΡΠΎ ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ², ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌΡ ΠΈΠ· ΡΡΠΈΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½Π° ββΡΠΎΠ±ΡΡΠ²Π΅Π½Π½Π°Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΡΠΈΡΠ΅Π»ΡΠ½Π°Ρ ΡΡΠ½ΠΊΡΠΈΡ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Π² ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΡΡ .
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΈΡΠ°ΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π°ΡΠ΅Π»Π΅Π½Π° Π½Π° ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΠ΅ Twitter Π² 140 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π½Π°ΡΠ΅Π»Π΅Π½ΠΎ Π½Π° Pinterest.
ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ Π²Ρ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΡΠ΅ ΡΠ²ΠΎΠΈ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π΄Π»Ρ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ Π² Pinterest.
ΠΠ½Π°ΡΠΎΠΌΠΈΡ Π±ΡΠ»Π°Π²ΠΊΠΈ URL
URL-Π°Π΄ΡΠ΅Ρ PIN-ΠΊΠΎΠ΄Π° Pinterest ΡΠΎΡΡΠΎΠΈΡ ΠΈΠ· ΡΠ΅ΡΡΡΠ΅Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ²:
- Pinterest, ΡΠ°ΡΡΡ URL-Π°Π΄ΡΠ΅ΡΠ°:
https: // www.pinterest.com/pin/create/button/
- ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ
url
: Π°Π΄ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ, Π½Π° ΠΊΠΎΡΠΎΡΡΡ Π½ΡΠΆΠ½ΠΎ ΡΡΡΠ»Π°ΡΡΡΡ, Π² ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ΅ URL - ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Π½ΠΎΡΠΈΡΠ΅Π»Ρ
- ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅
ΠΠ°ΡΠ°ΠΌΠ΅ΡΡ
: ΠΎΠΏΠΈΡΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΡΠΉ Π½Π° Pinterest, Π² ΠΊΠΎΠ΄ΠΈΡΠΎΠ²ΠΊΠ΅ URL, ΠΌΠ°ΠΊΡ. 500 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ², Π½ΠΎ 200 ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² ΠΊΠ°ΠΆΠ΅ΡΡΡ Π»ΡΡΡΠΈΠΌ Π²ΡΠ±ΠΎΡΠΎΠΌ.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄Π°Π½Π½ΡΡ
HTML ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΠ΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ JavaScript Pinterest, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ data-pin-do
ΠΈ data-pin-config
, Π½ΠΎ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΡΠΎ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ, ΡΠ°ΠΊ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠΎΠ»ΡΡΡΠΉ- Π±Π΅ΡΠΏΠ»Π°ΡΠ½ΡΠΉ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄, ΠΏΡΠΈ ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΌΡ ΠΏΠΎΠ»Π°Π³Π°Π΅ΠΌΡΡ Π½Π° ΡΡΡΠΎΠ³ΠΎΠ΅ ΠΌΠΈΠ½ΠΈΠΌΠ°Π»ΡΠ½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ΄Π°.
ΠΠ΅ΡΡΠΊΠΎ Π·Π°ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ ΠΏΡΡΡ
ΠΠΎΠ΄, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ, Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
" data-pin = "pinIt" alt = "">
ΠΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Sharaeble (ΠΏΠΎΠΌΠ΅ΡΠ΅Π½ΠΎ data-pin
attribute pinIt
) ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠ΅ΡΠΈΠΊΡ ΠΏΡΠΈΠ²ΡΠ·ΠΊΠΈ ΠΊ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ Π΄ΠΎΡΡΡΠΏΠ° Pinterest Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ Π°ΡΡΠΈΠ±ΡΡΠ°ΠΌΠΈ Π² Π΅Π΅ URL-Π°Π΄ΡΠ΅ΡΠ΅, Π²ΠΊΠ»ΡΡΠ°Ρ div
Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°.
ΠΠ΄Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΡΠΈ ΠΊΠ»Π°ΡΡΠ° CSS: pinterest-anchor
, ΠΊΠΎΡΠΎΡΡΠΉ Π°Π±ΡΠΎΠ»ΡΡΠ½ΠΎ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° Pinterest Π² Π²Π΅ΡΡ
Π½Π΅ΠΌ Π»Π΅Π²ΠΎΠΌ ΡΠ³Π»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ; pinterest-hidden
, ΠΊΠΎΡΠΎΡΡΠΉ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠ°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°, ΠΈ pinterest-logo
, ΡΠ°ΠΌ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, 40 Γ 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, Π·Π°ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ Π² base64 Π² CSS.
.pinterest-anchor {
ΠΌΠ°ΡΠΆΠ° ΡΠ»Π΅Π²Π°: 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
ΠΌΠ°ΡΠΆΠ° ΡΠ²Π΅ΡΡ
Ρ: 10 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
ΠΏΠΎΠ·ΠΈΡΠΈΡ: Π°Π±ΡΠΎΠ»ΡΡΠ½Π°Ρ;
z-ΠΈΠ½Π΄Π΅ΠΊΡ: 42;
ΡΠΈΡΠΈΠ½Π°: 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
Π²ΡΡΠΎΡΠ°: 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
}
.pinterest-hidden {
Π΄ΠΈΡΠΏΠ»Π΅ΠΉ: Π½Π΅Ρ;
}
.pinterest-anchor: hover {
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅: Π±Π»ΠΎΠΊ! Π²Π°ΠΆΠ½ΠΎ;
}
.pinterest-logo {
ΡΠΎΠ½: URL ( "Π΄Π°Π½Π½ΡΠ΅: ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ / PNG; base64, iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM / rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn / AACA6QAAdTAAAOpgAAA6mAAAF2 + SX8VGAAAL7UlEQVR42mK8mhDJwMjMzPDn21duBoZ / LN8 / f2xhZvqnxMTMyMZAR / dv7 / 9ff / 8x3WPm5atlYGDezcLF / Fx / 378MAAHEwsjIxPDv31 / Π₯Π€Π ++ LGD8 / sGHW1qWgUlIjIGJjYWBrg789Yfl37tXOt + fPlr / n1Nwyz8OjgQmRqa3AAHE8vf3b / 7fn94uZfzxwZ3P3JKBQ1GV4d / P30D8g64OZGLnYGDS1GRguX + h5ePJYz7A4FzKyiccDhBALP9 + / BBN / PrOnU / fmIGJh5 / hy6VzYMf9 // ePrg5kZGICO5JNUpqBT8eQ4dPFM + 7 / OLjsAQKI5eeHN62cAgIMDOxsDD / u3wWGNdBhjGBEXwC099 + 3b2A3sAoKM7AICDJ8 // C2FSCAWJgY / yn9YwJmkq + fgah3hwHstP9E + hrsEUY4DdEGIRnBXvzP8B / I / QeliXPoH7BbQG4CuQ0gAONkkgIACMPAgEvBg /// qAerqLEI3sQHhEzpxDMZSXbeegueYNsZUvUxUVRRqqI1emtaHECOz3mHJIIsAYGFg5Q / NOA / XTTjEkAs / 4Cu + Π³ / igPE / okLt5 + 8 / DG + // WD4AiwGGJjZGLgVlBgE5BQZOIVFGJhYQf79y / Dry2eGr8 + eMry9fY3h9duPDNxAx4pyczCwshBROvxnBCGwhwECiAWUGcAZAoZx5TKgy34DHfTm4yeGj6wcDIKaegz6Tu4MkiaWDKxc3ECHM + KIsT8MLy + cYbi7ZR3Dw6sXGIT + / 2EQ4uMDexRntDOCXQcOOIAAYvn3F + iov6CEAsVYADNQw3dgVD79A AwJIwsGy + BIBjFgrieq + ACGmKSJBRg / O3mU4dry + QzP7t5gkBIWxu1Ixv9gN4HcBhBALP / ALv0HiV4sUQwKue / ANPb0 + 08GxfgMBvWAcGA0smKo + / HgDsOvl88Z / v / 9w8DEwcnAIavIwCoqjqJGytyaQUhNk + Hc9H6GFycOMkgK8uOMYnC + ALoNIICADvzPAItm9LIPFGm / GBA ++ PmXQSOrmEHJ1Rut9P / J8H73ZoYPR / Yx / PnwDpi4f4INBlWdTBxcDOxSsgxCXkEMvAamcD0cgkIMZiU1DCe7 / jK8P3uUgZ + HB2sUgxwHchtAALGAQ + 8f9igGBjLDu28 / GeRjMzAc9 + 36JYZncycz / HzyCOwRRiYwCSpQwNh398tXht + vXzF8uXyOQcDOlUEqOY + BkQ1SvbOwsTOY5JUznKjMY / j75jkwt7NgRPF / UMAB3QYQQExgBrIDkfDvX78Z2A0sGDSCI1D0fzx2kOFBWzXDzwd3GZiBofULqPzLT2D5BfQ1pPxjBBczjMCiBcR7t2MTw6vVi1AyITsfP4NGSg7Dx99 / ge7Bbj / IXQABxPQPmDP / IUUxDDMCJT // ZWLQSs5EcdzXq5cYnkzuYvj7 + QswKtkYXn74zHD3xRuGRx + / MNx9 + ZbhB9ChDChmMQLTLDvDmw2rGL4B0ykyEDc0ZeDQNmT4DwwIdPvBUQx0G0AAMUGKwH8Y + N / vHwy8ZlYMfLLyiDT34zvDs5m9DP ++ f2FgBlaNLz5 / ZvijpMZgPWEmg9uCVQx6lU0Mb / 9CMhvCrL8M / 4HR // fnN4b3B3ZhJDd5nwCGn8AqDpsbQG4DCCBwGmTEkgZ / Ρ // BIO3ggmLY2y1rGX48fghsirEyfAI6jsvYmsG0pgXoWHawPK + MHMO / Ny8Zvi6bw8AMzMnIqZmRhY3h65kTDAyJWaAEC5fhU1BmYOLlA1r4C1hkMCGKGWgaBAggYBT / Π + cWFEf + AdYQXDwM / EoqiNADVmXvD ++ FpFdQc 0xYnEE3vxzuOBiQtnGE + PMfauYDpU1QMfTz / XvU / MAGbMGISTD8B5qPngZBbgMIICZI + kMtav4B0wSbmBQDIyvC8s / 3bjP8fvMG6BGgZ4E5VMbFk4FLRASzUAc6mAVYxPwHJv7 / GGn7P8P3F0 / RCnJIkfT / D0I9AywNAjFAAIHLQUhxzoiIYlBTmxtYfSFl / 5 / PnzL8BUY7KMeBfMslKoa1SQYqC / 8Bo5 + JgwNrzfTnO3pDGBR7 / 1CTGBOkzQFyG0AAsUBbDag1CZZaBdRaATUCgEUouLT7 + / Ur1krg681rQA / + wd7wABbAjCxotRAwU / 3 / 8Q3hBrD9MDf9ZwAIIBZYiQ2qmP9DfQAuloDRCLYIFnVCwgy / gE5j / wM0EFi + fQcW0OBiAFgOIoPPRw8CFbPAzUJ1yz8GDhFR1PADZo4 / R1 + DwhEegjC3gNwGEEDgNMjwh2YwQtMAMDf9fPwAWJx8hxskoqPP8E1QBOwoUAH87d4dYCh + QbHs15tXDJ / OngA33zHKVaC + 78AahFMctX7 + / ekjOPOAQhdu / 39IgIHcBhBATP / ADAZEGvwHSY + gdPT12hW4QSzA / oJMQBjDT1DpDjTs57u3wMz0C8WyDwf3AaPrJySG0HMkMOOxaupiRDHYDnA + QNIDjW2Q2wACiIkBlkmQ24QgHwNbLK / WLIVkfyhQ9PZnYBEWBSVIhv + ghikTE4pln4DRC2rNoJvFDLTtPdDDEk5uGBnr84kjEEej6PkPyyUMAAHEBGlNM0Jd / R + OGUDRCPTd0xkT4Y02UNtOUF2D4c + PHwwswKYUE1Jh / Bso9vPFM3A7DtkcUK7 / + glS44gCm1so0fvmNcPnsyfBSQqhB1GLgDBAAEHbg7CoQG9uMTG8XrGI4e / HjwySyRkMLPyCDD9u3WT4DSyo + VXUGFg5EQ5kYmZiePPjFwMPMK2B + Π + w5toXYLHzClgfG6blMnDwo7b / Xi1bCOzJfQc3z1D6Qv8gyQ3kNoAAY oHlYHAI / sXSvGVkAVZxGxk + ΠΏΠ³ / DwMLLz / DryVOG38ACnFNFA6WZzwyMckFgk + zW7GkMnIy / GUBW / gSGxG + guHZeCYOsE2q1Cepevt + zE2onmr2gfAEtBwECiAUSrIyQaMbaJWECp5Ffz14Ai5kX4NzILi3HwCGvgKFSLzOHgUdahuHRzu3AKu0dg4SaOoNSUCiDqJ4 + qv3AdPps5lSGn8 + eQwt0VMdBkhwj2PEAAcQCDj1GBnhRg7s3xwRW9xvY8uCQV2Tgk5NHNRQamkp + AWCMs8MG9ODTSX3A0NsFacD + www9EGb8DykPAQIIUtWBGwuQUp1gj5CJhYFNUwfYKkYMfn06fpTh98sXDMKBIXj1frtxneHFnJkMH / buBmc4hr / gBIfhQMZ / DPAMAxBA4F7dP2AUw + IcLwDVHMCMImBqhlq8XLnC8GxCL8O3O3cZRENCGdhBocsIGVn4A + wJfjl3Btiq3s7w5fw5hl + vXjIwARsUkJoDS4BAy + V / DJB + MUAAscC7ff8Z8UYxJHqA2oBNdVF9A6RG7A + GHzdvgJtoL5ctYXi1cgUDEzcXAwuwMwQaa / n75Quk6Pj7F5KigbUJOE / g6hT // w8pK6HFDEAAscAKakZYSY7PgUD3saqqAXMsojb4AyyCvp45A2xmcUAKFlAXAti5 / wUMOcigDSMiDTMQtgPiQEgGAUUzQACBQvDXr99 / WJhY2CCNif / 4xmcYGXh29FCrqlu3Gh58esLADGoVoxRTjATMwjHqwwjpw / wAt54YfgEEEAsLM8u9z5 ++ 6PwDllegsuwvqIGAYxgDJMolJ4ea / vbuRVRVlAKgi5iBhf8 / YGB9 + fSFAeQ2gABi4uPhq / 3w4T3DK2Au5JCQhPQlQHYBm1Xgpj8yBqZBNmDHG55ngGns ββ/ Y6dwJqKGVMtSRiSK0B2g9wAcsuHD + 8Y + Hh5awECiIWVhXU / Pw / fzvs3brgzAQtlMSkZBkZgi + Tvr5 + Y6QXYO + OUlERE7 Π½Π΅ 2lg2gP6lkVMksLxX0YGZmDm + Ρ / BzvDy + TMGoFsY + Hn4d7KysO0HCCAWxv + MHwX5BaKBlfqCO9eu + Lx + 8ZyBl4ePgR1YzmGMWAH5AsAo / S4tCc6Z96fOYPgCzCSMaK0akmMWmBF + Aptun798YvgIbMYJ8PJtEeAXSAC5DSCAGHerQerUnz9 / ΡΠ΅Π·ΡΠΌΠ΅ / 5 / dvly9evLT / + / + FZiBA1sYgHS0tIM3MD yhdg9L548oSBWiPZ / xkZf3GwsN7j4eauZWFl3c3Ozv4V5HCAAAMAlTuh / 0H0Uz0AAAAASUVORK5CYII = ") Π½Π΅Ρ ΠΏΠΎΠ²ΡΠΎΡΠ° ΡΠ΅Π½ΡΡ ΡΠ΅Π½ΡΡ;
ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΠ½Π°: 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ 40 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
Π²ΡΡΠΎΡΠ°: 100%;
ΡΠΈΡΠΈΠ½Π°: 100%;
}
ΠΠ½ΠΈΠΌΠΈΡΡΡΡΠ°Ρ ΡΠ°ΡΡΡ — ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΊΡΡΡΠΈΠ΅ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΠΊΠ°ΡΡΠΈΠ½ΠΊΡ — ΠΎΠ±ΡΠ°Π±Π°ΡΡΠ²Π°Π΅ΡΡΡ Π² JavaScript Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ Π½ΠΎΡΠ°ΡΠΈΠΈ jQuery:
$ ("img [data-pin = 'pinIt']").each (function () {
$ (this) .hover (function () {
$ (ΡΡΠΎ) .prev (). css ("ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅", "Π±Π»ΠΎΠΊ")
}, function () {
$ (this) .prev (). css ("Π΄ΠΈΡΠΏΠ»Π΅ΠΉ", "Π½Π΅Ρ")
});
});
ΠΠ²ΡΠΎΠΌΠ°ΡΠΈΠ·Π°ΡΠΈΡ — Π²Π°Ρ Π΄ΡΡΠ³
ΠΠΎ Ρ Π½Π΅ Ρ ΠΎΡΡ Π·Π°Π³ΡΠΎΠΌΠΎΠΆΠ΄Π°ΡΡ ΡΠ²ΠΎΠΉ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ½ΡΠΉ ΠΊΠΎΠ΄ ΡΠ΅ΠΌ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΠΌ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠΎΠΌ HTML, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π΄ΡΠ΅ΡΡΠ²ΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠΌΡ Π΄Π»Ρ ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ. ΠΠ΄Π½Π° ΡΠΎΠ»ΡΠΊΠΎ Π΅Π³ΠΎ ΡΡΠΎΡΠΎΠ½Π° ΠΎΠ±ΡΠ»ΡΠΆΠΈΠ²Π°Π½ΠΈΡ Π±ΡΠ΄Π΅Ρ ΠΈΠΌΠ΅ΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Π·Π°ΡΡΠ°ΡΡ, Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ — Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, URL-Π°Π΄ΡΠ΅Ρ ΠΎΠ±ΡΠ΅Π³ΠΎ Π΄ΠΎΡΡΡΠΏΠ° Pinterest, ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΈ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° Π΄ΡΡΠ³ΠΈΡ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ.
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ JavaScript ΡΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΠΌΡΡΡΡ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠ΄Π΅Π»Π°Π΅ΠΌ Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ ΡΠ°Π³ ΠΈ ΡΠ³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌ ΡΡΠΎΡ ΠΊΠΎΠ΄ Π΄Π»Ρ Π»ΡΠ±ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
Π‘Π½ΠΎΠ²Π° ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ jQuery, ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ:
$ ("img [data-pin = 'pinIt']"). Each (function () {
$ (this) .before (' ');
$ (ΡΡΠΎ).hover (function () {
$ (ΡΡΠΎ) .prev (). css ("ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅", "Π±Π»ΠΎΠΊ")
}, function () {
$ (this) .prev (). css ("Π΄ΠΈΡΠΏΠ»Π΅ΠΉ", "Π½Π΅Ρ")
});
});
ΠΠ»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ data-pin
, ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½Π½ΡΠΌ Π½Π° pinIt
, ΠΌΡ ΡΡΠ°Π²ΠΈΠΌ ΠΏΠ΅ΡΠ΅Π΄ Π½ΠΈΠΌ ΠΏΡΠΈΠ²ΡΠ·ΠΊΡ ΠΎΠ±ΡΠ΅Π³ΠΎ Π΄ΠΎΡΡΡΠΏΠ°, ΠΏΠΎΠ»ΡΡΠ°Ρ URL-Π°Π΄ΡΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈΠ· Π°ΡΡΠΈΠ±ΡΡΠ° ΠΌΠ΅ΡΡΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΡ ΡΡΡΠ°Π½ΠΈΡΡ
, URL-Π°Π΄ΡΠ΅ΡΠ° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈΠ· ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ
href
ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈΠ· Π΅Π³ΠΎ ΡΠ΅ΠΊΡΡΠ° alt
, ΠΏΡΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΊΠΎΠ΄ΠΈΡΠΎΠ²Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠΎΠ² URI.
ΠΡΠΎ ΠΏΡΠΎΠ΄Π΅ΠΌΠΎΠ½ΡΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ CodePen
.
Π‘ΠΌ. Pen Pinterest pin-it Call-To-Action (jQuery) ΠΎΡ SitePoint (@SitePoint) Π½Π° CodePen.
ΠΠΎ Π½ΡΠΆΠ΅Π½ Π»ΠΈ Π½Π°ΠΌ jQuery?
ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ jQuery ΠΌΠΎΠΆΠ΅Ρ ΠΈ Π½Π΅ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ. ΠΡΠ»ΠΈ ΠΎΠ½ Π²Π°ΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½Π΅ Π½ΡΠΆΠ΅Π½, ΡΡΠ°ΡΡΠΉ Π΄ΠΎΠ±ΡΡΠΉ Π²Π°Π½ΠΈΠ»ΡΠ½ΡΠΉ JavaScript ΡΠΏΡΠ°Π²ΠΈΡΡΡ Ρ ΡΡΠΎΠΉ Π·Π°Π΄Π°ΡΠ΅ΠΉ. ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Ρ ΡΡΠΈΡΠ°Ρ Ρ ΠΎΡΠΎΡΠΈΠΌ ΡΠΏΡΠ°ΠΆΠ½Π΅Π½ΠΈΠ΅ΠΌ Π²ΡΠ΅ΠΌΡ ΠΎΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΈΡΡ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΡ ΠΊΠΎΠ΄Π° jQuery Π² ΠΎΠ±ΡΡΠ½ΡΠΉ JavaScript. ΠΡΠΎ Π½Π°ΠΏΠΎΠΌΠΈΠ½Π°Π½ΠΈΠ΅ ΠΎ ΡΠΎΠΌ, ΠΊΠ°ΠΊ Π²ΡΠ΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π·Π° ΠΊΡΠ»ΠΈΡΠ°ΠΌΠΈ.
var pinables = document.querySelectorAll ('img');
Array.prototype.forEach.call (pinables, function (el, i) {
data = el.dataset;
if (data.pin == 'pinIt') {
el.insertAdjacentHTML ('beforebegin', ' ');
el.onmouseover = function () {ΡΡΠΎ.previousSibling.style.display = 'Π±Π»ΠΎΠΊ'; }
el.onmouseout = ΡΡΠ½ΠΊΡΠΈΡ () {this.previousSibling.style.display = 'Π½Π΅Ρ'; }
}
});
Π‘Π΅Π»Π΅ΠΊΡΠΎΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ - $ ("img [data-pin = 'pinIt']"). ΠΠ°ΠΆΠ΄ΡΠ΅
- ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΌΠ°ΡΡΠΈΠ² Π²ΡΠ΅Ρ
ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ, Π΄Π»Ρ ΠΊΠΎΡΠΎΡΡΡ
ΠΌΡ ΠΏΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π°ΡΡΠΈΠ±ΡΡΠ° Π΄Π°Π½Π½ΡΡ
. ΠΡΡΠ°Π»ΡΠ½Π°Ρ ΡΠ°ΡΡΡ ΠΊΠΎΠ΄Π° ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΡΠΌΡΠΌ ΠΏΠ΅ΡΠ΅Π²ΠΎΠ΄ΠΎΠΌ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ jQuery.
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ°, ΠΎΠ½ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΡΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅.
Π‘ΠΌ. Pen Pinterest pin-it Call-To-Action (javascript) ΠΎΡ SitePoint (@SitePoint) Π½Π° CodePen.
ΠΡΠ΄Π° ΠΈΠ΄ΡΠΈ ΠΎΡΡΡΠ΄Π°?
Π Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΎΠΌ ΠΎΠΏΡΡΠ΅ ΠΏΡΠΎΡΡΠΎΡΠ° - Π»ΡΡΡΠΈΠΉ Π²ΡΠ±ΠΎΡ. ΠΡ Π½Π΅ Ρ ΠΎΡΠΈΠΌ Π·Π°Π³ΡΠΎΠΌΠΎΠΆΠ΄Π°ΡΡ Π½Π°ΡΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°ΠΌΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ. Π ΡΡΠΎΠΌ ΡΠΌΡΡΠ»Π΅ ΡΡΠΎΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΎΡΠ΅Π½Ρ ΡΠΈΡΡΡΠΉ: Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ³Π΄Π°, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π½Π°Π²ΠΎΠ΄ΠΈΡ ΠΊΡΡΡΠΎΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅; Π° Π»ΠΎΠ³ΠΎΡΠΈΠΏ Pinterest Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Ρ ΠΎΡΠΎΡΠΎ ΠΈΠ·Π²Π΅ΡΡΠ΅Π½, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ ΡΡΡΠ»ΠΊΡ ΡΡΠ΄ΠΎΠΌ Ρ Π½ΠΈΠΌ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ Π΅Π³ΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅.
ΠΠ΄Π½Π°ΠΊΠΎ ΡΠΎΡΠΌΠ° ΡΠΎΠ²ΠΌΠ΅ΡΡΠ½ΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΎΡΠΊΡΡΠ²Π°Π΅ΡΡΡ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π²ΡΠ²ΠΎΠ΄ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π·Π° ΠΏΡΠ΅Π΄Π΅Π»Ρ ΡΠ΅ΠΊΡΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.ΠΠ°ΠΊ ΡΡΠ²Π΅ΡΠΆΠ΄Π°Π΅Ρ ΠΡΠ΅ΠΉΠ³ ΠΠ°ΠΊΠ»Π΅Ρ Π² ΡΠ²ΠΎΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅, ΡΡΠΎ Β«ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΠΎΠ»ΡΡΠΎΠΉ ΡΠ°Π³ Π΄Π»Ρ ΡΠ°ΠΌΠΎΠ³ΠΎ ΡΠ½Π΅ΡΠ³ΠΈΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅ΡΠ° ΠΏΠΎ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠΌ ΡΠ΅ΡΡΠΌΒ». ΠΠ΅Π±ΠΎΠ»ΡΡΠΎΠ΅ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅Π΅ ΠΎΠΊΠ½ΠΎ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡΠ΅Π΅, ΡΡΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΆΠΈΠ·Π½Π΅ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΠΉ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²ΠΎΠΉ, Π΄Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ Π΄Π°Π΅Ρ Π²Π°Π½ΠΈΠ»ΡΠ½ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ JavaScript.
ΠΠ»Ρ ΡΠ΅Ρ
, ΠΊΠΎΠΌΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ½ΠΎ, Π½Π΅Π±ΠΎΠ»ΡΡΠ°Ρ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠ°: Π² Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ΅Π»Ρ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ Π°ΡΡΠΈΠ±ΡΡΠ° href
, Π½ΠΎ Ρ Π΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ·Π»Π° ΠΎΠ½ Π΅ΡΡΡ. (ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠ²Π΅ΡΠΈΡΡ ΡΠ΅Π°Π»ΡΠ½ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ ΡΡΠΎΠ³ΠΎ.)
ΠΡΠ°ΠΊ, ΡΡΠΎ Π²Ρ Π΄ΡΠΌΠ°Π΅ΡΠ΅ ΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ? ΠΡ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°Π΅ΡΠ΅ ΠΎΠ±Π΅Π·ΠΆΠΈΡΠ΅Π½Π½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°Π΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ JavaScript? ΠΠ°ΠΉΡΠ΅ Π½Π°ΠΌ Π·Π½Π°ΡΡ ΠΎΠ± ΡΡΠΎΠΌ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ !
.