Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html: Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° Π²Π΅Π±-страницу?

Π‘ΠΎΠ΄Π΅Ρ€ΠΆΠ°Π½ΠΈΠ΅

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML

Π’ Π΄Π°Π½Π½ΠΎΠΉ ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассмотрим, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML.

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹ Joomla ΠΌΠΎΠΆΠ½ΠΎ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°, Π½ΠΎ Ссли Π²Ρ‹ ΠΈΠ·ΡƒΡ‡Π°Π΅Ρ‚Π΅ HTML, надСюсь, эта ΡΡ‚Π°Ρ‚ΡŒΡ Π²Π°ΠΌ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ»Π΅Π·Π½Π°.

Π’Π½Π°Ρ‡Π°Π»Π΅ Π΄Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ графичСских Ρ„Π°ΠΉΠ»ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для оформлСния Π²Π΅Π±-страниц. Π­Ρ‚ΠΎ Ρ„Π°ΠΉΠ»Ρ‹ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG, GIF ΠΈ JPEG/JPG. Если Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚ΡŒ ΠΎ прСимущСствС ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π»ΠΈΠ±ΠΎ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° для сайта, Ρ‚ΠΎ ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π½ΡƒΠΆΠ½ΠΎ ΡΠΎΠΎΡ‚Π½ΠΎΡΠΈΡ‚ΡŒ Ρ‚Ρ€ΠΈ критСрия – качСство, Ρ€Π°Π·ΠΌΠ΅Ρ€, возмоТности.

НапримСр JPEG ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° мСньшС вСсит, Ρ‡Π΅ΠΌ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° GIF Ρ‚ΠΎΠ³ΠΎ ΠΆΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π½ΠΎ Π·Π°Ρ‚ΠΎ Π² GIF присутствуСт ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ° ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΏΠ»ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΈ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Ρ‡Π΅Π³ΠΎ Π½Π΅Ρ‚ Π² JPEG. Π€ΠΎΡ€ΠΌΠ°Ρ‚ PNG-8 вСсит Π³ΠΎΡ€Π°Π·Π΄ΠΎ мСньшС, Ρ‡Π΅ΠΌ GIF, Π½ΠΎ ΠΏΡ€ΠΈ этом Ρ‚ΠΎΠΆΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ. Π’ΠΎΡ‚ ΠΏΠΎΡ‚ΠΎΠΌΡƒ для мСня ΠΎΠ½ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Π΅ΠΉ, Ρ‡Π΅ΠΌ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΈ Ρ‡Π°Ρ‰Π΅ всСго для оформлСния Π²Π΅Π±-страниц я ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ PNG-8.

Β 

ВставляСм ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML

Для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΡΡ‚Π°Ρ‚ΡŒΡŽ, Π²Π½Π°Ρ‡Π°Π»Π΅ Π½ΡƒΠΆΠ½ΠΎ эту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ Π² ΠΏΠ°ΠΏΠΊΡƒ для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° сСрвСрС.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ рассмотрим, ΠΊΠ°ΠΊΠΈΠ΅ Ρ‚Π΅Π³ΠΈ ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ слуТат для Π²Ρ‹Π²ΠΎΠ΄Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° Π²Π΅Π±-страницу. Β 

1. Для Π²Ρ‹Π²ΠΎΠ΄Π° изобраТСния Π² HTML ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ Ρ‚Π΅Π³ <img>. Атрибут <src> Π΄Π°Π½Π½ΠΎΠ³ΠΎ Ρ‚Π΅Π³Π° — Π·Π°Π΄Π°Π΅Ρ‚ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅.

<img src=»/ΠŸΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅» >

Β 

2. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <alt> Ρ‚Π΅Π³Π° <img> слуТит для описания ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ – это Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ выводится Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ вмСсто изобраТСния, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΠ»Π°ΡΡŒ ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π· ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΌ.

<img src=»/ΠŸΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅» alt=»ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ» >

Β 

3. Π£Π½ΠΈΠ²Π΅Ρ€ΡΠ°Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ <border> опрСдСляСт ΡΡ‚ΠΈΠ»ΡŒ, Ρ†Π²Π΅Ρ‚ ΠΈ Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρƒ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ элСмСнта. Для Ρ‚ΠΎΠ³ΠΎ Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΠΎΠΊΡ€ΡƒΠ³ изобраТСния Π½Π΅ появилась Ρ€Π°ΠΌΠΊΠ°, сразу установим Π½ΡƒΠ»Π΅Π²ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅.

<img src=»/ΠŸΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅» alt=»ΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ» border=»0″ >

Β 

ΠŸΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ адрСсом ΠΈΠ»ΠΈ URL-адрСсом. Если ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° находится Π² ΠΏΠ°ΠΏΠΊΠ΅ Π½Π° вашСм сайтС, Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ адрСс. ΠŸΠΎΠ»Π½Ρ‹ΠΉ URL-адрСс указываСтся, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ с Π΄Ρ€ΡƒΠ³ΠΎΠ³ΠΎ сайта.

Β 

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π’ HTML4, HTML5

<img src=»/images/joomla/26.gif» alt=»Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Joomla» border=»0″ align=»left»>

Π’ XHTML

<img src=»/images/joomla/26.gif» alt=»Π£ΡΡ‚Π°Π½ΠΎΠ²ΠΊΠ° Joomla» border=»0″ align=»left» />

Β 

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π°ΠΊΠΈΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ ΠΊΠ°ΠΊ align – Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, width – ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, height – высота ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈ Π΄Ρ€.

Однако, для оформлСния стилСй ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, вставлСнных Π² ΡΡ‚Π°Ρ‚ΡŒΡŽ, Π»ΡƒΡ‡ΡˆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ CSS, Π² частности – стилСвыС классы.

Β 

Π’ CSS, для стилизации ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Ρ‡Π°Ρ‰Π΅ всСго ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ свойства:

float — Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, приТимая Π΅Π³ΠΎ ΠΊ Π»Π΅Π²ΠΎΠΌΡƒ ΠΈΠ»ΠΈ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ Π²Π΅Π±-страницы, с ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ΠΌ Π΅Π³ΠΎ Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ элСмСнтами ΠΏΠΎ свободной сторонС; Β Β 

border – опрСдСляСт Π³Ρ€Π°Π½ΠΈΡ† изобраТСния: Ρ†Π²Π΅Ρ‚Π°, стиля, Ρ‚ΠΎΠ»Ρ‰ΠΈΠ½Ρ‹ Π»ΠΈΠ½ΠΈΠΉ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· сторон изобраТСния; Β 

padding – устанавливаСт Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»Π΅ΠΉ Π²ΠΎΠΊΡ€ΡƒΠ³ содСрТимого элСмСнта (часто ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для обрамлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ с Ρ†Π΅Π»ΡŒΡŽ отдСлСния ΠΈΡ… Π΄Ρ€ΡƒΠ³ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³Π°).

margin – устанавливаСт Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Ρƒ отступа ΠΎΡ‚ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ края элСмСнта (добавляСт отступ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΎΡ‚ тСкста).

Β 

Π£ Вас нСдостаточно ΠΏΡ€Π°Π² для добавлСния ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅Π². Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π’Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Ρ€Π΅Π³ΠΈΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π½Π° сайтС.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML-письмо

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” это ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½Ρ‹ΠΉ элСмСнт письма Π² email-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π» позволяСт ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ тСкст Π±ΠΎΠ»Π΅Π΅ ярким ΠΈ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ. Π’Ρ€ΠΈ простых дСйствия, описанных Π² этой ΡΡ‚Π°Ρ‚ΡŒΠ΅, ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ быстро Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² HTML-письма, Π° Ρ‚Π°ΠΊΠΆΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈΡ….

Π¨Π°Π³ 1. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° хостинг.

Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² Π΅ΠΌΠ΅ΠΉΠ», Π²Π°ΠΌ Π½ΡƒΠΆΠ½Π° Π΅Π΅ ссылка, Π° это Π·Π½Π°Ρ‡ΠΈΡ‚, Ρ‡Ρ‚ΠΎ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π² ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΠΎΠΌ доступС Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅. Для этого Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ со своСго ПК Π½Π° хостинг, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ImgBB.

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅: Π²Ρ‹ Π½Π΅ смоТСтС Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ссли ΠΎΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ Π½Π° Google Диск ΠΈΠ»ΠΈ Dropbox ΠΈΠ·-Π·Π° настроСк приватности.

Π¨Π°Π³ 2. Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΅ΠΌΠ΅ΠΉΠ».

ПослС Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ изобраТСния, скопируйтС ссылку Π½Π° Ρ„Π°ΠΉΠ». Если Π²Ρ‹ воспользовались хостингои ImgBB, Ρ‚ΠΎ Π² Π²Ρ‹ΠΏΠ°Π΄Π°ΡŽΡ‰Π΅ΠΌ мСню Β«Embed codesΒ» Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ Β«HTML full linkedΒ»:

Π—Π°Ρ‚Π΅ΠΌ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ссылку Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² ΠΊΠΎΠ΄ вашСго HTML-Π΅ΠΌΠ΅ΠΉΠ»Π°. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ письма Π² Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€Π½ΠΎΠΉ рассылкС ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ элСмСнт «Письмо». НаТмитС Π½Π° ΠΈΠΊΠΎΠ½ΠΊΡƒ Β«Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄Β» ΠΈ Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ ссылку Π² ΠΊΠΎΠ΄.

Π˜ΡΡ…ΠΎΠ΄Π½Ρ‹ΠΉ ΠΊΠΎΠ΄ изобраТСния Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² письмС ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹ΠΌ, Π½ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π΅Π΅ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ прямо Π² HTML-Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅. Для этого Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ width= ΠΈ heigth= Π² ΠΊΠΎΠ΄Π΅ ΠΈ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ Π΄Π»ΠΈΠ½Π½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. Π¦ΠΈΡ„Ρ€Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ΡΡ Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠ°Ρ…. НапримСр,

width=”400β€³ ΠΈ height=”250β€³.

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<a href=”https://ibb.co/vxfPdDR”><img src=”https://i.ibb.co/7JBWpbL/01. png” alt=”01β€³ border=”0β€³></a>

Π’ΠΎΡ‚ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° с Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°ΠΌΠΈ:

<a href=”https://ibb.co/vxfPdDR”><img src=”https://i.ibb.co/7JBWpbL/01.png” alt=”01β€³ border=”0β€³ width=”400β€³ height=”250β€³ />
</a><br>

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Ρ‹Π»ΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π΅Ρ‰Π΅ Ρ‚Π°ΠΊΠΎΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π² ΠΊΠΎΠ΄ вашСго HTML-письма:

width=”100%”.

Π¨Π°Π³ 3. ΠžΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ тСстовоС письмо.

ΠœΡ‹ Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡΡ‚ΡŒ HTML-письма ΠΏΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ посрСдством тСстового письма. Π­Ρ‚Π° функция позволяСт Π²Π°ΠΌ ΡƒΠ±Π΅Π΄ΠΈΡ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ выглядит ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚Π½ΠΎ, Π° ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚Π΅Π»ΠΈ вашСй Ρ‚Ρ€ΠΈΠ³Π³Π΅Ρ€Π½ΠΎΠΉ рассылки увидят красивыС Π°ΠΊΠΊΡƒΡ€Π°Ρ‚Π½Ρ‹Π΅ Π΅ΠΌΠ΅ΠΉΠ»Ρ‹.

Π₯ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΌΠΈΠΌΠΎ изобраТСния Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π΅ΠΌΠ΅ΠΉΠ» Π³ΠΈΡ„ΠΊΡƒ? НС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ°! ΠžΠ·Π½Π°ΠΊΠΎΠΌΡŒΡ‚Π΅ΡΡŒ с нашСй ΡΡ‚Π°Ρ‚ΡŒΠ΅ΠΉ.

Π£Π΄Π°Ρ‡Π½ΠΎΠΉ рассылки!

Автор ΡΡ‚Π°Ρ‚ΡŒΠΈ: Anastasia Kovalenko 22 фСвраля 2021

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML | 1

Для

вставки изобраТСния Π½Π° web страницу, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ‚Π΅Π³Β <img>, ΠΊΠΎΡ‚Ρ€Ρ‹ΠΉ Π½Π΅ являСтся ΠΏΠ°Ρ€Π½Ρ‹ΠΌ Ρ‚Π΅Π³ΠΎΠΌ (отсуствуСт само Ρ‚Π΅Π»ΠΎ Ρ‚Π΅Π³Π°), Π³Π»Π°Π²Π½Ρ‹ΠΌ Π΅Π³ΠΎ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ слуТит Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ src, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈ опрСдСляСтся источник изобраТСния (url ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π° страницу).

Выглядит Π΅Π³ΠΎ констурукция ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ

<img src="URL"/> 

ГрафичСскиС Ρ„Π°ΠΉΠ»Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΡ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½Π° Π½Π°ΡˆΡƒ страницу, ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ GIF, PNG, ΠΈΠ»ΠΈ JPEG.

<img src="Cat.jpg" alt="Π’Π°Π½Ρ†ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΡ‚"> 
<img src="Cat.png" alt="Π“Π°Ρ€Ρ„ΠΈΠ»Π΄ Π½Π° ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΠΌ Ρ„ΠΎΠ½Π΅"> 
<img src="Cat.gif" alt="Π‘Π΅Π³ΡƒΡ‰ΠΈΠΉ ΠΊΠΎΡ‚"> 

ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст, Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt Ρƒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ

Π’Π°ΠΊ-ΠΆΠ΅ для Ρ‚Π΅Π³Π° <img>, Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ alt — ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΠΎΠ΄Π΅Ρ€ΠΆΠ°Ρ‚ΡŒ Π² сСбС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΠΎΠ³ Π±Ρ‹ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ содСрТимоС граичСского Ρ„Π°ΠΉΠ»Π°, ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Ρ‚ΠΎΠΌ случаС, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ смогла Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒΡΡ, Π»ΠΈΠ±ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π° Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅ (Π±ΠΎΠ»Π΅Π΅ Ρ€Π΅Π΄ΠΊΠΈΠΉ случай).

<img src="http://brainoteka.com/Content/asp-couse.jpg" alt="Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ASP.NET"> 

Π’Π°ΠΊ-ΠΆΠ΅ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽΒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° alt, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ запрос, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ Π΄Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² поисковиках.

(ΠžΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚ΡŒ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ Ρ‚Ρ€Π°Ρ„ΠΈΠΊ с поисковых систСм).

Π Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ²Β widthΒ ΠΈΒ height.

<img src="Cat.jpg" alt="Π’Π°Π½Ρ†ΡƒΡŽΡ‰ΠΈΠΉ ΠΊΠΎΡ‚"> 

Но этого Π΄Π΅Π»Π°Ρ‚ΡŒ Π½Π΅ рСкомСндуСтся, для этих ΠΎΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΉ Π±ΠΎΠ»Π΅Π΅ Ρ€Π°Ρ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ стили CSS

Для Π±ΠΎΠ»Π΅Π΅ Π΄Π΅Ρ‚Π°Π»ΡŒΠ½ΠΎΠ³ΠΎ изучСния ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΡƒΡ€ΠΎΠΊΠΈ ΠΈΠ· курсов

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² HTML

HTML5 ΠΈ CSS3 с нуля

Β 

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΈ тСкст Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠΊ

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ рассмотрим, ΠΊΠ°ΠΊ Π² ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π±Π»ΠΎΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ тСкст ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, ΠΈ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΡ…, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ CSS

Для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌ ΡΠΎΠ·Π΄Π°Π½Π½ΡƒΡŽ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰ΠΈΡ… ΡΡ‚Π°Ρ‚ΡŒΡΡ… Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΊΡƒ каркаса с шапкой сайта.

Π’ΠΎΠ·ΡŒΠΌΡ‘ΠΌ html ΠΊΠΎΠ΄ Π±Π»ΠΎΠΊΠ° content.


<div></div>

Вставим Π² Π±Π»ΠΎΠΊ content Π΄Π²Π° Π°Π±Π·Π°Ρ†Π° тСкста.


