Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Кнопка Π² конструкторС курса

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Кнопка Π² конструкторС курса ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для добавлСния кликабСльной ΠΊΠ½ΠΎΠΏΠΊΠΈ с ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΎΠΌ Π½Π° Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΡŽΡŽ страницу курса ΠΈΠ»ΠΈ внСшний рСсурс, Π° Ρ‚Π°ΠΊΠΆΠ΅ возмоТности ΠΏΠΎΠ²Ρ‹ΡΠΈΡ‚ΡŒ Ρ‚Π°Ρ€ΠΈΡ„ студСнта.

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ студСнтов ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Π°ΠΌ, Ρ„ΠΎΡ€ΠΌΠ΅ рСгистрации, Π΄Ρ€ΡƒΠ³ΠΎΠΌΡƒ курсу ΠΈΠ»ΠΈ страницС с ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠ΅ΠΉ.

Π’ ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассмотрим, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π² ΡƒΡ€ΠΎΠΊ, Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ тСкст, ссылку ΠΈ ΠΎΡ„ΠΎΡ€ΠΌΠ»Π΅Π½ΠΈΠ΅.

Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ элСмСнт

Π’ конструкторС ΡƒΡ€ΠΎΠΊΠ° ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚Π΅ элСмСнт Кнопка ΠΈΠ· Π»Π΅Π²ΠΎΠΉ ΠΏΠ°Π½Π΅Π»ΠΈ Π² Ρ€Π°Π±ΠΎΡ‡ΡƒΡŽ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ ΡƒΡ€ΠΎΠΊΠ° ΠΈΠ»ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Плюс ΠΏΠΎΠ΄ Π½ΡƒΠΆΠ½Ρ‹ΠΌ Π±Π»ΠΎΠΊΠΎΠΌ.

НастройтС элСмСнт

Π’ ΠΏΠ°Π½Π΅Π»ΠΈ справа настройтС ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ:

ВСкст (Text) Π—Π°Π΄Π°Π΅Ρ‚ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅.

Бсылка (Link) Π—Π°Π΄Π°Π΅Ρ‚ Ρ‚ΠΈΠΏ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π΅Π΅ настройки.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚ΠΈΠΏ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ настройтС Π΅Π΅:

Бсылка β€” Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ссылку, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ студСнт ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΏΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡƒ.

Π’Π°Ρ€ΠΈΡ„ β€” Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Π°Ρ€ΠΈΡ„ курса, Ρ‡Ρ‚ΠΎΠ±Ρ‹ студСнт ΠΎΠΏΠ»Π°Ρ‚ΠΈΠ» Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ курса.

ΠžΡ‚ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ (Open in new window) АктивируйтС, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ссылка ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°Π»Π°ΡΡŒ Π² Π½ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°.

НастройтС ΡΡ‚ΠΈΠ»ΡŒ

Π—Π°Π΄Π°ΠΉΡ‚Π΅ внСшний Π²ΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ:

Π Π°Π·ΠΌΠ΅Ρ€ (Size) НастраиваСт Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ ΠΊΠ½ΠΎΠΏΠΊΠΈ:

МалСнькая β€” ΡƒΠΌΠ΅Π½ΡŒΡˆΠ΅Π½Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ;

БрСдняя β€” срСдний Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ;

Π‘ΠΎΠ»ΡŒΡˆΠ°Ρ β€” ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π¦Π²Π΅Ρ‚ тСкста (Text color) Π—Π°Π΄Π°Π΅Ρ‚ Ρ†Π²Π΅Ρ‚ тСкста ΠΊΠ½ΠΎΠΏΠΊΠΈ.

НаТмитС Π½Π° ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ тСкста Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅.

Π¦Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° (Background color) Π—Π°Π΄Π°Π΅Ρ‚ Ρ†Π²Π΅Ρ‚ Ρ„ΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ.

НаТмитС Π½Π° ΠΏΠΈΠΊΡ‚ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ Π·Π°Π»ΠΈΠ²ΠΊΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

ΠšΠΎΠ½Ρ‚ΡƒΡ€ (Contour) УстанавливаСт ΠΎΠ±Π²ΠΎΠ΄ΠΊΡƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π£ΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π»ΠΈΠ½ΠΈΠΈ ΠΈ радиус скруглСния Π² пиксСлях, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ†Π²Π΅Ρ‚ ΠΊΠΎΠ½Ρ‚ΡƒΡ€Π°.

Π¨ΠΈΡ€ΠΈΠ½Π° (Width) УстанавливаСт ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ:

Авто β€” ΠΊΠ½ΠΎΠΏΠΊΠ° подстраиваСтся ΠΏΠΎΠ΄ Π΄Π»ΠΈΠ½Ρƒ тСкста.

На всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π° β€” ΠΊΠ½ΠΎΠΏΠΊΠ° растягиваСтся Π½Π° всю ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π±Π»ΠΎΠΊΠ° Π΄ΠΎ изобраТСния.

Ѐиксированная β€” Π²Π²Π΅Π΄ΠΈΡ‚Π΅ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° (Content alignment) Π—Π°Π΄Π°Π΅Ρ‚ располоТСниС ΠΊΠ½ΠΎΠΏΠΊΠΈ.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ располоТСниС ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² Π±Π»ΠΎΠΊΠ΅:

Π‘Π»Π΅Π²Π° β€” ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ Π±Π»ΠΎΠΊΠ°;

По Ρ†Π΅Π½Ρ‚Ρ€Ρƒ β€” ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Π±Π»ΠΎΠΊΠ°;

Π‘ΠΏΡ€Π°Π²Π° β€” ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ Π±Π»ΠΎΠΊΠ°.

ПослС настройки элСмСнта Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π‘ΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ (Save) Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ конструктора.

ΠžΡ†Π΅Π½ΠΈΡ‚Π΅, насколько ΠΏΠΎΠ»Π΅Π·Π½Π° ΡΡ‚Π°Ρ‚ΡŒΡ "Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ Кнопка Π² конструкторС курса"

ΠžΡ†Π΅Π½ΠΊΠ°: 5 / 5 (5)

Назад

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ВСкст Π² конструкторС курса

Π”Π°Π»Π΅Π΅

Π­Π»Π΅ΠΌΠ΅Π½Ρ‚ ΠšΠ°Ρ€ΡƒΡΠ΅Π»ΡŒ Π² конструкторС курса

ΠŸΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΠ΅ Π² нашСм Π±Π»ΠΎΠ³Π΅

НачнитС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ сСрвисом SendPulse прямо сСгодня