<div
Β Β <p>ЗдравствуйтС ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠ΅ Π²Π΅Π±-мастСра!
МнС 55 Π»Π΅Ρ‚ ΠΈ я Ρ€Π°Π΄ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Вас Π½Π° своём сайтС. Π­Ρ‚ΠΎΡ‚ сайт
ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π° Π΄ΠΎ этого ΡƒΠΌΠ΅Π» Ρ‚ΠΎΠ»ΡŒΠΊΠΎ
Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚.
ΠŸΠΎΡ‡Π΅ΠΌΡƒ я Ρ€Π΅ΡˆΠΈΠ» Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ? Π—Π° Ρ‚Π΅ 3 мСсяца, ΠΏΠΎΠΊΠ° разбирался Π² сайтостроСнии
ΠΈ создавал этот рСсурс ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎ Π°Π²Ρ‚ΠΎΡ€Ρ‹ руководств ΠΏΠΎ созданию
сайтов ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΡŽΠ°Π½ΡΡ‹ само собой Ρ€Π°Π·ΡƒΠΌΠ΅ΡŽΡ‰ΠΈΠΌΠΈΡΡ ΠΈ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π½Π°
Π½ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. А ΠΌΠ½Π΅, учитывая возраст ΠΈ Β«ΠΎΠΏΡ‹Ρ‚Β», Π±Ρ‹Π»ΠΎ Π½Π΅ просто ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΠ°ΠΊ
Ρ€Π°Π· эти Π½ΡŽΠ°Π½ΡΡ‹, ΠΎΠ½ΠΈ ΠΎΡ‚Π½ΠΈΠΌΠ°Π»ΠΈ большС всСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. И я Ρ€Π΅ΡˆΠΈΠ» Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ свой
ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ-Π±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.</p>

Β Β <p>Если Π²Π°ΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ нСпонятно,
ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅, для мСня Π½Π΅Ρ‚ Β«Π³Π»ΡƒΠΏΡ‹Ρ…Β» вопросов.
Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΈ создавайтС свой сайт ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ‹ Π½ΠΈ Π±Ρ‹Π» Π’Π°Ρˆ возраст ΠΈ
стаТ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅. Π£Π²Π΅Ρ€Π΅Π½, Ρƒ Вас получится Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈ ΡƒΠΆ Ρ‚ΠΎΡ‡Π½ΠΎ, Π²
нСсколько Ρ€Π°Π· быстрСС, Ρ‡Π΅ΠΌ Ρƒ мСня. И я Ρ€Π΅ΡˆΠΈΠ» Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ свой
ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ-Π±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.
Π—Π΄Π΅ΡΡŒ Β«Ρ€Π°Π·ΠΆΠ΅Π²Π°Π½Ρ‹Β» всС ΠΌΠ΅Π»ΠΎΡ‡ΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΠ΅ созданиС сайта, ΠΌΠΈΠΌΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…
ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π²Ρ‚ΠΎΡ€Ρ‹.</p>
</div>

Π•ΡΡ‚ΡŒ Π΄Π²Π° Π°Π±Π·Π°Ρ†Π°. Π’Π΅ΠΏΠ΅Ρ€ΡŒ посмотрим, ΠΊΠ°ΠΊ Π² Π±Π»ΠΎΠΊ content Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ изобраТСния.

Π’ΠΎ-ΠΏΠ΅Ρ€Π²Ρ‹Ρ…, Π½Π°Ρ…ΠΎΠ΄ΠΈΠΌ изобраТСния Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, ΠΈ Ссли сайт ΠΏΠΎΠΊΠ° Π½Π° Π’Π°ΡˆΠ΅ΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅, Ρ€Π°Π·ΠΌΠ΅Ρ‰Π°Π΅ΠΌ ΠΈΡ… Π² ΠΏΠ°ΠΏΠΊΠ΅ images, Π΄ΠΈΡ€Π΅ΠΊΡ‚ΠΎΡ€ΠΈΠΈ сайта.

Если сайт Π½Π° Π²ΠΈΡ€Ρ‚ΡƒΠ°Π»ΡŒΠ½ΠΎΠΌ хостингС, Ρ‚ΠΎ изобраТСния Π½ΡƒΠΆΠ½ΠΎ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π½Π° Π½Π΅Π³ΠΎ, Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ images.

Π Π°Π·ΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ Π±ΡƒΠ΄Π΅ΠΌ Ρ‚Ρ€ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ΠžΠ΄Π½Ρƒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Π² Π½Π°Ρ‡Π°Π»Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈ, Π΄Ρ€ΡƒΠ³ΡƒΡŽ Π² ΠΏΠ΅Ρ€Π²ΠΎΠΌ Π°Π±Π·Π°Ρ†Π΅ слСва, ΠΈ Ρ‚Ρ€Π΅Ρ‚ΡŒΡŽ Π²ΠΎ Π²Ρ‚ΠΎΡ€ΠΎΠΌ Π°Π±Π·Π°Ρ†Π΅ справа.

Π‘Π½Π°Ρ‡Π°Π»Π° Π² html ΠΊΠΎΠ΄ Π±Π»ΠΎΠΊΠ° content вставим адрСса ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, ΠΈ Π·Π°Π΄Π°Π΄ΠΈΠΌ для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· Π½ΠΈΡ… свой class. ДСлаСтся это для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π² дальнСйшСм, Ρ‡Π΅Ρ€Π΅Π· эти классы, ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊ изобраТСниям свойства CSS.


<div>
Β Β <img src="images/i10. png">
Β Β Β Β <p><img src="images/i11.jpg">ЗдравствуйтС ΡƒΠ²Π°ΠΆΠ°Π΅ΠΌΡ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΠ΅ Π²Π΅Π±-мастСра!
МнС 55 Π»Π΅Ρ‚ ΠΈ я Ρ€Π°Π΄ ΠΏΡ€ΠΈΠ²Π΅Ρ‚ΡΡ‚Π²ΠΎΠ²Π°Ρ‚ΡŒ Вас Π½Π° своём сайтС. Π­Ρ‚ΠΎΡ‚ сайт
ΠΏΠ΅Ρ€Π²Ρ‹ΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ я Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π» ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, Π° Π΄ΠΎ этого ΡƒΠΌΠ΅Π» Ρ‚ΠΎΠ»ΡŒΠΊΠΎ
Π²Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚.
ΠŸΠΎΡ‡Π΅ΠΌΡƒ я Ρ€Π΅ΡˆΠΈΠ» Π΅Π³ΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ? Π—Π° Ρ‚Π΅ 3 мСсяца, ΠΏΠΎΠΊΠ° разбирался Π² сайтостроСнии
ΠΈ создавал этот рСсурс ΠΎΠ±Π½Π°Ρ€ΡƒΠΆΠΈΠ»ΠΎΡΡŒ, Ρ‡Ρ‚ΠΎ Π°Π²Ρ‚ΠΎΡ€Ρ‹ руководств ΠΏΠΎ созданию
сайтов ΡΡ‡ΠΈΡ‚Π°ΡŽΡ‚ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π½ΡŽΠ°Π½ΡΡ‹ само собой Ρ€Π°Π·ΡƒΠΌΠ΅ΡŽΡ‰ΠΈΠΌΠΈΡΡ ΠΈ Π½Π΅ ΠΎΠ±Ρ€Π°Ρ‰Π°ΡŽΡ‚ Π½Π°
Π½ΠΈΡ… Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. А ΠΌΠ½Π΅, учитывая возраст ΠΈ Β«ΠΎΠΏΡ‹Ρ‚Β», Π±Ρ‹Π»ΠΎ Π½Π΅ просто ΠΏΠΎΠ½ΡΡ‚ΡŒ ΠΊΠ°ΠΊ
Ρ€Π°Π· эти Π½ΡŽΠ°Π½ΡΡ‹, ΠΎΠ½ΠΈ ΠΎΡ‚Π½ΠΈΠΌΠ°Π»ΠΈ большС всСго Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ. И я Ρ€Π΅ΡˆΠΈΠ» Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ свой
ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ-Π±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.
Π—Π΄Π΅ΡΡŒ Β«Ρ€Π°Π·ΠΆΠ΅Π²Π°Π½Ρ‹Β» всС ΠΌΠ΅Π»ΠΎΡ‡ΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΠ΅ созданиС сайта, ΠΌΠΈΠΌΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…
ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π²Ρ‚ΠΎΡ€Ρ‹.</p>
Β Β Β Β <p><img src="images/11.jpg">Если Π²Π°ΠΌ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ нСпонятно, ΡΠΏΡ€Π°ΡˆΠΈΠ²Π°ΠΉΡ‚Π΅, для мСня Π½Π΅Ρ‚ Β«Π³Π»ΡƒΠΏΡ‹Ρ…Β» вопросов.
Π§ΠΈΡ‚Π°ΠΉΡ‚Π΅ ΠΈ создавайтС свой сайт ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΊΠ°ΠΊΠΈΠΌ Π±Ρ‹ Π½ΠΈ Π±Ρ‹Π» Π’Π°Ρˆ возраст ΠΈ
стаТ Ρ€Π°Π±ΠΎΡ‚Ρ‹ Π½Π° ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅. Π£Π²Π΅Ρ€Π΅Π½, Ρƒ Вас получится Π΅Ρ‰Π΅ Π»ΡƒΡ‡ΡˆΠ΅ ΠΈ ΡƒΠΆ Ρ‚ΠΎΡ‡Π½ΠΎ, Π²
нСсколько Ρ€Π°Π· быстрСС, Ρ‡Π΅ΠΌ Ρƒ мСня.
И я Ρ€Π΅ΡˆΠΈΠ» Π½Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ свой
ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π», Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ-Π±Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π±Ρ‹Π»ΠΎ Π»Π΅Π³Ρ‡Π΅ ΡΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ Π² ΠΏΠΎΡ‚ΠΎΠΊΠ΅ Π½ΠΎΠ²ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ.
Π—Π΄Π΅ΡΡŒ Β«Ρ€Π°Π·ΠΆΠ΅Π²Π°Π½Ρ‹Β» всС ΠΌΠ΅Π»ΠΎΡ‡ΠΈ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΠ΅ созданиС сайта, ΠΌΠΈΠΌΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ…
ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΏΡ€ΠΎΡΠΊΠ°ΠΊΠΈΠ²Π°ΡŽΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π°Π²Ρ‚ΠΎΡ€Ρ‹.</p>
</div>

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ Π²ΠΎΡ‚ Ρ‚Π°ΠΊ.

Π’Π΅ΠΏΠ΅Ρ€ΡŒ, свойствами CSS, распрСдСлим изобраТСния ΠΏΠΎ мСстам.

.center{ /*Π—Π²Ρ‘Π·Π΄ΠΎΡ‡ΠΊΠ°*/
margin: 0 0 10px 330px; /*Π’Π½Π΅ΡˆΠ½ΠΈΠ΅ отступы*/
}
.left{ /*Π§Ρ‘Ρ€Ρ‚ΠΈΠΊ слСва*/
float: left; /*ΠžΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ справа*/
margin: 10px 10px 10px 10px;
}
.right{ /*Π§Ρ‘Ρ€Ρ‚ΠΈΠΊ справа*/
float: right; /*ΠžΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ слСва*/
margin: 10px 10px 10px 10px;
}

Как Π²ΠΈΠ΄ΠΈΡ‚Π΅, для ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ находящихся Π² массС тСкста, задаётся свойство CSS β€” float, ΠΈ ΠΎΠ½ΠΎ прСдписываСт тСксту ΠΎΠ±Ρ‚Π΅ΠΊΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΈ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Ρ‚ΡŒ Π΅Π³ΠΎ с Π·Π°Π΄Π°Π½Π½ΠΎΠΉ стороны. А ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ свойства margin, задаётся отступ тСкста ΠΎΡ‚ изобраТСния.

Π― Π±Ρ‹ здСсь Π΄ΠΎΠ±Π°Π²ΠΈΠ» Π΅Ρ‰Ρ‘ ΠΊΡ€Π°ΡΠ½ΡƒΡŽ строку.


p{
Β Β text-indent: 30px;
}

На ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅ΠΉ страницС ΠΌΡ‹ рассмотрим ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΈ Π±ΡƒΠ΄Π΅Ρ‚ Π΅Ρ‰Ρ‘ интСрСснСС. И совсСм Π½Π΅ слоТно.


ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Π½Π°

Π£Ρ‡ΠΈΡ‚Π΅Π»ΡŒ ΠΌΡƒΠ·Ρ‹ΠΊΠΈ БашСнькС:
β€” ΠŸΡ€Π΅Π΄ΡƒΠΏΡ€Π΅ΠΆΠ΄Π°ΡŽ, Ссли Ρ‚Ρ‹ Π½Π΅ Π±ΡƒΠ΄Π΅ΡˆΡŒ вСсти сСбя ΠΊΠ°ΠΊ слСдуСт, я скаТу Ρ‚Π²ΠΎΠΈΠΌΠΈ родитСлям, Ρ‡Ρ‚ΠΎ Ρƒ тСбя Π΅ΡΡ‚ΡŒ Ρ‚Π°Π»Π°Π½Ρ‚.

Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΡˆΠ°ΠΏΠΊΡƒ сайта < < < Π’ Ρ€Π°Π·Π΄Π΅Π» > > > ΠΠ±ΡΠΎΠ»ΡŽΡ‚Π½ΠΎΠ΅ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΎΠ½ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ (position:absolute)
Β 

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML-Ρ„Π°ΠΉΠ». Π‘Π°ΠΌΠΎΡƒΡ‡ΠΈΡ‚Π΅Π»ΡŒ HTML

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΡ€ΠΈΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ ΠΊ ΠΈΠ·ΡƒΡ‡Π΅Π½ΠΈΡŽ я ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽ Π²Π°ΠΌ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π°Ρ€Ρ…ΠΈΠ² с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ я ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΠ» для ΠΏΡ€ΠΈΠΌΠ΅Ρ€ΠΎΠ², Π° Ρ‚Π°ΠΊ-ΠΆΠ΅ дСсяток Π·Π°Π³ΠΎΡ‚ΠΎΠ²ΠΎΠΊ для изготовлСния Π±Π°Π½Π½Π΅Ρ€ΠΎΠ² 468Ρ…60 ΠΈ 88Ρ…31. Π­Ρ‚ΠΎΡ‚ Π°Ρ€Ρ…ΠΈΠ² вСсит всСго 1ΠΌΠ‘.
ПослС скачивания распакуйтС Π°Ρ€Ρ…ΠΈΠ², Π΄Π°Π»Π΅Π΅ Π² нашСй my_site создайтС ΠΏΠ°ΠΏΠΊΡƒ images ΠΈ пСрСмСститС всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ· Π°Ρ€Ρ…ΠΈΠ²Π° Π² Π½Π΅Π΅.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ способны вывСсти Π½Π° эран Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Ρ€ΠΈ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°(Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΡ) изобраТСния:
1) file.JPG— Ρ‡Π°Ρ‰Π΅ всСго Π² этом Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ΡΡ Ρ„ΠΎΡ‚ΠΎΠ³Ρ€Π°Ρ„ΠΈΠΈ.
2) file.GIF— ΠΌΠΎΠΆΠ΅Ρ‚ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½Ρ‹ΠΌ ΠΈ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Ρ‚ΡŒ Π°Π½ΠΈΠΌΠ°Ρ†ΠΈΠΎΠ½Π½Ρ‹ΠΉ эффСкт.
3) file.PNG— Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠΈ ΠΎΡ‚ GIF, Ссли Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π»ΠΈΠ±ΠΎ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π»ΠΈΠ±ΠΎ Π½Π΅Ρ‚, Ρ‚ΠΎ PNG ΠΌΠΎΠΆΠ½ΠΎ эту ΠΏΡ€ΠΎΠ·Ρ€Π°Ρ‡Π½ΠΎΡΡ‚ΡŒ Π·Π°Π΄Π°Ρ‚ΡŒ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΎΡ‚ 0 Π΄ΠΎ 99.
Но Π² Π΄Π°Π½Π½ΠΎΠΌ Ρ€Π°Π·Π΄Π΅Π»Π΅ для нас это Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ большого значСния, Ρ‚.ΠΊ. ΠΌΡ‹ собираСмся ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π° Π½Π΅ ΠΈΠ·Π³ΠΎΡ‚Π°Π²Π»ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ….

Π“Ρ€Π°Ρ„ΠΈΠΊΠ°(ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ) Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ вставляСтся ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ <IMG> ΠΈ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠ² ALT ΠΈ SRC.
ALT— Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст Π½Π°ΠΌ ΡƒΠΆΠ΅ Π·Π½Π°ΠΊΠΎΠΌ ΠΈΠ· ссылок, Π² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°Ρ… ΠΎΠ½ выполняСт нСсколько Ρ€ΠΎΠ»Π΅ΠΉ, Ссли Ρƒ вашСго ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Π΄Π°Π½Π½Ρ‹ΠΉ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ изобраТСния ΠΈΠ»ΠΈ просто Π³Ρ€Π°Ρ„ΠΈΠΊΠ° ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½Π°, Π° Ρ‚Π°ΠΊ-ΠΆΠ΅ Ссли Π²Ρ‹ Π½Π΅ ΡƒΠΊΠ°Π·Π°Π»ΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΠΈΠ»ΠΈ просто напросто Π·Π°Π±Ρ‹Π»ΠΈ Π΅Π΅ Ρ‚ΡƒΠ΄Π° ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ ΠΈΠ»ΠΈ случайно ΡƒΠ΄Π°Π»ΠΈΠ»ΠΈ, Ρ‚ΠΎ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ этот тСкст.
SRC Π² этом Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π΅ ΠΌΡ‹ прописываСм ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, ΠΏΡƒΡ‚ΠΈ ΠΊΠ°ΠΊ ΠΈ ΠΊ ссылкам ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹ΠΌΠΈ ΠΈΠ»ΠΈ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ.
А это основной шаблон: <img src=»ΠΏΡƒΡ‚ΡŒ/имя_Ρ„Π°ΠΉΠ»Π°» alt=»Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½Ρ‹ΠΉ тСкст»>

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΠΌ всС Π½Π° ΠΏΡ€Π°ΠΊΡ‚ΠΈΠΊΠ΅ ΠΈ создадим Ρ„Π°ΠΉΠ» grafika.html:

        <html>
        <head>
        <title>ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Ρ…Ρ‚ΠΌΠ»</title>
        </head>
        <body>
             <img src="images/logotip.png" alt="Π‘ΡƒΠΏΠ΅Ρ€ сайт">
        </body>
        </html>

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ просмотрим(откроСтся Π² Π½ΠΎΠ²ΠΎΠΉ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅) Ρ‡Ρ‚ΠΎ Ρƒ нас ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ.
Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊ этому большС Π½Π΅ Π²ΠΎΠ·Π²Ρ€Π°Ρ‰Π°Ρ‚ΡŒΡΡ, Ρ‚ΠΎ Ρ‚Π΅Π³ IMG ΠΊΠ°ΠΊ ΠΈ ссылки ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΠΌΠ΅Ρ‚ΡŒ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ TITLE
<img src=»images/logotip.png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт» title=»ΠΊΡ€Π°Ρ‚кая информация» >

Π’Π°ΠΊ-ΠΆΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Ρ€Π°Π²Π½ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π·Π½Π°ΠΊΠΎΠΌΠΎΠ³ΠΎ ΡƒΠΆΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° ALIGN
<img src=»images/logotip. png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт» align=»right»>ΠΏΠΎ ΠΏΡ€Π°Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ
<img src=»images/logotip.png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт» align=»left»> ΠΏΠΎ Π»Π΅Π²ΠΎΠΌΡƒ ΠΊΡ€Π°ΡŽ
Атрибут align=»center» ΠΏΠΎΡ‡Ρ‚ΠΈ всС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ ΠΈ ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ссли Π½ΡƒΠΆΠ½ΠΎ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π²Ρ‹Ρ€Π°Π²Π½ΡΡ‚ΡŒ ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ, Ρ‚ΠΎ просто помСститС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² DIV с этим Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ
<div align=»center»><img src=»images/logotip.png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт»> </div>
Π΄Π°Π²Π°ΠΉΡ‚Π΅ Ρ‚Π°ΠΊ ΠΈ сдСлаСм с нашим Ρ„Π°ΠΉΠ»ΠΎΠΌ grafika.html:

        <html>
        <head>
        <title>ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² Ρ…Ρ‚ΠΌΠ»</title>
        </head>
        <body>
          <div align="center"><img src="images/logotip.png" alt="Π‘ΡƒΠΏΠ΅Ρ€ сайт"></div>
        </body>
        </html>

Атрибут border=»0″ Π·Π°Π΄Π°Π΅Ρ‚ Π±ΠΎΡ€Π΄ΡŽΡ€(ΠΊΠ°ΠΉΠΌΡƒ) Π²ΠΎΠΊΡ€ΡƒΠ³ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ,
<img src=»images/logotip.png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт» border=»0″>
Π”Π΅Π»ΠΎ всС Π² Ρ‚ΠΎΠΌ Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠΌΠ΅ΡŽΡ‚ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ ноль(ΠΊΠ°ΠΊ Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅), Π° Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ 1, Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Π½ΡƒΠΆΠ΅Π½ Π»ΠΈ Π²Π°ΠΌ этот Π±ΠΎΡ€Π΄ΡŽΡ€ ΠΈΠ»ΠΈ Π½Π΅Ρ‚ ΠΈ ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ всСгда ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ с Π½ΡƒΠΆΠ½Ρ‹ΠΌ Π²Π°ΠΌ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ. Π‘Π°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ подставтС этот Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π² Ρ„Π°ΠΉΠ» grafika.html сначала с Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠΌ 0, ΠΏΠΎΡ‚ΠΎΠΌ 1 Π° ΠΏΠΎΡ‚ΠΎΠΌ 5 ΠΈΠ»ΠΈ 10 ΠΈ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅ смысл Π±ΠΎΡ€Π΄ΡŽΡ€Π°.

Как Π·Π°Π΄Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ?, ΠΏΡ€ΠΈ ΠΏΠΎΠΌΠΎΡ‰ΠΈ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°:
width— Π·Π°Π΄Π°Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² пиксСлях(Ρ‚ΠΎΡ‡ΠΊΠ°Ρ…) ΠΈ Π² Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… случаях Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, Π½Π° ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π»Π΅ΠΆΠΈΡ‚ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅, Π½ΠΎ ΠΎ Ρ‚Π°Π±Π»ΠΈΡ†Π°Ρ… Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ·ΠΆΠ΅…
height — Π·Π°Π΄Π°Π΅Ρ‚ высоту ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² пиксСлях.

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ пиксСль(Ρ‚ΠΎΡ‡ΠΊΠ°)? ΠšΠ°ΠΆΠ΄Ρ‹ΠΉ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ ΠΈΠΌΠ΅Π΅Ρ‚ своС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅, это зависит ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°. Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ Ρƒ вас просто Π½Π° Π³ΠΎΠ»ΠΎΠΌ(Π½Π΅ Π½Π° ярлыкС ΠΈΠ»ΠΈ Ρ„Π°ΠΉΠ»Π΅) Ρ€Π°Π±ΠΎΡ‡Π΅ΠΌ столС Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΌΡ‹ΡˆΠΊΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ свойства ΠΈ Ρ‚Π°ΠΌ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡƒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹, справа ΠΏΠΎ Ρ†Π΅Π½Ρ‚Ρ€Ρƒ Π²Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ своС Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Ну Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρƒ мСня 1280Ρ…800, Ρƒ вас ΠΎΠ½ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ большС ΠΈΠ»ΠΈ мСньшС. Π’Π°ΠΊ Π²ΠΎΡ‚ Ссли Ρ€Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠΎΠΉ ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΠΎ ΠΌΠΎΠΉ экран ΠΌΠΎΠΆΠ΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ 1280пиксСлСй ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈ 800пиксСлСй ΠΏΠΎ высотС. Ну Π½Π΅ смотря ΠΊΠ°ΠΊΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ Ρƒ вас ΠΈΠ»ΠΈ Ρƒ мСня, Π΅ΡΡ‚ΡŒ катСгория ΠΏΠΎΠ»Π·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ всСго 800Ρ…600, это ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π² Π΄Ρ€Π΅Π²Π½ΠΈΡ… ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°Ρ… ΠΈΠ»ΠΈ ΠΏΡ€ΠΎΠ΄Π²ΠΈΠ½ΡƒΡ‚Ρ‹ΠΉ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ с ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ΠΎΠΌ, я Π²Π΅Π΄Ρƒ ΠΊ Ρ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ большС Ρ‡Π΅ΠΌ 800 пиксСлСй ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅!!! И этим посСтитСлям Π±ΡƒΠ΄Π΅Ρ‚ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΊΠΎΠΌΡ„ΠΎΡ€Ρ‚Π½ΠΎ Π½Π°Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒΡΡ Π½Π° вашСм сайтС Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΠΈΠ»ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Ρ‹ Π±ΡƒΠ΄ΡƒΡ‚ большС 800!!!

Но вСрнСмся ΠΊ «Π½Π°ΡˆΠΈΠΌ» ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ ΠΈ Ρ„Π°ΠΉΠ»Ρƒ grafika. html, Π·Π°Π΄Π°Π΄ΠΈΠΌ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹, Π° ΠΏΠΎΡ‚ΠΎΠΌ сохраним ΠΈ посмотрим ΡΠ°ΠΌΠΎΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ.
<img src=»images/logotip.png» alt=»Π‘ΡƒΠΏΠ΅Ρ€ сайт» width=»607″>
Ни Ρ‡Π΅Π³ΠΎ Π½Π΅ измСнилось? И Π²Ρ‹ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΠΎ ΠΏΡ€Π°Π²Ρ‹!!! это ΠΈ Π΅ΡΡ‚ΡŒ Π΅Π³ΠΎ СстСствСнный Ρ€Π°Π·ΠΌΠ΅Ρ€ Π΄Π°Π½Π½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π½ΠΎ Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π·Π°Π΄Π°Ρ‚ΡŒ width=»800″ ΠΈ Π² этом случаС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° растянСтся ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ Π½ΠΎ стаСт ΡƒΠ·ΠΊΠΎΠΉ ΠΏΠΎ высотС. МоТно Π·Π°Π΄Π°Π²Π°Ρ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρƒ, Ссли нашСй ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅ ΡˆΠΈΡ€ΠΈΠ½Π° Ρ€Π°Π²Π½Π° 607, Π° ΠΌΡ‹ Π·Π°Π΄Π°Π΄ΠΈΠΌ 800, Ρ‚ΠΎ высота 124 автоматичСски станСт ΠΏΡ€ΠΈΠ±Π»ΠΈΠ·ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ 160пиксСлСй, Ρ‚.Π΅. увСличится Π½Π° Ρ‚ΠΎΡ‚-ΠΆΠ΅ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€.

ΠšΠΎΠΌΠΌΡƒΠ½ΠΈΠΊΠ°Ρ‚ΠΎΡ€Ρ‹ Π²Π°ΠΆΠ½Ρ‹. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ своСврСмСнноС исправлСниС ΠΏΠΎΠ»ΠΎΠΌΠΎΠΊ Π½Π° HTC ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² html?

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ html β€” это изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для ΠΈΠ»Π»ΡŽΡΡ‚Ρ€ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΡ ΠΈ донСсСния Π΄ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ. Данная ΡΡ‚Π°Ρ‚ΡŒΡ посвящСна Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹. Однако ΠΏΡ€Π΅ΠΆΠ΄Π΅, Ρ‡Π΅ΠΌ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° этот вопрос, хочСтся сразу ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ стоит ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π²Π΅Π±-страницы большим количСством графичСского ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

Π­Ρ‚ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ повлияСт Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страниц, Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ Π·Π°ΠΌΠ΅Π΄Π»ΠΈΠ² Π΅Π΅, Π½ΠΎ ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ снизит ΡƒΡ€ΠΎΠ²Π΅Π½ΡŒ восприятия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ тСкстового ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Ρ‚Π°ΠΊΠΆΠ΅ находится Π½Π° страницС. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ΄Ρ€ΠΎΠ±Π½Π΅Π΅ ΠΎ Ρ‚ΠΎΠΌ, ΠΊΠ°ΠΊ ΠΆΠ΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html?

ВсС, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ± Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΎΡ‡Π΅Π½ΡŒ простой ΠΎΠ΄ΠΈΠ½ΠΎΡ‡Π½Ρ‹ΠΉ Ρ‚Π΅Π³: <img scr=’…’>.

ВмСсто Ρ‚Ρ€Π΅Ρ… Ρ‚ΠΎΡ‡Π΅ΠΊ Π·Π°ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹Ρ… Π² ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ, для добавлСния графичСского ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ изобраТСния Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π°Ρ… *.gif, *.png ΠΈ *.jpg. А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎΠ± Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°Ρ…, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Π·Π°Π΄Π°Ρ‡ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² изобраТСния ΠΈ Π΅Π³ΠΎ располоТСния Π½Π° страницС.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² html? НачнСм с Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° BACKGROUND для Ρ‚Π΅Π³Π° <body>, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ, Π²Ρ‹ смоТСтС ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° Ρ„ΠΎΠ½Π΅ страницы любой ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π‘Ρ‚ΠΎΠΈΡ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ всСго ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Ρ‚ΡŒ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ, которая ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π° страницах интСрСсныС Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½Ρ‹Π΅ эффСкты.

Если Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² тСкстС, ΠΈ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ органичСски ΠΈ красиво, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ALIGN для Ρ‚Π΅Π³Π° <img>. Π‘ Π΅Π³ΠΎ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π²Ρ‹ смоТСтС ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² тСкстС, Ρ‚Π°ΠΊ ΠΈ тСкст ΠΌΠ΅ΠΆΠ΄Ρƒ двумя изобраТСниями.

Π‘ΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‚ Ρ‚Π°ΠΊΠΆΠ΅ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Ρ‹ WIDTH ΠΈ HEIGHT для Ρ‚Π΅Π³Π° <img>, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для задания ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты рисунка соотвСтствСнно. Π­Ρ‚ΠΈ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π½Π΅ ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ, Π° ΠΈΡ… Π²Π΅Π»ΠΈΡ‡ΠΈΠ½Π° указываСтся Π² пиксСлях.

НС ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΎΡ‚Π²Π΅Ρ‚ Π½Π° вопрос?

Как ΡΠ²Π΅Ρ€ΡΡ‚Π°Ρ‚ΡŒ email рассылку с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ: ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ ΠΈ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ способны Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ максимально Ρ‚ΠΎΡ‡Π½ΠΎ ΠΈ наглядно ΠΏΠ΅Ρ€Π΅Π΄Π°Π²Π°Ρ‚ΡŒ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ. ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ подобранная фотография ΠΈΠ»ΠΈ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π·Π²Π°Ρ‚ΡŒ Π½ΡƒΠΆΠ½Ρ‹Π΅ эмоции, ΠΏΠ΅Ρ€Π΅Π΄Π°Ρ‚ΡŒ знания, ΠΏΠΎΠ±ΡƒΠ΄ΠΈΡ‚ΡŒ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ ΠΈ Π΄Π°ΠΆΠ΅ привСсти ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΊ ΠΏΠΎΠΊΡƒΠΏΠΊΠ΅. Благодаря этому изобраТСния, ΠΊΠ°ΠΊ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΏΡ€ΠΎΡ‡Π½ΠΎ Π·Π°ΠΊΡ€Π΅ΠΏΠΈΠ»ΠΈΡΡŒ Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π΅. А Π² email-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π΅ всё Ρ‡Π°Ρ‰Π΅ ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Ρ‚Π΅Π½ΠΈΠ΅ отдаСтся красиво свСрстанным Π±Ρ€Π΅Π½Π΄ΠΎΠ²Ρ‹ΠΌ шаблонам email сообщСний.

КакиС ΠΆΠ΅ Π΅ΡΡ‚ΡŒ способы размСщСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π² письмС, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΡ€ΠΈ этом ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠ·Π½ΠΈΠΊΠ°Ρ‚ΡŒ трудности ΠΈ ΠΊΠ°ΠΊ ΠΈΡ… Ρ€Π΅ΡˆΠΈΡ‚ΡŒ? Об этом Π΄Π°Π»Π΅Π΅ Π² ΡΡ‚Π°Ρ‚ΡŒΠ΅.

Π—Π°Ρ‡Π΅ΠΌ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ HTML письмо с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ?

Как Π²Ρ‹ Π΄ΡƒΠΌΠ°Π΅Ρ‚Π΅, какая рСкламная рассылка сработаСт эффСктивнСС: простоС тСкстовоС сообщСниС ΠΈΠ»ΠΈ HTML шаблон с красочными Π·Π°Π²Π»Π΅ΠΊΠ°ΡŽΡ‰ΠΈΠΌΠΈ изобраТСниями? ΠžΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ – вторая. И Π²ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ:

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ сСгодня Π±ΠΎΠ»Π΅Π΅ 70% массовых ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… Ρ€Π΅ΠΊΠ»Π°ΠΌΠ½Ρ‹Ρ… ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΉ ΠΎΡ„ΠΎΡ€ΠΌΠ»ΡΡŽΡ‚ΡΡ Π² Π±Ρ€Π΅Π½Π΄ΠΎΠ²Ρ‹ΠΉ красивый шаблон Π² HTML Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅. ИмСнно использованиС HTML Π΄Π°Π΅Ρ‚ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² письмо (Π° Ρ‚Π°ΠΊΠΆΠ΅ Π²ΠΈΠ΄Π΅ΠΎ, gif Ρ„Π°ΠΉΠ» ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²ΠΈΠ΄Ρ‹ Π²ΠΈΠ·ΡƒΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°).

ΠšΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π² письмС:


Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹

Π‘Ρ‹Π²Π°ΡŽΡ‚ случаи, ΠΊΠΎΠ³Π΄Π° ΠΏΡ€ΠΈΡ…ΠΎΠ΄ΠΈΡ‚ Π½Π° ΠΏΠΎΡ‡Ρ‚Ρƒ элСктронноС письмо Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML, Π° изобраТСния Π² Π½Π΅ΠΌ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ вовсС ΠΈΠ»ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ. ΠŸΡ€ΠΈ Ρ‚Π°ΠΊΠΎΠΌ раскладС, Π½Π΅Ρ‚ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ смысла Π² использовании HTML, ΠΎΠΏΠ»Π°Ρ‚Π΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠΉ пропускной способности ΠΈ Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Ρ‰ΠΈΠΊΠΎΠ², Ссли ваши ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚Π΅Π»ΠΈ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ, ΠΊΠ°ΠΊ прСдполагаСтся, Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ.

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π² письмС Π½Π΅ сыграли с Π²Π°ΠΌΠΈ Π·Π»ΡƒΡŽ ΡˆΡƒΡ‚ΠΊΡƒ, Π²Π°ΠΆΠ½ΠΎ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… подписчиков ΠΏΠΎ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΡŽ ΠΊ вашСй рассылкС. Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΈ ΠΊΠ°ΠΊΠΎΠΉ Ρ‚ΠΈΠΏ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ½ΠΈ Ρ‡Π°Ρ‰Π΅ Π²Ρ‹Π±ΠΈΡ€Π°ΡŽΡ‚ (ΠΊΠ»ΠΈΠΊΠ°ΡŽΡ‚).

ΠŸΡ€ΠΎΠ°Π½Π°Π»ΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π² эти Π΄Π°Π½Π½Ρ‹Π΅ ΠΈ собрав Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π²Ρ‹ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅:

  • Π½Π° ΠΊΠ°ΠΊΠΈΠ΅ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈ создании ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ;
  • ΠΊΠ°ΠΊΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ‚ΠΈΠΌΠ°Π»ΡŒΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ для Π½ΠΈΡ…;
  • ΠΊΠ°ΠΊ ΠΎΠ½ΠΈ ΠΎΠ±Ρ€Π°Π±Π°Ρ‚Ρ‹Π²Π°ΡŽΡ‚ ALT-тСкст;
  • ΠΈ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΌΡƒ ΠΏΡ€ΠΈΠ½Ρ†ΠΈΠΏΡƒ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ функция Β«Π½Π΅ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈΒ».

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² письмо

БущСствуСт Π΄Π²Π° способа Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ изобраТСния ΠΊ ΡΠΎΠΎΠ±Ρ‰Π΅Π½ΠΈΡŽ Π² HTML Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅:

  1. Π£ΠΊΠ°Π·Π°Ρ‚ΡŒ ссылку Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ.
  2. ΠŸΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΊ ΠΏΠΈΡΡŒΠΌΡƒ.

Бсылка Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π—Π°Π³Ρ€ΡƒΠ·ΠΊΠ° с сСрвСра

Бсылка Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π²Π°ΡˆΠΈΡ… элСктронных ΠΏΠΈΡΡŒΠΌΠ°Ρ… Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π°Π½Π°Π»ΠΎΠ³ΠΈΡ‡Π½ΠΎ Ρ‚ΠΎΠΌΡƒ, ΠΊΠ°ΠΊ изобраТСния ΠΏΠΎΡΠ²Π»ΡΡŽΡ‚ΡΡ Π½Π° любом сайтС. Π’Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ строку ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ HTML ΠΊΠΎΠ΄Ρƒ, которая опрСдСляСт источник изобраТСния для отобраТСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

<img src=»http://www.yoursite.com/images/picture.jpg»>,
Π³Π΄Π΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Β«srcΒ» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ источник ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π΅ ΡƒΠΊΠ°Π·Π°Π½Π° Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Π°Ρ ссылка, ΠΈ Ρ‚Π°ΠΊΠΎΠΉ ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ. ΠžΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Π°Ρ ссылка просто Π½Π΅ сработаСт ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ загрузится с сСрвСра.

ΠŸΠ»ΡŽΡΡ‹:

  • НаличиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ влияСт Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ письма.
  • Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ссылку Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ – это быстро ΠΈ просто.
  • МоТно ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π½Π° сСрвСрС ΠΈ ΠΎΠ½Π° измСнится Π² письмС.
  • Π’Π°ΡˆΠ° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π΅Ρ‚ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ (ΡˆΠΈΡ€ΠΈΠ½Ρƒ, высоту), которая Π½Π΅ измСнится ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ сСрвисами.

ΠœΠΈΠ½ΡƒΡΡ‹:

  • НСкоторыС ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Outlook, ΠΌΠΎΠ³ΡƒΡ‚ Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния, Π²Ρ‹Π·Ρ‹Π²Π°Π΅ΠΌΡ‹Π΅ ссылками.
  • Если ваш сайт Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈΠ»ΠΈ пСрСзагруТаСтся Π² ΠΌΠΎΠΌΠ΅Π½Ρ‚ прочтСния письма, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ отобразится.
  • Если просмотр Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡΡƒΡ‰Π΅ΡΡ‚Π²Π»ΡΡ‚ΡŒΡΡ Π±Π΅Π· ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ загрузится. Π­Ρ‚ΠΎ случаСтся, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚Π΅Π»ΡŒ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ ΠΊ ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Ρƒ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠΎΠ΄Π΅ΠΌΠ½ΡƒΡŽ связь ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°.

Как ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊ ΠΏΠΈΡΡŒΠΌΡƒ

ΠŸΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ ΠΊ ΠΏΠΈΡΡŒΠΌΡƒ = Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ нСпосрСдствСнно Π² элСктронноС письмо.

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΊ Π²Π°ΡˆΠ΅ΠΌΡƒ элСктронному ΠΏΠΈΡΡŒΠΌΡƒ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½ Ρ„Π°ΠΉΠ» с этим ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ элСктронного письма Ρ€Π΅Π·ΠΊΠΎ увСличится (Π½Π° это Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΎΠ±Ρ€Π°Ρ‰Π°Ρ‚ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ ΠΏΠ»Π°Ρ‚ΠΈΡ‚Π΅ Π·Π° ΠΏΡ€ΠΎΠΏΡƒΡΠΊΠ½ΡƒΡŽ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡ‚ΡŒ).

Π’ HTML ΠΊΠΎΠ΄Π΅ письма это Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΎ строкой: <img src=»picture.jpg»>.

ΠŸΠ»ΡŽΡΡ‹:

  • Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½ΠΈΠΊΡƒΠ΄Π° Π½Π΅ исчСзнСт ΠΈΠ· письма, Ρ‡Ρ‚ΠΎ Π±Ρ‹ Π½Π΅ происходило с вашим сайтом.
  • ΠžΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ΡΡ всСми ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΌΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ°ΠΌΠΈ.
  • Π’Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π²Π΅Ρ‡Π½ΠΎ Ρ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π° сСрвСрС.

ΠœΠΈΠ½ΡƒΡΡ‹:

  • ВСс письма Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ увСличится.
  • НСкоторыС ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ сСрвисы ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΡΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, трСбуя ΠΎΡ‚ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ Π½Π°ΠΆΠ°Ρ‚ΡŒ Β«ΠŸΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈΒ».

Π Π°Π·ΠΌΠ΅Ρ€ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ для email рассылки

Π˜Π΄Π΅Π°Π»ΡŒΠ½Ρ‹ΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°, которая подгруТаСтся ΠΈΠ»ΠΈ внСдряСтся Π² письмо, ΡƒΠΆΠ΅ ΠΈΠΌΠ΅Π»Π° Π½ΡƒΠΆΠ½Ρ‹ΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€. Π’ΠΎΠ³Π΄Π°, Π² случаС, Ссли ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° Π½Π΅ отобразится, Π΅Ρ‘ мСсто Π·Π°ΠΉΠΌΠ΅Ρ‚ пустой Π±Π΅Π»Ρ‹ΠΉ ΠΏΡ€ΡΠΌΠΎΡƒΠ³ΠΎΠ»ΡŒΠ½ΠΈΠΊ Ρ‚Π°ΠΊΠΎΠ³ΠΎ ΠΆΠ΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π° – Π° Π·Π½Π°Ρ‡ΠΈΡ‚ вСрстка тСкста ΠΈ письма Π² Ρ†Π΅Π»ΠΎΠΌ Π½Π΅ пострадаСт.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Π’ ΠΏΡ€ΠΎΡ‚ΠΈΠ²Π½ΠΎΠΌ случаС, Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΡΠΎΠ±Π»ΡŽΠ΄Π΅Π½Ρ‹ Π½Π΅ Π±ΡƒΠ΄ΡƒΡ‚, Ρ‡Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½ΠΎ ΠΎΡ‚Ρ€Π°Π·ΠΈΡ‚ΡŒΡΡ Π½Π° ΠΎΠ±Ρ‰Π΅ΠΉ вСрсткС email сообщСния:

ΠŸΡ€ΠΈ использовании HTML Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° Β«srcΒ» Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΈ высоту изобраТСния. Для этого ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ width (ΡˆΠΈΡ€ΠΈΠ½Π°) ΠΈ height (высота).

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°:

<img src=»http://www.yoursite.com/images/picture.jpg» width=»250″ alt=»Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ»>

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅: ΠΏΡ€ΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π²Π°ΠΆΠ½ΠΎ ΡΠΎΠ±Π»ΡŽΠ΄Π°Ρ‚ΡŒ ΠΏΡ€ΠΎΠΏΠΎΡ€Ρ†ΠΈΠΈ. Π§Ρ‚ΠΎΠ±Ρ‹ Π½Π΅ ΠΏΡƒΡ‚Π°Ρ‚ΡŒΡΡ Π² матСматичСских расчСтах, ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ – width (ΡˆΠΈΡ€ΠΈΠ½Ρƒ). А Π½ΡƒΠΆΠ½ΡƒΡŽ высоту ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ сСрвис ΠΏΠΎΠ΄Π±Π΅Ρ€Π΅Ρ‚ автоматичСски ΠΏΡ€ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ.

НСкоторыС ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ сСрвисы ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ прописанныС Π²Π°ΠΌΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ. ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΌΡ‹ всё ΠΆΠ΅ совСтуСм ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡ‚ΠΎΠ²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π½ΡƒΠΆΠ½Ρ‹Ρ… Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ…, Π° ΠΏΠΎΡ‚ΠΎΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ Π΅Π³ΠΎ Π² письмо.

Π’Ρ‹, навСрняка, ΠΎΠ±Ρ€Π°Ρ‚ΠΈΠ»ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π½Π° ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ alt=»Π›ΠΎΠ³ΠΎΡ‚ΠΈΠΏ» ΠΈΠ· ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π²Ρ‹ΡˆΠ΅.

Как ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΡΡ‚ΡŒ alt ΠΈ title для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ

ALT- тСкст – это фактичСски информация для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ ΠΎΠ½ ΠΏΠΎ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π΅ Π½Π΅ Π²ΠΈΠ΄ΠΈΡ‚.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€:

Насколько Ρ€Π°Π·Π²Π΅Ρ€Π½ΡƒΡ‚ΠΎ ΠΎΠΏΠΈΡΡ‹Π²Π°Ρ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² alt-тСкстС, Π²Ρ‹ Ρ€Π΅ΡˆΠ°Π΅Ρ‚Π΅ сами. ΠŸΡ€ΠΎΡΡ‚ΠΎ посмотритС Π½Π° Π³ΠΎΡ‚ΠΎΠ²ΠΎΠ΅ письмо, ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΡŒΡ‚Π΅, Ρ‡Ρ‚ΠΎ Π² Π½Ρ‘ΠΌ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠ»Π°ΡΡŒ Π½ΠΈ ΠΎΠ΄Π½Π° ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° ΠΈ ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅, ΠΏΠΎΠΉΠΌΠ΅Ρ‚ Π»ΠΈ Ρ‡ΠΈΡ‚Π°Ρ‚Π΅Π»ΡŒ, ΠΎ Ρ‡Π΅ΠΌ Ρ€Π΅Ρ‡ΡŒ.

Π‘ΠΎΠ²Π΅Ρ‚Ρ‹ email-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΎΠ² Π½Π° эту Ρ‚Π΅ΠΌΡƒ просты ΠΈ Π»ΠΎΠ³ΠΈΡ‡Π½Ρ‹:

  • НС ΠΏΠΈΡΠ°Ρ‚ΡŒ Π½Π° изобраТСниях Π²Π°ΠΆΠ½ΡƒΡŽ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡŽ, Π±Π΅Π· ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ нСпонятСн смысл рассылки.
  • НС ΠΎΡ‚ΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ всё письмо Π΅Π΄ΠΈΠ½ΠΎΠΉ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΎΠΉ.
  • НС ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π±ΠΎΠ»ΡŒΡˆΠΈΡ… Ρ„ΠΎΠ½ΠΎΠ²Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ: Ρƒ ΠΎΠ΄Π½ΠΎΠΉ части ΠΏΠΎΠ»ΡƒΡ‡Π°Ρ‚Π΅Π»Π΅ΠΉ Ρ‚Π°ΠΊΠΎΠΉ Ρ„ΠΎΠ½ просто Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π²ΠΈΠ΄Π΅Π½, Ρƒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ β€” Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ²Ρ‚ΠΎΡ€ΡΡ‚ΡŒΡΡ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ ΠΈ высотС письма.

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΡƒ Π² HTML письмо с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ


ePochta Mailer

Если Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅ HTML ΠΈ Π½Π΅ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π΅Π³ΠΎ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ, Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ Π²ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹ΠΌ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½Ρ‹ΠΌ обСспСчСниСм, ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎ ePochta Mailer. Вакая ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ° для рассылок позволяСт Π»Π΅Π³ΠΊΠΎ ΠΈ быстро Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² письмо, Π±Π΅Π· «копания» Π² ΠΊΠΎΠ΄Π΅.

3 шага добавлСния ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Π’ процСссС создания шаблона Π² ePochta Mailer Π²Ρ‹ подошли ΠΊ этапу, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  1. Π’Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ Π½Π° ΠΏΠ°Π½Π΅Π»ΠΈ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ мСню Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒΒ».
  2. Π’Π½ΡƒΡ‚Ρ€ΠΈ этого мСню Π²Ρ‹Π±ΠΈΡ€Π°Π΅Ρ‚Π΅ ΠΎΠΏΡ†ΠΈΡŽ «Рисунок».
  3. Π’ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ появится, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠžΠ±Π·ΠΎΡ€Β» Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Π² ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ. Π‘Ρ‚Ρ€ΠΎΠΊΡƒ «ВСкст для Π·Π°ΠΌΠ΅Π½Ρ‹Β» заполняСтС alt-тСкстом.

Π Π°Π±ΠΎΡ‚Π° с ΠΊΠΎΠ΄ΠΎΠΌ: ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ° срСдствами HTML

Если Π²Ρ‹ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒ Π² письмо изобраТСния со своСго сайта, ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚Π΅ Π½Π° ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ β€œHTML код” Π² ΠΎΠΊΠ½Π΅ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡ‹ ΠΈ добавляйтС ΠΊΠΎΠ΄ ΠΏΠΎ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ

<img src=»http://www.yoursite.com/images/picture.jpg»>,

Π³Π΄Π΅ src=»http://www.yoursite.com/images/picture.jpg» – источник ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ, Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Π°Ρ ссылка Π½Π° ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° вашСм сайтС.

И напослСдок…

УстановитС всС популярноС ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ΅ обСспСчСниС пСрСписки ΠΏΠΎ элСктронной ΠΏΠΎΡ‡Ρ‚Π΅ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅ β€” Outlook, The Bat!, Eudora, ΠΈ Ρ‚.Π΄.

ΠŸΠ΅Ρ€Π΅Π΄ ΠΎΡ‚ΠΏΡ€Π°Π²ΠΊΠΎΠΉ рассылки, ΠΎΡ‚ΠΏΡ€Π°Π²ΡŒΡ‚Π΅ письмо Π½Π° свои ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ Π°ΠΊΠΊΠ°ΡƒΠ½Ρ‚Ρ‹. Π£Π΄ΠΎΡΡ‚ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ использовании Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… бСсплатных ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Ρ… ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй, Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… web-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ΠΎΠ² ΠΈ Ρ‚ΠΈΠΏΠΎΠ² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠΉ, вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ отобраТаСтся.

<<ВСрнутся Π½Π°Π·Π°Π΄, Π² Ρ€Π°Π·Π΄Π΅Π» Β«ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ΡΡ‚Π°Ρ‚ΡŒΠΈΒ»

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ встроСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² сообщСниС Outlook

Π§Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ Π·Π½Π°Ρ‚ΡŒ

  • Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ HTML для элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹, Ссли ΠΎΠ½ΠΎ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ.
  • Π—Π°Ρ‚Π΅ΠΌ Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ > Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
  • Для Outlook.com Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ изобраТСния, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ .

Π’ этой ΡΡ‚Π°Ρ‚ΡŒΠ΅ ΠΎΠ±ΡŠΡΡΠ½ΡΠ΅Ρ‚ΡΡ, ΠΊΠ°ΠΊ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚Π΅Π»ΠΎ элСктронного письма вмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»ΡΡ‚ΡŒ Π΅Π³ΠΎ ΠΊΠ°ΠΊ Ρ„Π°ΠΉΠ» Π² Outlook 2019, 2016, 2013 ΠΈ 2010, Outlook для Microsoft 365 ΠΈ Outlook.com.

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² сообщСниС Outlook

Π’Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ встроСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² своС элСктронноС письмо:

  1. Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹ . Π’Π°ΡˆΠ΅ сообщСниС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML. Π—Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π€ΠΎΡ€ΠΌΠ°Ρ‚ тСкста Π² ΠΎΠΊΠ½Π΅ Π½ΠΎΠ²ΠΎΠ³ΠΎ сообщСния элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹.

  2. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ Format Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ HTML .

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²ΠΊΠ»Π°Π΄ΠΊΡƒ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ . РазмСститС курсор Π² Ρ‚Π΅Π»Π΅ сообщСния Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

    Lifewire
  4. Π’ Ρ€Π°Π·Π΄Π΅Π»Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΉ . ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ ΠΎΠΊΠ½ΠΎ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β».

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΊΠ°Ρ‚ΡŒ изобраТСния Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅, Π½Π΅ выходя ΠΈΠ· Outlook, Π²Ρ‹Π±Ρ€Π°Π² Online Pictures, , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ поиск ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Bing. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ изобраТСния Π² своСй ΡƒΡ‡Π΅Ρ‚Π½ΠΎΠΉ записи OneDrive.

  5. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡŽ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ. Когда Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ, Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ .

    Π’ΡΡ‚Π°Π²ΡŒΡ‚Π΅ сразу нСсколько ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, удСрТивая ΠΊΠ»Π°Π²ΠΈΡˆΡƒ Ctrl ΠΈ выбирая ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ.

    Lifewire
  6. ΠžΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния, удСрТивая ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΌΠ°Ρ€ΠΊΠ΅Ρ€ΠΎΠ² изобраТСния ΠΏΠΎ краям, Π° Π·Π°Ρ‚Π΅ΠΌ пСрСтаскивая Π΅Π³ΠΎ. Он Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠ»ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Ρ‚ΡŒΡΡ ΠΏΡ€ΠΈ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ Ρ€ΡƒΡ‡ΠΊΠΈ.

  7. НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ Layout Options (ΠΎΠ½Π° появляСтся ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ изобраТСния), Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ взаимодСйствия изобраТСния с ΠΎΠΊΡ€ΡƒΠΆΠ°ΡŽΡ‰ΠΈΠΌ тСкстом. Π’ строкС с тСкстом выбираСтся ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ ΠΈ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π΅Ρ‚ ниТнюю Ρ‡Π°ΡΡ‚ΡŒ изобраТСния ΠΏΠΎ строкС тСкста Π² Ρ‚ΠΎΡ‡ΠΊΠ΅ вставки.

    с ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ΠΌ тСкстом ΠŸΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ Π²ΠΊΠ»ΡŽΡ‡Π°ΡŽΡ‚ ΠΎΠ±Ρ‚Π΅ΠΊΠ°Π½ΠΈΠ΅ тСкстом, Π·Π° Π½ΠΈΠΌ, ΠΏΠ΅Ρ€Π΅Π΄ Π½ΠΈΠΌ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹ повСдСния. Π­Ρ„Ρ„Π΅ΠΊΡ‚ зависит ΠΎΡ‚ Ρ„ΠΎΡ€ΠΌΡ‹ вашСго изобраТСния. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Π°ΠΌ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚.

    Lifewire

Как Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² сообщСниС Outlook.com

Вставка встроСнного изобраТСния Π² Outlook.com прост, хотя Ρƒ вас Π½Π΅ Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² форматирования изобраТСния, ΠΊΠ°ΠΊ Π² вСрсиях ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ½ΠΎΠ³ΠΎ обСспСчСния Outlook.

  1. Π’Π°ΡˆΠ΅ сообщСниС Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ HTML (вмСсто ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ тСкста), Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ встроСнноС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. HTML — это Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, поэтому Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π΅Π³ΠΎ ΠΌΠ΅Π½ΡΡ‚ΡŒ, Π½ΠΎ для ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΊΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Π½ΠΎΠ²ΠΎΠ΅ сообщСниС ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ΠΎΠ² Π²Π½ΠΈΠ·Ρƒ. Если Π² мСню прСдлагаСтся ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° HTML , Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π΅Π³ΠΎ.

  2. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ курсор Π² сообщСниС, ΠΊΡƒΠ΄Π° Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

  3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ изобраТСния Π² мСню ΠΏΠΎΠ΄ вашим сообщСниСм. Он находится Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ строкС мСню, Ρ‡Ρ‚ΠΎ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠžΡ‚ΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΒ» ΠΈ Β«ΠžΡ‚ΠΌΠ΅Π½ΠΈΡ‚ΡŒΒ». ΠžΡ‚ΠΊΡ€ΠΎΠ΅Ρ‚ΡΡ ΠΎΠΊΠ½ΠΎ Β«Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅Β».

  4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ, Π° Π·Π°Ρ‚Π΅ΠΌ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ .

    Lifewire
  5. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ появится Π² вашСм сообщСнии.

    Lifewire

О Ρ€Π°Π·ΠΌΠ΅Ρ€Π°Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ²

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΎ Π½Π΅ слишком большоС.Π‘ΠΆΠ°Ρ‚ΠΈΠ΅ ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π°, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹Π΅ систСмы ΠΌΠΎΠ³Π»ΠΈ с Π½ΠΈΠΌ ΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒΡΡ. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ Ρƒ Π½ΠΈΡ… Π΅ΡΡ‚ΡŒ ограничСния Π½Π° Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° для сообщСний, ΠΈ Ссли вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ слишком Π²Π΅Π»ΠΈΠΊΠΎ, ΠΎΠ½ΠΎ Π½Π΅ ΠΏΡ€ΠΎΠΉΠ΄Π΅Ρ‚.

Если вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ большоС, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΏΠΎΡ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ это ΠΎΡ€ΠΈΠ³ΠΈΠ½Π°Π», Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ инструмСнт для сТатия ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния для элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹. ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΠ»ΠΈ Π΅Π³ΠΎ Π΄ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, Π²Ρ‹ΠΏΠΎΠ»Π½ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ дСйствия, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² своС сообщСниС.

Бпасибо, Ρ‡Ρ‚ΠΎ сообщили Π½Π°ΠΌ!

РасскаТитС, ΠΏΠΎΡ‡Π΅ΠΌΡƒ!

Π”Ρ€ΡƒΠ³ΠΎΠΉ НСдостаточно подробностСй Π‘Π»ΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ½ΡΡ‚ΡŒ

Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ изобраТСния Π² Ρ„Π°ΠΉΠ» HTML: Π£Ρ‡Π΅Π±Π½ΠΈΠΊ для Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‰ΠΈΡ…

ΠŸΡ€ΠΈ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅ Π²Π΅Π±-сайта ΠΈΠ»ΠΈ Ρ‚Π΅ΠΌΡ‹ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ люди ΠΌΠΎΠ³Π»ΠΈ быстро ΠΈΠ΄Π΅Π½Ρ‚ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ваш сайт.Но ΠΊΠ°ΠΊ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ? Π§Ρ‚ΠΎ ΠΆ, Π² этом руководствС ΠΌΡ‹ ΠΏΠΎΠΊΠ°ΠΆΠ΅ΠΌ Π²Π°ΠΌ простой способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML.

Π¨Π°Π³ΠΈ ΠΏΠΎ добавлСнию изобраТСния с использованиСм HTML

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π° свой Π²Π΅Π±-сайт, Π²Π°ΠΌ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» HTML ΠΈΠ»ΠΈ PHP Π² Ρ‚ΠΎΠΌ мСстС, Π³Π΄Π΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ FTP-ΠΊΠ»ΠΈΠ΅Π½Ρ‚ для ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΊ Π²Π΅Π±-сСрвСру ΠΈ рСдактирования Π²Π΅Π±-Ρ„Π°ΠΉΠ»ΠΎΠ². ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ„Π°ΠΉΠ»ΠΎΠ²Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ ΠΏΠ°Π½Π΅Π»ΠΈ управлСния хостингом.

Из нашСго Ρ‚ΡƒΡ‚ΠΎΡ€ΠΈΠ°Π»Π° Π’Ρ‹ ΡƒΠ·Π½Π°Π΅Ρ‚Π΅, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ»ΠΈ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ Π½Π° свой сайт WordPress с hPanel Hostinger:

.
  1. НазовитС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ.РаздСляйтС слова дСфисами вмСсто ΠΏΡ€ΠΎΠ±Π΅Π»ΠΎΠ².
  2. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ Π² Ρ„Π°ΠΉΠ»ΠΎΠ²Ρ‹ΠΉ ΠΌΠ΅Π½Π΅Π΄ΠΆΠ΅Ρ€ hPanel . Π—Π°Ρ‚Π΅ΠΌ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ public_html , Π½Π°ΠΆΠ°Π² ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ диспСтчСру Ρ„Π°ΠΉΠ»ΠΎΠ² .
  3. Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ public_html .

    Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ изобраТСния распознано. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌΡ‹Π΅ Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Ρ‹ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠΎΠ² Π²Π΅Π±-сайтов: png, jpeg, ΠΈΠ»ΠΈ gif .

  4. ΠŸΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ wp-content -> themes ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΠΏΠ°ΠΏΠΊΡƒ Ρ‚Π΅ΠΌ, ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Π² Π΄Π°Π½Π½Ρ‹ΠΉ ΠΌΠΎΠΌΠ΅Π½Ρ‚.
  5. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ Ρ„Π°ΠΉΠ», Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏ ΠΈΠ»ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Допустим, Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² свой Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ, поэтому Π²Π°ΠΌ Π½ΡƒΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» header.php .
  6. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, вставив ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΉ синтаксис HTML. ΠŸΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅ Π΅Π³ΠΎ ΠΏΠ΅Ρ€Π΅Π΄ ΠΊΠΎΠ½Ρ†ΠΎΠΌ Ρ‚Π΅Π³Π° Π² Ρ„Π°ΠΉΠ»Π΅ header.php :
     Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ тСкст 

    Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Β«hostinger-logo.png Β», ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹ΠΉ IMG SRC с ΠΈΠΌΠ΅Π½Π΅ΠΌ изобраТСния, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π²Ρ‹ ΡΠΎΠ±ΠΈΡ€Π°Π΅Ρ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ. Π—Π°Ρ‚Π΅ΠΌ ΠΎΡ‚Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Β«Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ тСкст», ΠΏΡ€ΠΎΠ΄ΠΈΠΊΡ‚ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ALT, с описаниСм вашСго изобраТСния. НаконСц, ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ ШИРИНУ ΠΈ Π’Π«Π‘ΠžΠ’Π£ вашСго изобраТСния.


  7. ПослС сохранСния ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΏΠ΅Ρ€Π΅Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ сайт. Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ отобраТаСтся Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ вашСго Π²Π΅Π±-сайта.

ΠŸΡ€Π΅Π΄ΠΎΡΡ‚Π°Π²Π»Π΅Π½Π½Ρ‹ΠΉ Π½Π°ΠΌΠΈ синтаксис HTML Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΡ‚ для добавлСния ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π° Π΄Ρ€ΡƒΠ³ΠΈΠ΅ ΠΏΠ»Π°Ρ‚Ρ„ΠΎΡ€ΠΌΡ‹ CMS. Π¨Π°Π³ΠΈ Ρ‚Π°ΠΊΠΈΠ΅ ΠΆΠ΅, Π½ΠΎ ΠΈΠΌΠ΅Π½Π° ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ΠΎΠ² ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡ‚Π»ΠΈΡ‡Π°Ρ‚ΡŒΡΡ.

Π—Π°ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅

НаличиС Π»ΠΎΠ³ΠΎΡ‚ΠΈΠΏΠ° ΠΈΠ»ΠΈ изобраТСния Π²Ρ‹Π³ΠΎΠ΄Π½ΠΎ для вашСго сайта. Π­Ρ‚ΠΎ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ сдСлаСт ваш сайт Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ, Π½ΠΎ ΠΈ повысит ваш Π±Ρ€Π΅Π½Π΄ΠΈΠ½Π³. И, ΠΊ ΡΡ‡Π°ΡΡ‚ΡŒΡŽ, Π΄ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML ΠΎΡ‡Π΅Π½ΡŒ просто! ΠŸΡ€ΠΎΡΡ‚ΠΎ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с Π»ΡŽΠ±Ρ‹ΠΌ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ΠΌ, Π° Π·Π°Ρ‚Π΅ΠΌ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ„Π°ΠΉΠ»Ρ‹ шаблонов вашСй Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ Ρ‚Π΅ΠΌΡ‹.

А Ρ‚Π΅ΠΏΠ΅Ρ€ΡŒ ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ сами! Π£Π΄Π°Ρ‡ΠΈ!

Линас Π½Π°Ρ‡ΠΈΠ½Π°Π» ΠΊΠ°ΠΊ Π°Π³Π΅Π½Ρ‚ ΠΏΠΎ Ρ€Π°Π±ΠΎΡ‚Π΅ с ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π°ΠΌΠΈ, Π° сСйчас являСтся ΠΏΠΎΠ»Π½ΠΎΡ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½Ρ‹ΠΌ PHP-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠΌ Π² Hostinger.Он страстно ΠΆΠ΅Π»Π°Π΅Ρ‚ ΠΎΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ влияниС Π½Π° людСй, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ ΠΌΠ΅Ρ‚ΠΎΠ΄Ρ‹ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ, ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π½Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Ρ. Π₯отя Π΅ΠΌΡƒ нравится ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ ΠΌΠΈΡ€, ΠΎΠ½ Π²Ρ‚Π°ΠΉΠ½Π΅ ΠΌΠ΅Ρ‡Ρ‚Π°Π΅Ρ‚ ΡΡ‚Π°Ρ‚ΡŒ Ρ€ΠΎΠΊ-Π·Π²Π΅Π·Π΄ΠΎΠΉ.

Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² WordPress с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π° — TutorialBrain

Главная Β»WordPressΒ» Как Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² WordPress с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π°

Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ Π½Π° страницС / Π±Π»ΠΎΠ³Π΅ — ΠΎΡ‚Π»ΠΈΡ‡Π½Ρ‹ΠΉ способ ΠΏΡ€ΠΈΠ²Π»Π΅Ρ‡ΡŒ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ посСтитСлСй. Π”ΠΎΠ±Π°Π²Π»ΡΡ‚ΡŒ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π° ΠΎΡ‡Π΅Π½ΡŒ просто.На этой страницС ΠΌΡ‹ ΡƒΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² WordPress с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π°.

HTML-ΠΊΠΎΠ΄ для вставки изобраТСния выглядит ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ: —

 ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ имя Ρ„Π°ΠΉΠ»Π°
 

Π—Π΄Π΅ΡΡŒ

img src = Π­Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠ° HTML, которая сообщаСт Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ, Ρ‡Ρ‚ΠΎ Π²Π΅Π±-сайт ΠΈΡ‰Π΅Ρ‚ Ρ„Π°ΠΉΠ» изобраТСния.

”/path/to/image-name.jpg” = ЀактичСский ΠΏΡƒΡ‚ΡŒ ΠΊ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Ρƒ вашСго изобраТСния.

alt = Β«ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ имя Ρ„Π°ΠΉΠ»Π°Β» = Он прСдоставит Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π½ΠΎΠ΅ имя для вашСго изобраТСния, ΠΊΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΡƒ чтСния с экрана с Π²Ρ‹ΠΊΠ»ΡŽΡ‡Π΅Π½Π½Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈΠ»ΠΈ ΠΊΠΎΠ³Π΄Π° трСбуСтся врСмя для Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ изобраТСния.

/> = Π­Ρ‚ΠΎ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠΉ Ρ‚Π΅Π³.

  1. На ΠΏΠ°Π½Π΅Π»ΠΈ управлСния ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Media ΠΈ Π½Π°ΠΆΠΌΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ .
  2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π€Π°ΠΉΠ» > Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅> ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ .
    Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ Π² Π²Π°ΡˆΡƒ ΠΌΠ΅Π΄ΠΈΠ°Ρ‚Π΅ΠΊΡƒ.
  1. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ скопируйтС URL-адрСс, сгСнСрированный WordPress для Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ изобраТСния.
  1. Π—Π°Ρ‚Π΅ΠΌ ΠΏΠ΅Ρ€Π΅ΠΉΠ΄ΠΈΡ‚Π΅ ΠΊ Π‘Ρ‚Ρ€Π°Π½ΠΈΡ†Ρ‹ > ВсС страницы ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ страницу, Π½Π° ΠΊΠΎΡ‚ΠΎΡ€ΡƒΡŽ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
  2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Text > Img > Π²ΡΡ‚Π°Π²ΡŒΡ‚Π΅ скопированный URL Π²ΠΎ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰Π΅Π΅ ΠΎΠΊΠ½ΠΎ Β«localhost Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Β»> OK .
  1. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ описаниС изобраТСния> OK .
  2. ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ visual > ОбновлСниС > ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ .

Π˜Ρ‚Π°ΠΊ, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΎ Π½Π° Π²Π°ΡˆΡƒ страницу WordPress с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML-ΠΊΠΎΠ΄Π°.

Как Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² ваши ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π² ΠΎΠ±Ρ‰ΠΈΡ… ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹

На этой страницС Π²Ρ‹ Π½Π°ΠΉΠ΄Π΅Ρ‚Π΅ нСсколько способов Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ваши ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π² ΠΎΠ±Ρ‰ΠΈΡ… ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ изобраТСния ΠΈΠ· OneDrive ΠΈΠ»ΠΈ URL-адрСса, Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ‚Π΅Π³ нСпосрСдствСнно Π² HTML-ΠΊΠΎΠ΄ ΠΈΠ»ΠΈ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ Outlook, Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² Π½Π΅Π³ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ этот Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ Π² качСствС шаблона.

Π’ΠΎΡ‚ быстрый Как Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΠ°, Π½Π°ΠΆΠΌΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ Π½ΠΈΠΆΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ:

Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΡˆΠΏΠ°Ρ€Π³Π°Π»ΠΊΡƒ

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· OneDrive

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ способ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шаблон — ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· OneDrive с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ макроса ~% InsertPictureFromOneDrive.Π§Ρ‚ΠΎΠ±Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ макрос, ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ свой шаблон ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ макрос :

Π’ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ макрос ~% InsertPictureFromOneDrive:

Если Π΅Π΄ΠΈΠ½Ρ‹ΠΉ Π²Ρ…ΠΎΠ΄ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½, ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ макроса ~% InsertPictureFromOneDrive надстройка попросит Π²ΠΎΠΉΡ‚ΠΈ Π² Π²Π°ΡˆΡƒ ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись OneDrive.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² свой адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹:

НаконСчник. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись OneDrive, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π·Π½Π°Ρ‡ΠΎΠΊ Blue Cloud справа.

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния (Π² пиксСлях) ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°Π²ΠΈΡ‚ΡŒ эти поля пустыми ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ :

Если Π²Ρ‹ Π½Π΅ Π²Π²Π΅Π΄Π΅Ρ‚Π΅ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ вставлСно с исходными Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ.

Когда Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ шаблон с этим макросом, макрос Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, вставляСт скрытоС Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΅Π³ΠΎ Π² Ρ‚Π΅Π»Π΅ сообщСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ~% InsertPictureFromOneDrive Π² шаблонС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ Π²Π°ΡˆΠΈΡ… Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰Π΅ΠΉ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π΅ΡΡ‚ΡŒ доступ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠ΅ Π² OneDrive.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎΠ± ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ доступом Π² OneDrive Π½Π° страницС Β«ΠžΠ±Ρ‰ΠΈΠΉ доступ ΠΊ Ρ„Π°ΠΉΠ»Π°ΠΌ ΠΈ ΠΏΠ°ΠΏΠΊΠ°ΠΌ OneDriveΒ».

НаконСчник. Для вашСго удобства Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ Π² OneDrive, ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ Сю со всСми своими Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰Π°ΠΌΠΈ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈ ΡΠΎΠ±Ρ€Π°Ρ‚ΡŒ всС Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌΠΈ Π²Ρ‹ Π΄Π΅Π»ΠΈΡ‚Π΅ΡΡŒ, Π² ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ….

НаконСчник. Когда макрос Π±ΡƒΠ΄Π΅Ρ‚ создан, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ :

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· SharePoint

Π§Ρ‚ΠΎΠ±Ρ‹ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· SharePoint, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ макрос ~% InsertPictureFromSharePoint:

Если Π΅Π΄ΠΈΠ½Ρ‹ΠΉ Π²Ρ…ΠΎΠ΄ Π½Π΅ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½, ΠΏΡ€ΠΈ Π²Ρ‹Π±ΠΎΡ€Π΅ этого макроса надстройка попросит вас Π²ΠΎΠΉΡ‚ΠΈ Π² свою ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись SharePoint.

Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ Π² свой адрСс элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹:

НаконСчник. Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись SharePoint, Ρ‰Π΅Π»ΠΊΠ½ΡƒΠ² Π·Π½Π°Ρ‡ΠΎΠΊ ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись SharePoint справа.

Π’Ρ‹ ΡƒΠ²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΎΠΊΠ½ΠΎ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ :

ΠŸΡ€ΠΈ нСобходимости Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния (Π² пиксСлях) ΠΈ Π½Π°ΠΆΠ°Ρ‚ΡŒ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ .

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ~% InsertPictureFromSharePoint Π² шаблонС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ находится Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Ρƒ Π²Π°ΡˆΠΈΡ… Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰Π΅ΠΉ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ Π΅ΡΡ‚ΡŒ доступ ΠΊ Ρ„Π°ΠΉΠ»Ρƒ ΠΈΠ»ΠΈ ΠΏΠ°ΠΏΠΊΠ΅ Π² SharePoint.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ·Π½Π°Ρ‚ΡŒ большС ΠΎΠ± ΡƒΠΏΡ€Π°Π²Π»Π΅Π½ΠΈΠΈ доступом Π² SharePoint Π½Π° страницС БовмСстноС использованиС Ρ„Π°ΠΉΠ»ΠΎΠ² ΠΈ ΠΏΠ°ΠΏΠΎΠΊ SharePoint.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ~% InsertPictureFromSharePoint Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ с бСсплатными ΡƒΡ‡Π΅Ρ‚Π½Ρ‹ΠΌΠΈ записями, Ρ‚Π°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Outlook.com, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Π² Π½ΠΈΡ… Π½Π΅Ρ‚ SharePoint.

НаконСчник. Когда макрос Π±ΡƒΠ΄Π΅Ρ‚ создан, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ‰Π΅Π»ΠΊΠ½ΡƒΡ‚ΡŒ ΠΏΠΎ Π½Π΅ΠΌΡƒ ΠΈ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ Ρ„Π°ΠΉΠ» ΠΈΠ»ΠΈ ΠžΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ ΠΏΠ°ΠΏΠΊΡƒ :

Π•Π΄ΠΈΠ½Ρ‹ΠΉ Π²Ρ…ΠΎΠ΄ (SSO) для макросов OneDrive ΠΈ SharePoint

Если Π² своих ΡˆΠ°Π±Π»ΠΎΠ½Π°Ρ… Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ изобраТСния ΠΈΠ· OneDrive ΠΈΠ»ΠΈ SharePoint ΠΈ Ρƒ вас Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Π° учСтная запись OneDrive, которая совпадаСт с вашСй ΡƒΡ‡Π΅Ρ‚Π½ΠΎΠΉ записью Microsoft 365 Outlook (которая ΡƒΠΊΠ°Π·Π°Π½Π° Π² Outlook Π€Π°ΠΉΠ» β†’ Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ ΠΎΠ± ΡƒΡ‡Π΅Ρ‚Π½ΠΎΠΉ записи ), Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²Π·ΡΡ‚ΡŒ прСимущСство Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ Π²Ρ…ΠΎΠ΄Π°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡŽΡ‰Π΅Π΅ ΠΈΠ·Π±Π΅ΠΆΠ°Ρ‚ΡŒ Π²Π²ΠΎΠ΄Π° ΠΈΠ»ΠΈ подтвСрТдСния ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΈ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ использовании макросов ~% InsertPictureFromOneDrive ΠΈ ~% InsertPictureFromSharePoint.

ΠŸΡ€ΠΈ Π΅Π΄ΠΈΠ½ΠΎΠΌ Π²Ρ…ΠΎΠ΄Π΅ Π²Ρ‹ ΠΏΡ€ΠΈΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ для прилоТСния Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Ρ€Π°Π·:

ПослС этого всС изобраТСния Π±ΡƒΠ΄ΡƒΡ‚ вставлСны Π±Π΅Π· Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‰ΠΈΡ… ΠΎΠΊΠΎΠ½.

ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π΄ΠΈΠ½Ρ‹ΠΉ Π²Ρ…ΠΎΠ΄

Ѐункция Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ Π²Ρ…ΠΎΠ΄Π° Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ. Если Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ изобраТСния ΠΈΠ· Ρ€Π°Π·Π½Ρ‹Ρ… ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй OneDrive , ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π΅Π΄ΠΈΠ½Ρ‹ΠΉ Π²Ρ…ΠΎΠ΄. Для этого Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Ρ‚Ρ€ΠΈ Ρ‚ΠΎΡ‡ΠΊΠΈ Π² ΠΏΡ€Π°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡƒΠ³Π»Ρƒ ΠΏΠ°Π½Π΅Π»ΠΈ надстройки ΠΈ Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠŸΡ€ΠΎΡ„ΠΈΠ»ΡŒ :

НаТмитС Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡƒΡ‡Π΅Ρ‚Π½ΡƒΡŽ запись :

Π’ΠΎΡ‚ Π½ΡƒΠΆΠ½Ρ‹ΠΉ Π²Π°ΠΌ Ρ„Π»Π°ΠΆΠΎΠΊ:

Π’Π°ΠΆΠ½Ρ‹Π΅ примСчания

Под Ρ„Π»Π°ΠΆΠΊΠΎΠΌ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ сообщСниС ΠΎΠ± ошибкС красного Ρ†Π²Π΅Ρ‚Π°, Π² Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²Π΅ случаСв это сообщСниС связано с ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· пСрСчислСнных Π½ΠΈΠΆΠ΅ Ρ‚ΠΎΡ‡Π΅ΠΊ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, функция Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ Π²Ρ…ΠΎΠ΄Π°:
  • НС поддСрТиваСтся Π² Π²Π΅Π±-ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ — ΠΎΠ½ доступСн Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² надстройкС Outlook (Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹ΠΉ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ ΠΈΠ»ΠΈ ΠΎΠ½Π»Π°ΠΉΠ½).
  • Доступно Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² Ρ‚ΠΎΠΌ случаС, Ссли ваш Outlook прСдоставляСт ΠΏΠΎΡ‡Ρ‚ΠΎΠ²Ρ‹ΠΉ ящик API 1.9 ΠΈ Π²Ρ‹ΡˆΠ΅.
  • Π Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Π² ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записях Microsoft 365 ΠΈ Π½Π΅ поддСрТиваСтся для бСсплатных ΡƒΡ‡Π΅Ρ‚Π½Ρ‹Ρ… записСй outlook.com.

Но Ссли Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ сообщСниС Β«SSO Π½Π΅ поддСрТиваСтся Π² вашСй Ρ‚Π΅ΠΊΡƒΡ‰Π΅ΠΉ вСрсии надстройки», скорСС всСго, Π²Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ΄ΠΎΠΆΠ΄Π°Ρ‚ΡŒ, ΠΏΠΎΠΊΠ° ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΎ Π² вашСй ΡƒΡ‡Π΅Ρ‚Π½ΠΎΠΉ записи.Π‘ΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ этого процСсса зависит ΠΎΡ‚ Microsoft, ΠΈ ΠΌΡ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅ΠΌ Π½Π° Π½Π΅Π΅ ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ.

Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· URL

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ способ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шаблон — ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· URL-адрСса с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ макроса ~% InsertPictureFromURL. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ свой шаблон ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ макрос :

Π’ Ρ€Π°ΡΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΌΡΡ спискС Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ макрос ~% InsertPictureFromURL:

Π’Π²Π΅Π΄ΠΈΡ‚Π΅ URL-адрСс, установитС Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния ΠΈΠ»ΠΈ ΠΎΡΡ‚Π°Π²ΡŒΡ‚Π΅ эти поля пустыми ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π’ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ :

Если Π²Ρ‹ Π½Π΅ Π²Π²Π΅Π΄Π΅Ρ‚Π΅ Π½ΠΈΠΊΠ°ΠΊΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ вставлСно с исходными Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ.

Когда Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ шаблон с этим макросом, макрос Π·Π°Π³Ρ€ΡƒΠΆΠ°Π΅Ρ‚ Π²Ρ‹Π±Ρ€Π°Π½Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, вставляСт скрытоС Π²Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ Π΅Π³ΠΎ Π² Ρ‚Π΅Π»Π΅ сообщСния.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ макрос ~% InsertPictureFromURL Π² шаблонС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваши Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰ΠΈ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ доступ ΠΊ URL-адрСсу, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Π² макросС.

Π§Π΅Π³ΠΎ нСльзя Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΡ€ΠΈ вставкС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с URL

Π”Ρ€ΡƒΠ·ΡŒΡ, поТалуйста, Ссли Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ· OneDrive ΠΈΠ»ΠΈ SharePoint, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ макросы ~% InsertPictureFromOneDrive ΠΈ ~% InsertPictureFromSharePoint Ρ‚ΠΎΠ»ΡŒΠΊΠΎ .

НС ΠΏΡ‹Ρ‚Π°ΠΉΡ‚Π΅ΡΡŒ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ макрос ~% InsertPictureFromURL ΠΈ ΠΏΠΎΠΌΠ΅Ρ‰Π°Ρ‚ΡŒ ссылку Π½Π° свой Ρ„Π°ΠΉΠ» ΠΈΠ· OneDrive ΠΈΠ»ΠΈ SharePoint Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ скобки.

НапримСр, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, ΡΠΊΠΎΠΏΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ адрСс ΠΈΠ· адрСсной строки ΠΈ ΠΏΠΎΠΏΡ‹Ρ‚Π°Ρ‚ΡŒΡΡ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π² макросС ~% InsertPictureFromURL. Π­Ρ‚ΠΎ Π½Π΅ сработаСт. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ссли Π²Ρ‹ скопируСтС ссылку Π½Π° своС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²ΠΎ врСмя ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ Π΅Π³ΠΎ Π² OneDrive ΠΈ вставитС Π΅Π΅ Π² ΠΊΠ²Π°Π΄Ρ€Π°Ρ‚Π½Ρ‹Π΅ скобки Π² макросС ~% InsertPictureFromURL — это Ρ‚ΠΎΠΆΠ΅ Π½Π΅ сработаСт.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² HTML

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ HTML-ΠΊΠΎΠ΄ Π²Π°ΡˆΠΈΡ… шаблонов ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‚Π΅Π³ для добавлСния изобраТСния Π² ваш шаблон.Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ шаблон ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΉ ΠΈ Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π·Π½Π°Ρ‡ΠΎΠΊ ΠŸΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ HTML :

Π’Π²Π΅Π΄ΠΈΡ‚Π΅ Ρ‚Π΅Π³ с URL-адрСсом ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ вашСго изобраТСния. НапримСр, Ссли ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с ΠΈΠΌΠ΅Π½Π΅ΠΌ Β«logo.pngΒ» находится ΠΏΠΎ адрСсу https://cdn.company.com/ ΠΈ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±Ρ‹Ρ‚ΡŒ вставлСно Π² ΡˆΠΈΡ€ΠΈΠ½Ρƒ 150 пиксСлСй ΠΈ высоту 80 пиксСлСй, Ρ‚Π΅Π³ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

НаконСчник. Π’Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ вставлСнного изобраТСния Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΎΡ‚ Π΅Π³ΠΎ исходного Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, поэтому Ρ‚Π΅Π³ ΠΌΠΎΠΆΠ΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ:

НаконСчник. Если Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с исходными Ρ€Π°Π·ΠΌΠ΅Ρ€Π°ΠΌΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Π΅Π· Ρ€Π°Π·ΠΌΠ΅Ρ€Π°, ΠΈ Ρ‚Π΅Π³ Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Ρ‚Π°ΠΊ:

НаТмитС ΠžΠ±Π½ΠΎΠ²ΠΈΡ‚ΡŒ :

Π’Π°ΡˆΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² вашСм шаблонС, Π½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ Π·Π°Π³Ρ€ΡƒΠΆΠ΅Π½ΠΎ ΠΈ ΠΏΡ€ΠΈΠΊΡ€Π΅ΠΏΠ»Π΅Π½ΠΎ, поэтому, Ссли ΠΎΠ½ΠΎ станСт нСдоступным ΠΏΠΎ URL-адрСсу, ΠΎΠ½ΠΎ Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ вставлСно ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ Π² Π²Π°ΡˆΠΈΡ… сообщСниях.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅. Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ HTML-Ρ‚Π΅Π³ Π² шаблонС, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ совмСстно с Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваши Ρ‚ΠΎΠ²Π°Ρ€ΠΈΡ‰ΠΈ ΠΏΠΎ ΠΊΠΎΠΌΠ°Π½Π΄Π΅ ΠΈΠΌΠ΅ΡŽΡ‚ доступ ΠΊ URL-адрСсу, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π²Ρ‹ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚Π΅ Π² Ρ‚Π΅Π³Π΅.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ Outlook со вставлСнным ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ

Π•Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ способ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² шаблон — ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠΈ Outlook Π² качСствС шаблонов. Π’ этом случаС Π²Ρ‹ создаСтС Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊ Π² Outlook, вставляСтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ связываСтС ΠΏΠ°ΠΏΠΊΡƒ с этим Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠΎΠΌ с ΠΎΠ±Ρ‰ΠΈΠΌΠΈ шаблонами элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹. Π’ΠΎΡ‚ нашС руководство ΠΏΠΎ использованию связанных ΠΏΠ°ΠΏΠΎΠΊ:

Как ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Ρ‡Π΅Ρ€Π½ΠΎΠ²ΠΈΠΊΠΈ Outlook Π² качСствС шаблонов

ΠŸΠΎΠ»Π΅Π·Π½Ρ‹Π΅ ссылки Π² нашСм Π±Π»ΠΎΠ³Π΅

Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΏΠΎ этой Ρ‚Π΅ΠΌΠ΅ Π² ΡΡ‚Π°Ρ‚ΡŒΡΡ… нашСго Π±Π»ΠΎΠ³Π°:

HTML Tutorial — Π“Π΄Π΅ ΠΌΠΎΠΈ изобраТСния?

HTML Tutorial — Π“Π΄Π΅ ΠΌΠΎΠΈ изобраТСния?

Π”ΠΎΡ€ΠΎΠ³ΠΎΠΉ Π”ΠΆΠΎ,
<----- Π― создал свою страницу, Π½ΠΎ ΠΌΠΎΠΈ изобраТСния Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°ΡŽΡ‚ΡΡ.ВсС, Ρ‡Ρ‚ΠΎ я Π²ΠΈΠΆΡƒ, - это малСнькиС красныС крСстики (ΠΈΠ»ΠΈ пустыС пятна) Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ изобраТСния. Π§Ρ‚ΠΎ Π΄Π°Π΅Ρ‚?

Ах, Ссли Π±Ρ‹ Ρƒ мСня Π±Ρ‹Π» Π΄ΠΎΠ»Π»Π°Ρ€ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° я ΡΠ»Ρ‹ΡˆΠ°Π» этот вопрос . Ну, скаТСм Ρ‚Π°ΠΊ, Ρƒ мСня Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ².

ΠšΠΎΡ€ΠΎΡ‡Π΅ говоря, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ Π΅Π³ΠΎ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ прСдоставлСнныС Π²Π°ΠΌΠΈ инструкции. Π­Ρ‚ΠΈ инструкции ΡΠ²Π»ΡΡŽΡ‚ΡΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ src Ρ‚Π΅Π³Π° img

 My Pic

Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΅ΡΡ‚ΡŒ нСсколько Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΡ‡ΠΈΠ½, ΠΏΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ Π½Π°ΠΉΡ‚ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Π£ вас ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠ΄Π½Π° ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° ΠΈΠ»ΠΈ всС ΠΎΠ½ΠΈ. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ упраТнСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΠΌΡ‹ ΠΌΠΎΠΆΠ΅ΠΌ ΡΡƒΠ·ΠΈΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Ρ‚Ρƒ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΡƒ, Ρ‡Ρ‚ΠΎ ΠΈ ваш html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚ …

src = «mypic.gif» ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ находится Π² Ρ‚ΠΎΠΉ ΠΆΠ΅ ΠΏΠ°ΠΏΠΊΠ΅, Ρ‡Ρ‚ΠΎ ΠΈ html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π΅Π³ΠΎ Π²Ρ‹Π·Π²Π°Π».

Π­Ρ‚ΠΎ самый простой способ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.Пока всС находится Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΏΠ°ΠΏΠΊΠ΅, всС довольно просто Π½Π°ΠΉΡ‚ΠΈ.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ прСпятствия?

  • ΠŸΡ€ΠΎΡΡ‚Π°Ρ (Π½ΠΎ часто Π²ΡΡ‚Ρ€Π΅Ρ‡Π°ΡŽΡ‰Π°ΡΡΡ) ΠΎΠΏΠ΅Ρ‡Π°Ρ‚ΠΊΠ°: scr = вмСсто src =
  • ΠΠ΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ написаниС ΠΈΠΌΠ΅Π½ΠΈ изобраТСния: src = «mypick.gif» ΠΈΠ»ΠΈ src = «my pic.gif» вмСсто src = «mypic.gif»
  • ΠΠ΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΠ΅ Ρ€Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅: src = «mypic.jpg», Ссли вашС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ — gif … mypic.gif. ( Π§Ρ‚ΠΎ ΠΌΠ½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ: gif ΠΈΠ»ΠΈ jpg? Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒΡΡ Π²Π°ΠΌ интСрСсным.)
  • ΠΠ΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ Ρ‚Π΅Π³ img …
    •  My Pic
    • My Pic

ΠŸΡ€Π΅ΠΆΠ΄Π΅ Ρ‡Π΅ΠΌ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹ΠΌ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π°ΠΌ отсутствия изобраТСния, ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΡΠΏΠ΅ΡˆΠ½ΠΎ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π²Ρ‹ΡˆΠ΅.


Π₯ΠΎΡ€ΠΎΡˆΠΎ, Π”ΠΆΠΎ, я ΠΌΠΎΠ³Ρƒ это ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Π½ΠΎ ΠΊΠ°ΠΊ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ я ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, Ρƒ мСня Π½Π°Ρ‡ΠΈΠ½Π°ΡŽΡ‚ΡΡ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

ΠžΡ‡Π΅Π½ΡŒ часто изобраТСния ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ Π² ΠΏΠ°ΠΏΠΊΡƒ, ΠΎΡ‚Π»ΠΈΡ‡Π½ΡƒΡŽ ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Π³Π΄Π΅ находится ваш html-Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚. Π­Ρ‚ΠΎ всС прСкрасно, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡ‚Π΅ Π² Π²ΠΈΠ΄Ρƒ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΠΌΠ΅Π½Π½ΠΎ , Π³Π΄Π΅ Π½Π°ΠΉΡ‚ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.Одна малСнькая ошибка …. ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π΅ появляСтся.

ΠžΡ‡Π΅Π½ΡŒ вСроятно, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° отсутствия изобраТСния — Π½Π΅ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ src.

Π˜Π·ΡƒΡ‡ΠΈΡ‚Π΅ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π΅, ΠΏΠΎΠΊΠ° Π½Π΅ ΠΏΠΎΠΉΠΌΠ΅Ρ‚Π΅, ΠΊΠ°ΠΊ ΠΏΠΎΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ src . Π― понимаю, Ρ‡Ρ‚ΠΎ это ΠΌΠΎΠΆΠ΅Ρ‚ ΡΠ±ΠΈΠ²Π°Ρ‚ΡŒ с Ρ‚ΠΎΠ»ΠΊΡƒ … Π½ΠΎ ΠΊΠΎΠ³Π΄Π° Ρƒ вас Π΅ΡΡ‚ΡŒ Π²Π΅Ρ‰ΠΈ Π² Ρ€Π°Π·Π½Ρ‹Ρ… ΠΏΠ°ΠΏΠΊΠ°Ρ…, Π²Π°ΠΌ просто Π½ΡƒΠΆΠ½ΠΎ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒΡΡ этому.

ΠžΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ ../ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ ΠΏΠΎ ΠΏΠ°ΠΏΠΊΠ΅ Π²Π²Π΅Ρ€Ρ…, ../../ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ Π½Π° Π΄Π²Π΅ ΠΏΠ°ΠΏΠΊΠΈ Π²Π²Π΅Ρ€Ρ… ΠΈ Ρ‚. Π”.

Π’Π°ΠΊΠΆΠ΅ ΠΎΠ±Ρ€Π°Ρ‚ΠΈΡ‚Π΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎ Π² URL-адрСсах ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ косыС Ρ‡Π΅Ρ€Ρ‚Ρ‹ -> /
, Π° Π½Π΅ обратная слэш -> \


Ну, Π”ΠΆΠΎ… ВсС ΠΈΠ΄Π΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ. ВсС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π·Π°ΠΌΠ΅Ρ‡Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, ΠΏΠΎΠΊΠ° я Π½Π΅ Π·Π°Π³Ρ€ΡƒΠΆΡƒ всС Π½Π° свой Π²Π΅Π±-хостинг. ΠŸΡ€ΠΈ просмотрС Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚Π΅ ΠΌΠΎΠΈ изобраТСния ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚. Или, хотя я ΠΌΠΎΠ³Ρƒ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ свою страницу, всС ΠΌΠΎΠΈ Π΄Ρ€ΡƒΠ·ΡŒΡ говорят, Ρ‡Ρ‚ΠΎ изобраТСния ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚.

Π§Ρ‚ΠΎ ΠΆ, ΠΌΡ‹ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ Π½Π°Ρ‡ΠΈΠ½Π°Π΅ΠΌ ΡΡƒΠΆΠ°Ρ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ. ΠžΡ‚ΡΡŽΠ΄Π° всС ΠΈΠ΄Π΅Ρ‚ ΠΏΠΎΠ΄ Π³ΠΎΡ€Ρƒ.

Π‘Π½Π°Ρ‡Π°Π»Π° ΠΏΡ€ΠΎΠ²Π΅Ρ€ΡŒΡ‚Π΅ корпус. МногиС Π²Π΅Π±-хосты Ρ‡ΡƒΠ²ΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ ΠΊ рСгистру. Π’ΠΎ Π΅ΡΡ‚ΡŒ src = «mypic.gif» отличаСтся ΠΎΡ‚ src = «Mypic.gif» отличаСтся ΠΎΡ‚ src = «mypic.GIF «ΠΎΡ‚личаСтся ΠΎΡ‚ src =» MYPIC.GIF «. Π― ΡΡ‡ΠΈΡ‚Π°ΡŽ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΡ‰Π΅ всСго ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ всС, Π½ΠΈΠΆΠ½ΠΈΠΉ рСгистр.

Другая возмоТная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π΄Π°Π»ΠΈ ΡƒΠΊΠ°Π·Π°Π½ΠΈΠ΅ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρƒ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° вашСм собствСнном ТСстком дискС. Π­Ρ‚ΠΎ Π­Ρ‚ΠΎ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ Π΄Π΅Π»ΠΎ для Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ΠΎΠ² HTML, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ Π²ΡΡ‚Π°Π²Π»ΡΡŽΡ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. Если Π²Ρ‹ посмотритС Π½Π° Ρ‚Π΅Π³ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ src начинаСтся с «file» …

 My Pic

… Ρ‚ΠΎΠ³Π΄Π° Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈΡ‰Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° вашСм ТСстком дискС.ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΊΠΎΠ³Π΄Π° ΠΊΡ‚ΠΎ-Ρ‚ΠΎ Π΄Ρ€ΡƒΠ³ΠΎΠΉ просматриваСт страницу, Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ‚Π°ΠΊΠΆΠ΅ пытаСтся Π½Π°ΠΉΡ‚ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° ИΠ₯ ТСстком дискС. ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρƒ Π½ΠΈΡ… Π½Π΅Ρ‚ ΠΎΠ±Ρ€Π°Π·Π° Π½Π° дискС, ΠΎΠ½ оказываСтся ΠΏΡ€ΠΎΠΏΡƒΡ‰Π΅Π½Π½Ρ‹ΠΌ.

ΠŸΡ€Π°Π²ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ src — это Π»ΠΈΠ±ΠΎ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ URL-адрСс (ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π½Π° ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Π½Π½Ρ‹Ρ… Π²Ρ‹ΡˆΠ΅ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΡΡ…), Π»ΠΈΠ±ΠΎ ΠΏΠΎΠ»Π½Ρ‹ΠΉ URL-адрСс, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ начинаСтся с http: //


. Π’Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° с ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ связана с ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΏΠΎΠΊΠ°Π·Π°Π½Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌ, составляСт ΠΎΠΊΠΎΠ»ΠΎ 99,99%. Π²Ρ‹ΡˆΠ΅. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, Ссли Π²Ρ‹ всС сдСлали ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, Π½ΠΎ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΠΎ-ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π½ΠΈΠΊΠ°ΠΊ Π½Π΅ отобраТаСтся, Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Ρƒ вас ΠΏΠΎΠ²Ρ€Π΅ΠΆΠ΄Π΅Π½ Ρ„Π°ΠΉΠ» изобраТСния.Π Π΅Π΄ΠΊΠΎ, Π½ΠΎ Π±Ρ‹Π²Π°Π΅Ρ‚.

Один ΠΈΠ· способов ΡƒΠ·Π½Π°Ρ‚ΡŒ ΠΎΠ± этом — ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΡ‚ΡŒ Ρ„Π°ΠΉΠ» изобраТСния Π² ΠΎΠΊΠ½ΠΎ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°. Если Π±Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‚ΠΎ, вСроятно, всС Π² порядкС.


Ну Π²ΠΎΡ‚ ΠΈ всС. Если ваши изобраТСния ΠΎΡ‚ΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚, Ρ‚ΠΎ Π³Π΄Π΅-Ρ‚ΠΎ Π²Ρ‹ΡˆΠ΅ вашС Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅. Π£Π΄Π°Ρ‡ΠΈ!

Как Π²ΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ изобраТСния Π² HTML-Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ (ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ!)

Π•ΡΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ способов Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ изобраТСния Π² Π²Π°ΡˆΡƒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ, Π½ΠΎ Π² этом руководствС ΠΌΡ‹ обсудим использованиС ΠΏΡ€Π°Π²ΠΈΠ» Π·Π°ΠΌΠ΅Π½Ρ‹, ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹Ρ… для Tabulizer.Π­Ρ‚ΠΎΡ‚ процСсс Π½Π°ΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ рСкомСндуСтся, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ ΠΎΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ ΡΡΠΊΠΎΠ½ΠΎΠΌΠΈΡ‚ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΈ Π΅Π³ΠΎ Π»Π΅Π³Ρ‡Π΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Ρ‚ΡŒ.

Как Π²Ρ‹, Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅, ΡƒΠΆΠ΅ Π·Π½Π°Π΅Ρ‚Π΅, с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Tabulizer Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ» Π·Π°ΠΌΠ΅Π½Ρ‹ , ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ замСнят ΠΎΠ΄ΠΈΠ½ тСкст вашСй Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ Π΄Ρ€ΡƒΠ³ΠΈΠΌ. Как ΠΈ любоС Π΄Ρ€ΡƒΠ³ΠΎΠ΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ элСмСнт, ΠΊ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΌΡƒ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΡ€ΠΈΠΌΠ΅Π½ΡΡ‚ΡŒΡΡ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΈ Π΄ΠΈΠ°ΠΏΠ°Π·ΠΎΠ½, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ пСрвая строка, послСдний столбСц, ячСйки, содСрТащиС ΠΊΠ»ΡŽΡ‡Π΅Π²ΡƒΡŽ Ρ„Ρ€Π°Π·Ρƒ Β«Π”ΠΆΠ°Π·Β», вся Ρ‚Π°Π±Π»ΠΈΡ†Π° ΠΈ Ρ‚. Π΄.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ‹ Π½Π΅ Π·Π½Π°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π°Ρ€Π³ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π·Π°ΠΌΠ΅Π½Ρ‹ — это Π½Π΅ простой тСкст, Π° скорСС рСгулярноС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ соотвСтствуСт синтаксису, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠΌΡƒ ereg_replace.Π­Ρ‚ΠΎ Π΄Π°Π΅Ρ‚ Π½Π°ΠΌ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ ΠΌΠΎΡ‰Π½ΠΎΡΡ‚ΡŒ, которая Π½Π°ΠΌ понадобится для нашСго ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°. ΠŸΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ ΠΌΡ‹ Ρ…ΠΎΡ‚ΠΈΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π² Π½Π°ΡˆΡƒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ нСсколько Π²Ρ‹Π±Ρ€Π°Π½Π½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ хранятся Π² ΠΏΠ°ΠΏΠΊΠ΅ / images / tabulizer / demo нашСго Π²Π΅Π±-сСрвСра. Π‘Π°ΠΌΡ‹ΠΉ простой ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ — ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ HTML, Π° Π·Π°Ρ‚Π΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ изобраТСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π° для вставки ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ° / ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π²Π°ΡˆΡƒ ΡΡ‚Π°Ρ‚ΡŒΡŽ / ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΡŽ. Π­Ρ‚ΠΎ ΠΏΡ€ΠΈΠ΅ΠΌΠ»Π΅ΠΌΠΎ, ΠΊΠΎΠ³Π΄Π° количСство ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π½Π΅Π²Π΅Π»ΠΈΠΊΠΎ ΠΈ ΠΊΠΎΠ³Π΄Π° Ρ‚Π°Π±Π»ΠΈΡ†Π° создаСтся статичСски, ΠΏΠΎΡ‚ΠΎΠΌΡƒ Ρ‡Ρ‚ΠΎ, Ссли ΠΎΠ½Π° создаСтся динамичСски Ρ‡Π΅Ρ€Π΅Π· источник Π΄Π°Π½Π½Ρ‹Ρ…, Ρƒ вас Π½Π΅Ρ‚ доступа ΠΊ созданному HTML-ΠΊΠΎΠ΄Ρƒ.Π”Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ — ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅Π³ изобраТСния ΠΈ ΠΏΠΎΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π΅Π³ΠΎ Π² ячСйку, Π² ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠΉ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒΡΡ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. НапримСр, Ссли Ρ„Π°ΠΉΠ» изобраТСния — car.jpg, Ρ‚Π΅Π³ связанного изобраТСния —

.

Но Π΅ΡΡ‚ΡŒ Π΄Ρ€ΡƒΠ³ΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄, ΠΈ это использованиС ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»Π° Π·Π°ΠΌΠ΅Π½Ρ‹:

ПолС Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅
Найти: (. + Jpg)
Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°:
ΠΈΠ»ΠΈ послС ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ base64, Ссли Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ нСпосрСдствСнно с сСрвСрной срСдой Tabulizer:
ПолС Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅
Найти: KC4ranBnKQ ==
Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°: PGltZyBzcmM9CIvlGTYWdx Если Π²Ρ‹ ΠΏΡ€ΠΈΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΊΠΎ всСй Ρ‚Π°Π±Π»ΠΈΡ†Π΅, всС изобраТСния jpg Π±ΡƒΠ΄ΡƒΡ‚ Π·Π°ΠΌΠ΅Π½Π΅Π½Ρ‹ ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌ Ρ‚Π΅Π³ΠΎΠΌ изобраТСния HTML, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ Π½Π° ΠΏΠ°ΠΏΠΊΡƒ / images / tabulizer / demo.ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, Π² этой ΠΏΠ°ΠΏΠΊΠ΅ Π½Π΅Ρ‚ Π½ΠΈΡ‡Π΅Π³ΠΎ особСнного, ΠΈ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π»ΡŽΠ±ΡƒΡŽ Π΄Ρ€ΡƒΠ³ΡƒΡŽ ΠΏΠ°ΠΏΠΊΡƒ, которая Π΅ΡΡ‚ΡŒ Ρƒ вас.

Π’Ρ‹ Π΄Π°ΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ слоТныС ΠΏΡ€Π°Π²ΠΈΠ»Π° Π·Π°ΠΌΠ΅Π½Ρ‹ ΠΈ Π½Π΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ автоматичСски ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ‚Π΅Π³ изобраТСния, Π½ΠΎ ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΎΠ½Π°Π»ΡŒΠ½ΠΎΡΡ‚ΡŒ лайтбокса , ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ Π² Ρ‚Π°Π±Π»ΠΈΡ†Π΅ Π½ΠΈΠΆΠ΅:

ОписаниС Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ машина
ΠšΡ€Π°ΡΠΈΠ²Ρ‹ΠΉ Π΄ΠΎΠΌ
ВСликолСпная Π³ΠΈΡ‚Π°Ρ€Π°
Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ любоС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ отобразился лайтбокс.
Π’ΠΎΡ‚ Ρ‚Π°Π±Π»ΠΈΡ†Π° Π²Π²ΠΎΠ΄Π° Π±Π΅Π· ΠΏΡ€Π°Π²ΠΈΠ»Π° Π·Π°ΠΌΠ΅Π½Ρ‹: Π’ΠΎΡ‚ поля для Π·Π°ΠΌΠ΅Π½Ρ‹, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Π½Π½Ρ‹Π΅ Π² ΠΏΡ€Π΅Π΄Ρ‹Π΄ΡƒΡ‰Π΅ΠΉ Ρ‚Π°Π±Π»ΠΈΡ†Π΅:
ОписаниС Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
Π₯ΠΎΡ€ΠΎΡˆΠ°Ρ машина car.jpg
Π‘ΠΈΠΌΠΏΠ°Ρ‚ΠΈΡ‡Π½Ρ‹ΠΉ Π΄ΠΎΠΌ house.gif
ΠŸΠΎΡ‚Ρ€ΡΡΠ°ΡŽΡ‰Π°Ρ Π³ΠΈΡ‚Π°Ρ€Π° guitar.png
ПолС Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅
Найти: (.+ jpg)
Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°: \ 1
ΠΈΠ»ΠΈ послС ΠΊΠΎΠ΄ΠΈΡ€ΠΎΠ²ΠΊΠΈ base64, Ссли Π²Ρ‹ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚Π΅ нСпосрСдствСнно с сСрвСрной срСдой Tabulizer: Field
Π‘Ρ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ
НайдСно: KC4ranBnKQ ==
Π—Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ: PGEgY2xhc3M9IlwxIiBkYXRhLWxpZ2h0Ym94PSJcMSIgaHJlZj0iaW1hZ2VzL3RhYnVsaXplci9kZW1vL1wxIj48aW1nIGNsYXNzPSJleGFtcGxlLWltYWdlIiBhbHQ9IlwxIiBzcmM9ImltYWdlcy90YWJ1bGl6ZXIvZGVtby9cMSI + PC9hPg ==

ΠŸΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ это Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΊΡ€Ρ‹ΡˆΠΊΠΈ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ„Π°ΠΉΠ»Ρ‹ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с jpg , Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π΅Ρ‰Π΅ Π΄Π²Π° ΠΏΡ€Π°Π²ΠΈΠ»Π° для gif ΠΈ png ΠΈΠ»ΠΈ ΠΎΠ±ΡŠΠ΅Π΄ΠΈΠ½ΠΈΡ‚ΡŒ ΠΈΡ… Π² ΠΎΠ΄Π½ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ Π·Π°ΠΌΠ΅Π½Ρ‹, настроив рСгулярноС Π²Ρ‹Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Β«Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π°Β».

Если Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Ρ„Π°ΠΉΠ» Excel Π² качСствС Π²Ρ…ΠΎΠ΄Π½Ρ‹Ρ… Π΄Π°Π½Π½Ρ‹Ρ…, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π²ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ изобраТСния нСпосрСдствСнно Π² Ρ„Π°ΠΉΠ» Excel ΠΈ просто ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ ΠΎΠΏΡ†ΠΈΡŽ ΠΈΠΌΠΏΠΎΡ€Ρ‚Π° Read Images . Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΏΠΎΡΠΊΠΎΠ»ΡŒΠΊΡƒ Ρ€Π°Π·ΠΌΠ΅Ρ€ встроСнных ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΡ‚ΡŒ ΠΎΠ±Ρ‰ΠΈΠΉ Ρ€Π°Π·ΠΌΠ΅Ρ€ Ρ„Π°ΠΉΠ»Π° Excel (ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ, это врСмя ΠΎΠ±Ρ€Π°Π±ΠΎΡ‚ΠΊΠΈ), Π½Π΅ рСкомСндуСтся для Π½ΠΎΠ²Ρ‹Ρ… Ρ„Π°ΠΉΠ»ΠΎΠ², Π³Π΄Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ просто Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ имя Ρ„Π°ΠΉΠ»Π° вмСсто фактичСского Ρ„Π°ΠΉΠ»Π° изобраТСния.

Как ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π½Π° Π²Π΅Π±-страницС с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ HTML

Π’Π²Π΅Π΄Π΅Π½ΠΈΠ΅

HTML — это язык гипСртСкстовой Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ.HTML — это Π½Π΅ язык программирования, это язык Ρ€Π°Π·ΠΌΠ΅Ρ‚ΠΊΠΈ. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ HTML для создания Π²Π΅Π±-страниц ΠΎΡ‡Π΅Π½ΡŒ просто ΠΈ Π»Π΅Π³ΠΊΠΎ. HTML Π±Ρ‹Π» Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½ для отобраТСния Π² Π²Π΅Π±-Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π΅, Π° элСмСнты HTML ΡΠ²Π»ΡΡŽΡ‚ΡΡ ΡΡ‚Ρ€ΠΎΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌΠΈ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π²Π΅Π±-страницы. Π­Π»Π΅ΠΌΠ΅Π½Ρ‚Ρ‹ HTML прСдставлСны Ρ‚Π΅Π³Π°ΠΌΠΈ <>.

ВрСбования

  • ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма (любая опСрационная систСма)
  • ВСкстовый Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ (ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Π‘Π»ΠΎΠΊΠ½ΠΎΡ‚ ΠΈΠ»ΠΈ любой Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ ΠΊΠΎΠ΄Π°)
  • Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ (ΠŸΡ€ΠΈΠΌΠ΅Ρ€: Google Chrome)

Π’Π΅Π³

Π’Π΅Π³ изобраТСния ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для вставки изобраТСния.Он содСрТит Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ ΠΈ Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅Π³ΠΎ Ρ‚Π΅Π³Π°. URL-адрСс изобраТСния ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ΠΎΠΌ src.

Бинтаксис изобраТСния HTML,

РасполоТСниС изобраТСния

Π’ качСствС Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π° src ΠΌΠΎΠΆΠ½ΠΎ Π²Ρ‹Π±Ρ€Π°Ρ‚ΡŒ любоС мСстополоТСниС изобраТСния, Π° Π² качСствС адрСса изобраТСния Π·Π°ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π² Π΄Π²ΠΎΠΉΠ½Ρ‹Π΅ ΠΊΠ°Π²Ρ‹Ρ‡ΠΊΠΈ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Β«tee.jpgΒ»). Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² ΠΏΠ°ΠΏΠΊΠ΅ HTML Π±Ρ‹Π»ΠΎ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ Β«jpgΒ».Π Π°ΡΡˆΠΈΡ€Π΅Π½ΠΈΠ΅ изобраТСния ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°

  1. ΠŸΡ€ΠΎΡΡ‚Π°Ρ Π²Π΅Π±-страница
  2. <Ρ†Π΅Π½Ρ‚Ρ€>
  3. ЭВО МОЯ ΠŸΠ•Π Π’ΠΠ― Π’Π•Π‘-БВРАНИЦА

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния

ИзмСнСниС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π²Π΅Π±-страницы ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° изобраТСния. Π¨ΠΈΡ€ΠΈΠ½Π° ΠΈ высота ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚Π°. Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ измСнСния Ρ€Π°Π·ΠΌΠ΅Ρ€Π° опрСдСляСтся пиксСлями ΠΈ ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°ΠΌΠΈ.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π°

  1. ΠŸΡ€ΠΎΡΡ‚Π°Ρ Π²Π΅Π±-страница
  2. <Ρ†Π΅Π½Ρ‚Ρ€>
  3. ЭВО МОЯ ΠŸΠ•Π Π’ΠΠ― Π’Π•Π‘-БВРАНИЦА

Π“Ρ€Π°Π½ΠΈΡ†Π° изобраТСния

ΠžΠ±Ρ‹Ρ‡Π½ΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π±Π΅Π· Π³Ρ€Π°Π½ΠΈΡ†.Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ Π°Ρ‚Ρ€ΠΈΠ±ΡƒΡ‚ Π³Ρ€Π°Π½ΠΈΡ†Ρ‹ Π² Ρ‚Π΅Π³Π΅ изобраТСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π³Ρ€Π°Π½ΠΈΡ†Ρƒ для изобраТСния.

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’Π°Ρˆ адрСс email Π½Π΅ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ поля ΠΏΠΎΠΌΠ΅Ρ‡Π΅Π½Ρ‹ *