Π‘Π°ΠΉΡ‚

Как ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Ρ‚ΡŒ сайт Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ: scss β€” Как ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Ρ‚ΡŒ ΠΏΠΎΠ΄ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΡƒΡŽ вСрстку Ρ‚Π΅ΠΊΡƒΡ‰ΠΈΠΉ сайт?

25.01.2023

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

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Ρ‚ΡŒ сайт с фиксированным Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π² сайт с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ, достаточно (Π½ΠΎ Π½Π΅ ΠΎΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ) ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ Ρ‚Π°Π±Π»ΠΈΡ†Ρƒ стилСй CSS, Π½Π΅ мСняя ΠΊΠΎΠ΄ HTML.

ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ шаг β€” Π³ΠΈΠ±ΠΊΠΈΠ΅ ΡˆΡ€ΠΈΡ„Ρ‚Ρ‹

Π Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π½Π΅ Π² Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… β€” пиксСлях, Π° Π² ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… β€” em.

НапримСр, Ρ€Π°Π·ΠΌΠ΅Ρ€ 2em ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΡˆΡ€ΠΈΡ„Ρ‚Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±Ρ‹Ρ‚ΡŒ Π² 2 Ρ€Π°Π·Π° большС Ρ€Π°Π·ΠΌΠ΅Ρ€Π° ΡˆΡ€ΠΈΡ„Ρ‚Π° контСкста (ΡˆΡ€ΠΈΡ„Ρ‚Π° Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°).

Π’Ρ‚ΠΎΡ€ΠΎΠΉ шаг β€” гибкая сСтка

Π¨ΠΈΡ€ΠΈΠ½Ρƒ Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов ΠΈ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π²Π½Π΅ΡˆΠ½ΠΈΡ… полосок (margin) ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π½Π΅ Π² Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… β€” пиксСлях, Π° Π² ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… β€” Π² % ΠΎΡ‚ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°. Если высоту Π±Π»ΠΎΡ‡Π½ΠΎΠ³ΠΎ элСмСнта Π·Π°Π΄Π°Ρ‚ΡŒ Π² %, Ρ‚ΠΎ ΠΎΠ½Π° Ρ‚ΠΎΠΆΠ΅ Π±ΡƒΠ΄Π΅Ρ‚ Ρ€Π°ΡΡΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒΡΡ ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π° Π½Π΅ высоты.

Высоту Π±Π»ΠΎΡ‡Π½Ρ‹Ρ… элСмСнтов ΠΈ Π²Π½Π΅ΡˆΠ½ΠΈΡ… полосок (margin), Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ Π²Π½ΡƒΡ‚Ρ€Π΅Π½Π½ΠΈΡ… (padding) полосок ΡƒΠΊΠ°Π·Ρ‹Π²Π°Π΅ΠΌ Π½Π΅ Π² Π°Π±ΡΠΎΠ»ΡŽΡ‚Π½Ρ‹Ρ… Π΅Π΄ΠΈΠ½ΠΈΡ†Π°Ρ… β€” пиксСлях, Π° Π² ΠΎΡ‚Π½ΠΎΡΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹Ρ… β€” Π² em.

ΠŸΡ€ΠΈΠΌΠ΅Ρ€
article {
width: 50%;
margin: 1em 5%;
padding: 1em 2em;
}

Π’Ρ€Π΅Ρ‚ΠΈΠΉ шаг β€” Π³ΠΈΠ±ΠΊΠΈΠ΅ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ

Для ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ Π·Π°ΠΏΡ€Π΅Ρ‚ΠΈΡ‚ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ Π·Π° ΠΏΡ€Π΅Π΄Π΅Π»Ρ‹ Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°:

img {
max-width: 100%;
}

Π­Ρ‚ΠΎ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ сТимаСт большиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π΄ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° малСнького ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°, Π½ΠΎ Π½Π΅ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°Π΅Ρ‚ малСнькиС ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π΄ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π° большого ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Π°.

ΠŸΠΎΡΡ‚ΠΎΠΌΡƒ ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΠΎ ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ с большим Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π° Π±ΠΎΠ»ΡŒΡˆΠΈΡ… экранах ΠΎΠ½ΠΈ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ заполняли свой Ρ€ΠΎΠ΄ΠΈΡ‚Π΅Π»ΡŒΡΠΊΠΈΠΉ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€.

Π§Π΅Ρ‚Π²Ρ‘Ρ€Ρ‚Ρ‹ΠΉ шаг β€” ΠΌΠ΅Π΄ΠΈΠ° запросы (Media Queries)

Π‘ ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΌΠ΅Π΄ΠΈΠ° запросов сайт ΡƒΠ·Π½Π°Ρ‘Ρ‚ Ρƒ Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π° ΠΌΠ΅Π΄ΠΈΠ° Ρ‚ΠΈΠΏ устройства ΠΈ Π΅Π³ΠΎ характСристики, ΠΈ ΠΏΠΎΠ΄Π±ΠΈΡ€Π°Π΅Ρ‚ подходящиС стили.

МСдиа Ρ‚ΠΈΠΏΡ‹
МСдиа Ρ‚ΠΈΠΏΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅
allвсС Ρ‚ΠΈΠΏΡ‹ устройств
printΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹
screenэкраны ПК
speechголосовыС Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Ρ‹
НСрСкомСндуСмыС
brailleустройства Брайля для слСпых
embossedΠΏΡ€ΠΈΠ½Ρ‚Π΅Ρ€Ρ‹ Брайля
handheldΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства
projectionΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΡ€Ρ‹
ttyустройства с фиксированным Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠΌ символов (Ρ‚Π΅Π»Π΅Ρ‚Π°ΠΉΠΏΡ‹ ΠΈ Ρ‚Π΅Ρ€ΠΌΠΈΠ½Π°Π»Ρ‹)
tvΡ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΎΡ€Ρ‹
Π₯арактСристики устройств
Π₯Π°Ρ€Π°ΠΊΡ‚Π΅Ρ€ΠΈΡΡ‚ΠΈΠΊΠΈΠžΠΏΠΈΡΠ°Π½ΠΈΠ΅Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ΠŸΡ€Π΅Ρ„ΠΈΠΊΡΡ‹
min-/max-
ΠŸΡ€ΠΈΠΌΠ΅Ρ€
widthΡˆΠΈΡ€ΠΈΠ½Π° ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Π΄Π»ΠΈΠ½Π°+1920px
heightвысота ΠΎΠΊΠ½Π° Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Π΄Π»ΠΈΠ½Π°+1024px
device-widthΡˆΠΈΡ€ΠΈΠ½Π° дисплСядлина+10cm
device-heightвысота дисплСядлина+25cm
orientationориСнтация устройстваportrait ΠΈΠ»ΠΈ landscape
aspect-ratioΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты ΠΎΠΊΠ½Π°ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅+16/9
device-aspect-ratioΡΠΎΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ ΠΈ высоты Π΄ΠΈΡΠΏΠ»Π΅ΡΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅+1280/720
colorколичСство Π±ΠΈΡ‚ΠΎΠ² Π½Π° цвСтколичСство Ρ†Π²Π΅Ρ‚ΠΎΠ²
+
color-indexколичСство Ρ†Π²Π΅Ρ‚ΠΎΠ²Ρ†Π΅Π»ΠΎΠ΅ число+256
monochromeколичСство Π±ΠΈΡ‚ Π½Π° пиксСль для устройств с ΠΌΠΎΠ½ΠΎΡ…Ρ€ΠΎΠΌΠ½Ρ‹ΠΌΠΈ экранамицСлоС число (0 β€” для Ρ†Π²Π΅Ρ‚Π½Ρ‹Ρ… дисплССв)+
resolutionΠΏΠ»ΠΎΡ‚Π½ΠΎΡΡ‚ΡŒ ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉΡ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅+300dpi, 118dpcm
scanΡ‚ΠΈΠΏ Ρ€Π°Π·Π²Ρ‘Ρ€Ρ‚ΠΊΠΈ для Ρ‚Π΅Π»Π΅Π²ΠΈΠ·ΠΈΠΎΠ½Π½Ρ‹Ρ… устройствprogressive (прогрСссивная) ΠΈΠ»ΠΈ interlace (чСрСсстрочная)
gridΡ‚ΠΈΠΏ устройства: grid ΠΈΠ»ΠΈ bitmap1 β€” Ссли устройство ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄ΠΈΠ½ ΡˆΡ€ΠΈΡ„Ρ‚ (Ρ‚Π΅Π»Π΅Ρ‚Π°ΠΉΠΏ)
0 β€” для всСх Π΄Ρ€ΡƒΠ³ΠΈΡ… устройств
Бинтаксис ΠΌΠ΅Π΄ΠΈΠ° запросов
@media not|only mediatype and (expressions){
    CSS-Code;
}
ΠŸΡ€ΠΈΠΌΠ΅Ρ€ ΠΊΠΎΠ΄Π° CSS
/*МалСнькиС экраны c Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΉ*/
@media screen and (max-width: 768px) and (orientation: portrait){
#wrapper{width: 100%;}
body{font: normal 80% verdana, sans-serif;}
aside{display: none;}
section{width: 95%;}
nav li, ul {display: block;}
}
/*МалСнькиС экраны c Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΉ*/
@media screen and (max-width: 768px) and (orientation: landscape){
#wrapper{width: 100%;}
body{font: normal 90% verdana, sans-serif;}
aside{display: none;}
section{width: 95%;}
nav li, ul{display: inline-block;}
}
/*Π‘Ρ€Π΅Π΄Π½ΠΈΠ΅ экраны*/
@media screen and (min-width: 769px) and (max-width: 1279px){
#wrapper{width: 80%;}
body{font: normal 90% verdana, sans-serif;}
aside{width: 20%;}
section{width: 75%;}
nav li, ul{display: inline-block;}
}
/*Π‘ΠΎΠ»ΡŒΡˆΠΈΠ΅ экраны*/
@media screen and (min-width: 1280px){
#wrapper{width: 70%;}
body{font: normal 100% verdana, sans-serif;}
aside{width: 25%;}
section{width: 70%;}  nav li, ul{display: inline-block;}
}


Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Ρ„ΠΎΡ€ΡƒΠΌ

Π˜Π½Π΄Π΅ΠΊΡΠ°Ρ†ΠΈΡ Π²Π΅Π±-страниц

3 нСдостатка Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с мобильной вСрсиСй β€” CMS Magazine

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” ΠΏΠΎΠΆΠ°Π»ΡƒΠΉ, самый горячий Ρ‚Ρ€Π΅Π½Π΄ этого Π³ΠΎΠ΄Π°.

Π’ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒ сайт ΠΏΠΎΠ΄ΡΡ‚Ρ€Π°ΠΈΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠΎΠ΄ любой экран β€” ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€Π°, Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ°, Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° β€” Π·Π°Ρ‚ΠΌΠ΅Π²Π°Π΅Ρ‚ Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии. А Π·Ρ€Ρ: Ссли Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… сайтов ΠΈ Π±Π»ΠΎΠ³ΠΎΠ² Ρ‚Π°ΠΊΠΎΠΉ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ вписываСтся Β«Π½Π° ΡƒΡ€Π°Β», Π½Π° ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… с Ρ‚ысячами ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΎΠ½ ΡΠΎΠ·Π΄Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

Π—Π° ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΉ Π³ΠΎΠ΄ число Β«ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…Β» ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π ΡƒΠ½Π΅Ρ‚Π° выросло Π² Ρ€Π°Π·Ρ‹. По Π΄Π°Π½Π½Ρ‹ΠΌ liveinternet, с ΡΠ΅Π½Ρ‚ября 2011 ΠΏΠΎ ΡΠ΅Π½Ρ‚ΡΠ±Ρ€ΡŒ 2012 Ρ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств (статистика ΠΏΠΎ ΠžΠ‘) Π² ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ стали Π΅ΠΆΠ΅Π΄Π½Π΅Π²Π½ΠΎ Π²Ρ‹Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ 12,6 ΠΌΠ»Π½ вмСсто 4,8 ΠΌΠ»Π½ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ ΡˆΠ΅ΡΡ‚Π°Ρ Ρ‡Π°ΡΡ‚ΡŒ всСх Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… участников Π ΡƒΠ½Π΅Ρ‚Π°, ΠΈ ΠΈΡ… Π½Π΅Π»ΡŒΠ·Ρ просто Ρ‚Π°ΠΊ Π²Π·ΡΡ‚ΡŒ ΠΈ ΠΏΡ€ΠΎΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ.

Π‘ΠΎΠ»ΡŒΡˆΠ΅ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΊΠ°Ρ‚ΡŒ ΠΈ ΠΎΠ±Π·Π²Π°Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Π΄ΠΈΠ΄ΠΆΠΈΡ‚Π°Π»-агСнтство
Π‘ΠΎΠ·Π΄Π°ΠΉΡ‚Π΅ конкурс Π½Π° workspace.ru – ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ прСдлоТСния ΠΎΡ‚ участников CMS Magazine ΠΏΠΎ Ρ†Π΅Π½Π΅ ΠΈ срокам. Π­Ρ‚ΠΎ бСсплатно ΠΈ Π·Π°ΠΉΠΌΠ΅Ρ‚ 5 ΠΌΠΈΠ½ΡƒΡ‚. Π’ ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ 15 617 Π΄ΠΈΠ΄ΠΆΠΈΡ‚Π°Π»-агСнтств, Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π²Π°ΠΌ ΠΏΠΎΠΌΠΎΡ‡ΡŒ – Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈ ΡΡΠΊΠΎΠ½ΠΎΠΌΡŒΡ‚Π΅ Π΄ΠΎ 30%.
Π‘ΠΎΠ·Π΄Π°Ρ‚ΡŒ конкурс β†’

Π§Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ Π»ΠΈΡ†ΠΎΠΌ ΠΊ ΠΎΠ±Π»Π°Π΄Π°Ρ‚Слям ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ² ΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ², Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρ‹ сайтов Π½Π°Π»Π΅Π³Π»ΠΈ Π½Π° Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Он ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ‚ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ вСрстку страниц ΠΏΠΎΠ΄ нСбольшиС экраны Π·Π° ΡΡ‡Π΅Ρ‚ скрытия ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½Ρ‹Ρ… элСмСнтов, Π²Ρ‹Π±ΠΎΡ€Π° Ρ‚Π°Π±Π»ΠΈΡ† стилСй ΠΈ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ² ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΎΠΊ, Π° Ρ‚Π°ΠΊΠΆΠ΅ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ΅Π΄ΠΈΠ°. НапримСр, вмСсто Ρ‚Ρ€Π΅Ρ… ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π²Π»Π°Π΄Π΅Π»ΡŒΡ†Ρƒ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° ΠΏΠΎΠΊΠ°ΠΆΡƒΡ‚ Π΄Π²Π΅, Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠΌΡƒ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ ΠΈ Π²ΠΎΠ²ΡΠ΅ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ ΠΎΠ΄Π½Ρƒ Π΄Π»ΠΈΠ½Π½ΡƒΡŽ Β«ΡˆΠ°Ρ…Ρ‚ΡƒΒ», ΡƒΠ΄ΠΎΠ±Π½ΡƒΡŽ для Π»Π΅Π½ΠΈΠ²ΠΎΠ³ΠΎ скроллинга большим ΠΏΠ°Π»ΡŒΡ†Π΅ΠΌ.

ВСрстка Π½Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π΅ сТимаСтся с Ρ‚Ρ€Π΅Ρ… Π΄ΠΎ ΠΎΠ΄Π½ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ-ΡˆΠ°Ρ…Ρ‚Ρ‹ ΠΈ ΡΠΎΠΊΡ€Π°Ρ‰Π°Π΅Ρ‚ число ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π² Π½ΠΈΠΆΠ½Π΅ΠΉ части экрана с ΡˆΠ΅ΡΡ‚ΠΈ Π΄ΠΎ ΠΎΠ΄Π½ΠΎΠ³ΠΎ (ΠΏΡ€ΠΈΠΌΠ΅Ρ€ с http://spigotdesign.com/)

Π‘ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΠΎΠ΄Π½ΠΎΠΉ стартовой вСрстки достаточно, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Ρ…ΠΎΡ€ΠΎΡˆΠΎ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ ΠΏΡ€ΠΈ любой ΠΏΠΎΠ³ΠΎΠ΄Π΅, поэтому Π·Π° Π³ΠΎΠ΄ этот ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ практичСски Π·Π°Ρ‚ΠΌΠΈΠ» Ρ‚Ρ€Π°Π΄ΠΈΡ†ΠΈΠΎΠ½Π½Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии сайтов. Π’ ΠΎΠ±Ρ‰Π΅ΠΌ-Ρ‚ΠΎ зря, вСдь Ρƒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… вСрсий Π΅ΡΡ‚ΡŒ ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹Π΅ прСимущСства.

m.shell.com β€” мобильная вСрсия, ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‰Π°Ρ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ сайта Shell практичСски Π±Π΅Π· сокращСний.

НСдостаток 1: «ДСрСвянная» подстройка ΠΏΠΎΠ΄ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½Ρ‹Ρ… посСтитСлСй

НачнСм с Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Ρ‚ΠΈΠΏΠΎΠ²Ρ‹Π΅ Π·Π°Π΄Π°Ρ‡ΠΈ Β«ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ…Β» ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… сайтов ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΠΎΡ‚Π»ΠΈΡ‡Π°ΡŽΡ‚ΡΡ ΠΎΡ‚ Π·Π°Π΄Π°Ρ‡ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΡƒΡŽΡ‚Π½Ρ‹Ρ… ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ² Π΄ΠΎΠΌΠ° ΠΈΠ»ΠΈ Π² ΠΎΡ„исС.

Π’ΠΎΠ·ΡŒΠΌΠ΅ΠΌ для ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π° Π±Π°Π½ΠΊΠΈ. Π‘ Π΄Π΅ΡΠΊΡ‚ΠΎΠΏΠ° ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ всС Ρ€Π°Π·Π΄Π΅Π»Ρ‹: ставки ΠΏΠΎ Π²ΠΊΠ»Π°Π΄Π°ΠΌ, ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€Ρ‹ ΠΏΠΎ Π°Π²Ρ‚ΠΎΠΊΡ€Π΅Π΄ΠΈΡ‚Π°ΠΌ, РКО, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Ρ‹ прСсс-слуТбы, Π΄Π°ΠΆΠ΅ ΠΈΠ·ΡŠΡΡ‚ΡƒΡŽ Ρƒ Π΄ΠΎΠ»ΠΆΠ½ΠΈΠΊΠΎΠ² ΠΈ Π²Ρ‹ΡΡ‚Π°Π²Π»Π΅Π½Π½ΡƒΡŽ Π½Π° ΠΏΡ€ΠΎΠ΄Π°ΠΆΡƒ Π½Π΅Π΄Π²ΠΈΠΆΠΈΠΌΠΎΡΡ‚ΡŒ.

А Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŽ, Π·Π°ΡˆΠ΅Π΄ΡˆΠ΅ΠΌΡƒ с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°? Пока Π΅Ρ‰Π΅ с 90%-Π½ΠΎΠΉ Π²Π΅Ρ€ΠΎΡΡ‚Π½ΠΎΡΡ‚ΡŒΡŽ Ρ€Π΅Ρ‡ΡŒ ΠΈΠ΄Π΅Ρ‚ ΠΎ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Π΅, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² Π΄ΠΎΡ€ΠΎΠ³Π΅ ΠΈΡ‰Π΅Ρ‚ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π±Π°Π½ΠΊΠ°, блиТайший Π±Π°Π½ΠΊΠΎΠΌΠ°Ρ‚ ΠΈΠ»ΠΈ ΠΎΡ‚Π΄Π΅Π»Π΅Π½ΠΈΠ΅. Π›ΠΈΠ±ΠΎ это турист, ΠΆΠ΅Π»Π°ΡŽΡ‰ΠΈΠΉ ΠΏΠΎΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ баланс Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Ρ‡Π΅Ρ€Π΅Π· ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-Π±Π°Π½ΠΊ, Π·Π°Π±Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡ‚Π΅Ρ€ΡΠ½Π½ΡƒΡŽ ΠΊΠ°Ρ€Ρ‚ΠΎΡ‡ΠΊΡƒ ΠΈΠ»ΠΈ просто ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ курсы Π²Π°Π»ΡŽΡ‚. Вряд Π»ΠΈ Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ, ΠΏΡ‹Ρ‚Π°ΡŽΡ‰ΠΈΠΉΡΡ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ сайт ΠΏΠΎ GPRS, Π·Π°Ρ…ΠΎΡ‡Π΅Ρ‚ ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π½Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ Π΅ΠΆΠ΅ΠΊΠ²Π°Ρ€Ρ‚Π°Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΡ‚Ρ‡Π΅Ρ‚ ΠΏΠΎ Ρ†Π΅Π½Π½Ρ‹ΠΌ Π±ΡƒΠΌΠ°Π³Π°ΠΌ ΠΈΠ»ΠΈ ΠΈΠ·ΡƒΡ‡Π°Ρ‚ΡŒ тонкости условий финансирования инвСстпроСктов.

Π£ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² всСгда Π΅ΡΡ‚ΡŒ Π²Ρ‹Π±ΠΎΡ€, ΠΊΠ°ΠΊ ΠΏΠΎΡΡ‚ΡƒΠΏΠΈΡ‚ΡŒ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌΠΈ:

  • Π‘Π°ΠΌΡ‹ΠΉ распространСнный ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ β€” ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ копию ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ сайта, Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² Π²Π΅Ρ€ΡΡ‚ΠΊΠ΅ ΠΏΠΎΠ΄ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹ потрСбности всСх Π³Ρ€ΡƒΠΏΠΏ Ρ†Π΅Π»Π΅Π²ΠΎΠΉ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ. Но Ρ‚ΠΎΠ³Π΄Π° ΠΎ ΡŽΠ·Π°Π±ΠΈΠ»ΠΈΡ‚ΠΈ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π±Ρ‹Ρ‚ΡŒ.

    НуТныС пяти ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°ΠΌ посСтитСлСй второстСпСнныС Ρ€Π°Π·Π΄Π΅Π»Ρ‹ создадут нСудобства для основной массы ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².

  • Если ΠΆΠ΅ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΠΎΡ€ΠΈΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π½Π° Β«ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅Β» потрСбности, окаТСтся, Ρ‡Ρ‚ΠΎ инструмСнты Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ ΡƒΡΠ»ΠΎΠΆΠ½ΡΡŽΡ‚ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ. НСобходимо Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ/ΠΏΠ΅Ρ€Π΅Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ слишком ΠΌΠ½ΠΎΠ³ΠΎΠ΅, ΠΈ Π²Ρ‹ΡΡΠ½ΠΈΡ‚ся, Ρ‡Ρ‚ΠΎ с Ρ‡ΠΈΡΡ‚ΠΎΠ³ΠΎ листа ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ Π±Ρ‹Π»ΠΎ Π±Ρ‹ ΠΏΡ€ΠΎΡ‰Π΅. Π¦Π΅Π½Π° ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠΈ Ρ‚ΠΎΠΆΠ΅ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π²Ρ‹ΡˆΠ΅: ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ Ρ€Π°Π·, ΠΊΠΎΠ³Π΄Π° Π½ΡƒΠΆΠ½ΠΎ Ρ‡Ρ‚ΠΎ-Π»ΠΈΠ±ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ, приходится ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°Ρ‚ΡŒ массу взаимосвязСй, ΠΌΠ½ΠΎΠ³ΠΎΠΊΡ€Π°Ρ‚Π½ΠΎ Ρ‚Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ, Π½Π΅ Π½Π°Ρ€ΡƒΡˆΠ°Π΅Ρ‚ Π»ΠΈ Π½ΠΎΠ²Ρ‹ΠΉ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ вСрстку Π²ΠΎ Π²ΡΠ΅Ρ… вСрсиях.

НСдостаток 2: EDGE ΠΈ 3G ΠΏΡ€ΠΎΡ‚ΠΈΠ² красоты

Пока российскиС сотовики Π½Π΅ Π²Ρ‹ΡΡ‚Ρ€ΠΎΠΈΠ»ΠΈ повсСмСстно сСти 4G, «вСс» сайтов остаСтся ΡΠ΅Ρ€ΡŒΠ΅Π·Π½Ρ‹ΠΌ прСпятствиСм для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ². Π’ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΠΉ ΠΏΡ€ΠΎΠ±ΠΊΠ΅ ΠΏΠΎΠ΄ ΠΏΠ΅Ρ€Π΅Π³Ρ€ΡƒΠΆΠ΅Π½Π½ΠΎΠΉ Π±Π°Π·ΠΎΠ²ΠΎΠΉ станциСй лишниС 200 ΠšΠ± ΠΏΡ€Π΅Π²Ρ€Π°Ρ‰Π°ΡŽΡ‚ΡΡ Π² ΠΏΠΎΠ»Ρ‚ΠΎΡ€Ρ‹ ΠΌΠΈΠ½ΡƒΡ‚Ρ‹ оТидания.

Π­Ρ‚ΠΎ ΠΎΠ·Π½Π°Ρ‡Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚ΠΈΠΏΠΈΡ‡Π½Ρ‹Π΅ для дСсктопных сайтов Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Π΅ элСмСнты, Π² Ρ‚ΠΎΠΌ числС embedded-ΠΊΠ°Ρ€Ρ‚Ρ‹, Ρ€ΠΎΠ»ΠΈΠΊΠΈ, ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹Π΅ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€Ρ‹ ΠΈ Π°Π½ΠΈΠΌΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Π΅ мСню Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… сайтах Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π·Π°ΠΌΠ΅Π½Π΅Π½Ρ‹ Π½Π° Π±ΠΎΠ»Π΅Π΅ Π»Π΅Π³ΠΊΠΈΠ΅ Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹.

К ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΠΉ вСрсии вмСсто Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎΠΉ Ρ„ΠΎΡ€ΠΌΡ‹ ЯндСкс.ΠšΠ°Ρ€Ρ‚ с ΠΊΠ°Ρ€Ρ‚ΠΎΠΉ ΠΏΡ€ΠΎΠ΅Π·Π΄Π° ΠΆΠ΅Π»Π°Ρ‚Π΅Π»ΡŒΠ½ΠΎ ΠΏΠΎΠ΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ статичный ΡΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚. А ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹ΠΉ ΠΊΡ€Π΅Π΄ΠΈΡ‚Π½Ρ‹ΠΉ ΠΊΠ°Π»ΡŒΠΊΡƒΠ»ΡΡ‚ΠΎΡ€ стоит Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Π½Π° Ρ‚Скстовый, Π΄Π°ΠΆΠ΅ Ссли это ΠΈΠ΄Π΅Ρ‚ Π² ΡƒΡ‰Π΅Ρ€Π± Π²Π½Π΅ΡˆΠ½Π΅ΠΌΡƒ Π²ΠΈΠ΄Ρƒ сайта. ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€Π½Ρ‹ Π·Π° ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ сэкономлСнный Π±Π°ΠΉΡ‚.

ΠœΠΎΠΆΠ΅Ρ‚ Π»ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π΄Π°Ρ‚ΡŒ Π½Π°ΠΌ Ρ‚Π°ΠΊΡƒΡŽ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ? Π’ ΠΏΠΎΠΏΡƒΠ»ΡΡ€Π½ΠΎΠΉ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒ с ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΠΌ экраном Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚ΡŒ страницу Ρ†Π΅Π»ΠΈΠΊΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ лишь Π΅Π΅ Ρ‡Π°ΡΡ‚ΡŒ. НапримСр, Ссли дСсктопная вСрсия вСрстки Π³Π»Π°Π²Π½ΠΎΠΉ вСсит 200 ΠšΠ±, Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Π°Ρ β€” Π΅Ρ‰Π΅ 50 ΠšΠ±, для просмотра придСтся ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ 250 ΠšΠ±. ΠšΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сТатиС ΠΊΠΎΠ΄Π° страницы, Π½ΠΎ Π»ΠΈΡˆΠ½ΠΈΠ΅ запросы ΠΊ ΡΠ΅Ρ€Π²Π΅Ρ€Ρƒ всС Ρ€Π°Π²Π½ΠΎ Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΠ΄Ρ‚ΠΈ. Π’ ΠΈΡ‚ΠΎΠ³Π΅ получаСтся ΠΎΡ‰ΡƒΡ‚ΠΈΠΌΠΎ ΠΌΠ΅Π΄Π»Π΅Π½Π½Π΅Π΅, ΠΈ ΠΎΡ‚ ΡΡ‚ΠΎΠ³ΠΎ ΡΡ‚Ρ€Π°Π΄Π°ΡŽΡ‚ Β«Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‰ΠΈΠΊΠΈΒ», Ρ€Π°Π΄ΠΈ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… всС ΠΈ Π·Π°Ρ‚Π΅Π²Π°Π»ΠΎΡΡŒ.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ссли сайт ΠΏΠΎΡΠ΅Ρ‰Π°ΡŽΡ‚ нСсколько тысяч ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ дСнь, лишний ΠΊΠΎΠ΄ ΠΈ Π·Π°ΠΏΡ€ΠΎΡΡ‹ ΠΊ ΡΠ΅Ρ€Π²Π΅Ρ€Ρƒ ΡƒΠ²Π΅Π»ΠΈΡ‡ΠΈΠ²Π°ΡŽΡ‚ Π½Π°Π³Ρ€ΡƒΠ·ΠΊΡƒ Π½Π° ΡΠ΅Ρ€Π²Π΅Ρ€ ΠΈ ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΡΡ‚ ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΌ Π·Π°Ρ‚Ρ€Π°Ρ‚Π°ΠΌ Π½Π° Ρ…остинг. ВсСм извСстСн ΠΏΡ€ΠΈΠΌΠ΅Ρ€ с Google, Π² ΠΊΠΎΠ΄Π΅ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ ΠΈΠ³Π½ΠΎΡ€ΠΈΡ€ΡƒΡŽΡ‚ΡΡ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ стандарты W3C, ΠΏΡ€ΠΎΠΏΡƒΡ‰Π΅Π½Ρ‹ Π·Π°ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰ΠΈΠ΅ Ρ‚Π΅Π³ΠΈ, лишь Π±Ρ‹ Π²Ρ‹ΠΈΠ³Ρ€Π°Ρ‚ΡŒ нСсколько Π±Π°ΠΉΡ‚.

НСдостаток 3: Π’Ρ‹Ρ…ΠΎΠ΄Π° Π½Π΅Ρ‚

Одно ΠΈΠ· Π½Π΅ΠΎΡΠΏΠΎΡ€ΠΈΠΌΡ‹Ρ… прСимущСств мобильной вСрсии: Ссли Π½Π΅ Π½Ρ€Π°Π²ΠΈΡ‚ся, Π΅Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ, ΠΏΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ Π½Π° ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Π΄ΠΎΠΌΠ΅Π½. Π‘Π°ΠΉΡ‚Ρ‹ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π½Π΅ Π΄Π°ΡŽΡ‚ этого простого, Π½ΠΎ Π²Π°ΠΆΠ½ΠΎΠ³ΠΎ Π²Ρ‹Π±ΠΎΡ€Π°. Если адаптированная вСрстка Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Π°, Π·Π°Π±Π°Π³ΠΎΠ²Π°Π½Π° ΠΈΠ»ΠΈ Ссли ΠΎΠ½Π° скрываСт Π²Π°ΠΆΠ½Ρ‹ΠΉ элСмСнт Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ, ΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΏΡ€ΠΎΠΏΠ°Π»ΠΎ: Π²Ρ‹ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ снова. ΠŸΡ€ΠΈΠ΄Π΅Ρ‚ΡΡ Π±Π΅ΠΆΠ°Ρ‚ΡŒ ΠΈΡΠΊΠ°Ρ‚ΡŒ дСсктоп ΠΈΠ»ΠΈ сайт ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π°. МоТно ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Ρ‚ΡŒ «костыли» для ΠΎΠ±Ρ…ΠΎΠ΄Π° этого ограничСния (ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ cookie ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Ρ‚ΡŒ Ρ€Π°Π·Π½Ρ‹Π΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй). Но Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ услоТняСт Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΡƒ.

Π—Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π½Π΅Π·Π°ΠΌΠ΅Ρ‚Π½Ρ‹ Π½Π° ΠΏΡ€ΠΎΡΡ‚Ρ‹Ρ… сайтах. Когда Π½Π°Π±ΠΎΡ€ страниц ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ Π³Π»Π°Π²Π½ΠΎΠΉ, ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Π°ΠΌΠΈ ΠΈ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ, Π½Π΅Ρ‚ смысла ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Ρ‹Π²Π°Ρ‚ΡŒ систСму Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ: Π² Ρ‚Ρ€Π΅Ρ… соснах Π³Ρ€Π°ΠΌΠΎΡ‚Π½Ρ‹ΠΉ Π·Π°ΠΊΠ°Π·Ρ‡ΠΈΠΊ Π½Π΅ ΠΏΠΎΡ‚СряСтся. ВСс сайта Π² ΠΊΠΈΠ»ΠΎΠ±Π°ΠΉΡ‚Π°Ρ… Π½Π° Ρ‚Π°ΠΊΠΎΠΌ ΠΌΠ°ΡΡˆΡ‚Π°Π±Π΅ Π½Π΅Π²Π΅Π»ΠΈΠΊ, Π½Π° Ρ…ΡƒΠ΄ΠΎΠΉ ΠΊΠΎΠ½Π΅Ρ†, ΠΈΠΌ Π»Π΅Π³ΠΊΠΎ ΡƒΠΏΡ€Π°Π²Π»ΡΡ‚ΡŒ. НСт Π½ΡƒΠΆΠ΄Ρ‹ ΠΈ Π² Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ ΠΎΡ‚ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ мобильной вСрсии. Если всС выглядит Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ быстро ΠΏΡ€ΠΎΠΊΠ»ΠΈΠΊΠ°Π΅Ρ‚ Π½Π° ΡΡ‚Ρ€Π°Π½ΠΈΡ†Ρƒ ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚ΠΎΠ², Π° ΠΏΠΎΡ‚ΠΎΠΌ β€” finita la comedia, ΠΎΠ½ Π·Π°Π±ΡƒΠ΄Π΅Ρ‚ ΠΎ Π²Π°ΡˆΠ΅ΠΌ Π²Π΅Π±-рСсурсС Π΄ΠΎ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰Π΅Π³ΠΎ Ρ€Π°Π·Π°.

Но Π½Π° ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ… с Π΄Π΅ΡΡΡ‚ΠΊΠ°ΠΌΠΈ страниц ΠΈ Ρ‚ысячами посСтитСлСй Π² Π΄Π΅Π½ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π°Ρ‡ΠΈΠ½Π°Π΅Ρ‚ ΠΏΡ€ΠΎΠ±ΡƒΠΊΡΠΎΠ²Ρ‹Π²Π°Ρ‚ΡŒ, всС ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‚ Π½Π° ΠΏΠΎΠ²Π΅Ρ€Ρ…Π½ΠΎΡΡ‚ΡŒ. Π›ΡƒΡ‡ΡˆΠ΅ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ с Ρ‡ΠΈΡΡ‚ΠΎΠ³ΠΎ листа.

ΠœΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΉ

ΠœΡ‹ Π²Ρ‹Π±Ρ€Π°Π»ΠΈ Π²Π΅Ρ€Ρ…Π½ΠΈΠ΅ 30 ΠΏΡƒΠ½ΠΊΡ‚ΠΎΠ² списка Global Fortune 500 ΠΈ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Π»ΠΈ, Ρ‡Ρ‚ΠΎ ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΠ΅ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ ΠΌΠΈΡ€Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ для Ρ€Π°Π±ΠΎΡ‚Ρ‹ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ посСтитСлями. Для опрСдСлСния ΠΈ ΠΏΠΎΠΈΡΠΊΠ° мобильной вСрсии использовался эмулятор Cowemo Pixmobi, ΠΏΠ»Π°Π³ΠΈΠ½ User-Agent Switcher for Chrome, ΠΎΠ±Ρ‹Ρ‡Π½Ρ‹ΠΉ Iphone 4 ΠΈ ΠΏΠΎΠΈΡΠΊ Π² Google ΠΏΠΎ Π·Π°ΠΏΡ€ΠΎΡΡƒ с Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΈ + mobile website.

Π•ΡΡ‚ΡŒ Π»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии Ρƒ ΡΠ°ΠΉΡ‚ΠΎΠ² ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΉ?

m. shell.com β€” мобильная вСрсия, ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‰Π°Ρ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ сайта Shell практичСски Π±Π΅Π· сокращСний.

Из 30 ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ†ΠΈΠΉ Π² ΡΠΏΠΈΡΠΊΠ΅ 16 Π½Π΅ сдСлали ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΡƒΡŽ Π²Π΅Ρ€ΡΠΈΡŽ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-сайта. Π‘ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ ΠΈΠ· Π½ΠΈΡ… стали ΠΊΡ€ΡƒΠΏΠ½Ρ‹ΠΌΠΈ Π±Π΅Π· ΠΎΠΏΠΎΡ€Ρ‹ Π½Π° Π²Π΅Π±. И ΡΠ΅Π³ΠΎΠ΄Π½Ρ успСх Π½Π΅Ρ„Ρ‚Π΅Π³Π°Π·ΠΎΠ²Ρ‹Ρ… ΠΈ ΡΠ½Π΅Ρ€Π³Π΅Ρ‚ичСских Π³ΠΈΠ³Π°Π½Ρ‚ΠΎΠ², Π²ΠΎΠ·Π³Π»Π°Π²Π»ΡΡŽΡ‰ΠΈΡ… список, слабо зависит ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, насколько ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡΠΌ ΡƒΠ΄ΠΎΠ±Π½ΠΎ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈΡ… Π³Π»ΠΎΠ±Π°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΡ€ΠΏΠΎΡ€Π°Ρ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-рСсурсы с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ². Но ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ…ΠΎΠ΄ΠΈΡ‚ Π΄ΠΎ Ρ€ΠΎΠ·Π½ΠΈΡ†Ρ‹, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π΄ΠΎ ΠΏΡƒΡ‚Π΅Π²Ρ‹Ρ… потрСбностСй автомобилистов, ΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚Π΅Π»ΠΈ Π±Π΅Π½Π·ΠΈΠ½Π° Π·Π°ΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прилоТСния ΠΈ Π²Π΅Ρ€ΡΠΈΠΈ. НапримСр, Ρƒ BP Π΅ΡΡ‚ΡŒ ΠΏΠΎΠ΄Ρ€Π°Π·Π΄Π΅Π»Π΅Π½ΠΈΠ΅ Aral с ΡΠ΅Ρ‚ΡŒΡŽ Π°Π²Ρ‚ΠΎΠ·Π°ΠΏΡ€Π°Π²ΠΎΠΊ Π² Π“Π΅Ρ€ΠΌΠ°Π½ΠΈΠΈ ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΠΉ вСрсиСй сайта http://mobil.aral.de.

БовсСм другая ΠΊΠ°Ρ€Ρ‚ΠΈΠ½Π° Π² ΠΎΡ‚расли, Π³Π΄Π΅ Π΄ΠΎΡ…ΠΎΠ΄Ρ‹ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ зависят ΠΎΡ‚ ΠΊΠ°Ρ‡Π΅ΡΡ‚Π²Π° сайтов. НапримСр, всС Π°Π²Ρ‚ΠΎΠΊΠΎΠ½Ρ†Π΅Ρ€Π½Ρ‹ Π² ΡΠΏΠΈΡΠΊΠ΅ (Toyota, Ford, GM, Volkswagen, Daimler) ΠΏΠΎΠ·Π°Π±ΠΎΡ‚ΠΈΠ»ΠΈΡΡŒ ΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ мобильной вСрсии для основного сайта. МоТно ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ ΠΈΠ³Ρ€ΠΎΠΊΠΈ Π°Π²Ρ‚ΠΎΡ€Ρ‹Π½ΠΊΠ°, ТСстко Π±ΠΎΡ€ΡŽΡ‰ΠΈΠ΅ΡΡ Π·Π° ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ, Π²Ρ‹Π½ΡƒΠΆΠ΄Π΅Π½Ρ‹ Π±ΠΎΠ»Π΅Π΅ Π°ΠΊΡ‚ΠΈΠ²Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ инструмСнты Ρ€ΠΎΠ·Π½ΠΈΡ‡Π½ΠΎΠ³ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π°. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, сайты Π°Π²Ρ‚ΠΎΠΊΠΎΠ½Ρ†Π΅Ρ€Π½ΠΎΠ² Π³Ρ€Π΅ΡˆΠ°Ρ‚ использованиСм ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ Π°Π²Ρ‚ΠΎΠΌΠΎΠ±ΠΈΠ»Π΅ΠΉ, Π½Π΅ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… ΠΏΡ€ΠΈ просмотрС с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ². Π­Ρ‚ΠΎ заставляСт ΠΈΡ… Π²Ρ‹Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии, Π° Π½Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΡƒΡŽ вСрстку.

ΠžΡ‚ Ρ€Π΅Π΄Π°ΠΊΡ†ΠΈΠΈ

Π˜Ρ‰ΠΈΡ‚Π΅ Π½Π°Π΄Π΅ΠΆΠ½ΠΎΠ³ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠ° сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ прСдусмотрит всС Π½ΡŽΠ°Π½ΡΡ‹ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΠ»ΠΈ мобильной вСрсии? Π‘ΠΎΠ²Π΅Ρ‚ΡƒΠ΅ΠΌ ΠΈΠ·ΡƒΡ‡ΠΈΡ‚ΡŒ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Π²Π΅Π±-студий. Π•Π³ΠΎ участники – ΠΎΠΏΡ‹Ρ‚Π½Ρ‹Π΅ ΠΊΠΎΠΌΠ°Π½Π΄Ρ‹ Π²Π΅Π±-Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ², Ρ‡Π΅ΠΌ Π²Ρ‹ΡˆΠ΅ Π²Π΅Π±-студия Π² Ρ‚ΠΎΠΏ-100, Ρ‚Π΅ΠΌ большС Π² Π΅Π΅ ΠΏΠΎΡ€Ρ‚Ρ„ΠΎΠ»ΠΈΠΎ ΡƒΡΠΏΠ΅ΡˆΠ½Ρ‹Ρ…, ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚ΠΎΠ².

Π’Π°ΠΊΠΆΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ вас заинтСрСсуСт Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΉ. ΠŸΡ€ΠΈΠ½Ρ†ΠΈΠΏ Π΅Π³ΠΎ построСния ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚ΠΎΡ‚ ΠΆΠ΅.

ΠŸΠΎΠ΄Ρ…ΠΎΠ΄Ρ‹ ΠΊ ΡΠΎΠ·Π΄Π°Π½ΠΈΡŽ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… вСрсий

m.shell.com β€” мобильная вСрсия, ΠΊΠΎΠΏΠΈΡ€ΡƒΡŽΡ‰Π°Ρ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ сайта Shell практичСски Π±Π΅Π· сокращСний.

m.toyota.com β€” Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ мобильной вСрсии сайта Toyota находится ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ†ΠΈΠΈ, Π½ΠΎ ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ€Π°Π·Π΄Π΅Π»Ρ‹ основного сайта ΠΏΡ€ΠΈΡΡƒΡ‚ΡΡ‚Π²ΡƒΡŽΡ‚.

m. ing.com β€” вСрсия Π½Π°Ρ†Π΅Π»Π΅Π½Π° Π½Π° ΠΎΠ΄Π½Ρƒ Π³Ρ€ΡƒΠΏΠΏΡƒ ЦА β€” инвСсторов. Π‘ΠΎΠ»ΡŒΡˆΡƒΡŽ Ρ‡Π°ΡΡ‚ΡŒ пространства Π·Π°Π½ΠΈΠΌΠ°Π΅Ρ‚ информация ΠΎ Π±ΠΈΡ€ΠΆΠ΅Π²Ρ‹Ρ… ΠΊΠΎΡ‚ΠΈΡ€ΠΎΠ²ΠΊΠ°Ρ….

Π˜Π½ΡΡ‚Ρ€ΡƒΠΌΠ΅Π½Ρ‚Ρ‹ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ Π² ΡΠΏΠΈΡΠΊΠ΅ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ°Π»ΠΎ. НапримСр, Π½ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ°ΠΉΡ‚ΠΎΠ² Π½Π΅ ΠΌΠ΅Π½ΡΠ΅Ρ‚ изобраТСния Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡ‚ΠΈ ΠΎΡ‚ Ρ€Π°Π·ΠΌΠ΅Ρ€ΠΎΠ² экрана ΠΈ Π½Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ Π΄Ρ€ΡƒΠ³ΠΈΠ΅ Ρ‚Π°Π±Π»ΠΈΡ†Ρ‹ стилСй. Как ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Ρ‡ΠΈΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ Β«Ρ€Π΅Π·ΠΈΠ½ΠΎΠ²ΡƒΡŽΒ» вСрстку (Π“Π°Π·ΠΏΡ€ΠΎΠΌ, General Electric), Π»ΠΈΠ±ΠΎ просто ΠΈΠ·Π½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ Π΄Π΅Π»Π°ΡŽΡ‚ сайт нСбольшого Ρ€Π°Π·ΠΌΠ΅Ρ€Π° (Total, ExxonMobil).

Π£Ρ€ΠΎΠ²Π΅Π½ΡŒ Π°Π΄Π°ΠΏΡ‚Π°Ρ†ΠΈΠΈ ΠΏΠΎΠ΄ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρ‹ Ρ€Π΅Π·ΠΊΠΎ возрастаСт, ΠΊΠΎΠ³Π΄Π° Ρ€Π΅Ρ‡ΡŒ Π·Π°Ρ…ΠΎΠ΄ΠΈΡ‚ ΠΎΠ± ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚-компаниях. Π’ Π²Ρ‹Π±ΠΎΡ€ΠΊΠ΅ 30 ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… сайтов ΠΌΠΈΡ€Π° ΠΏΠΎ Π²Π΅Ρ€ΡΠΈΠΈ Alexa Internet тяТСло Π½Π°ΠΉΡ‚ΠΈ рСсурсы, Π½Π΅ ΠΎΠ±Π»Π°Π΄Π°ΡŽΡ‰ΠΈΠ΅ мобильной вСрсиСй.

Π•ΡΡ‚ΡŒ Π»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии Ρƒ ΠΊΡ€ΡƒΠΏΠ½Π΅ΠΉΡˆΠΈΡ… сайтов ΠΌΠΈΡ€Π°?

Π‘Π°ΠΉΡ‚ Microsoft.com β€” яркий ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’ Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ ΠΎΠΊΠ½Π΅ элСмСнты располоТСны Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ, Π° Π² Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½ΠΎΠΌ β€” Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Β«ΡˆΠ°Ρ…Ρ‚ΠΎΠΉΒ».

Apple, Microsoft, Paypal ΠΈ ΠΊΠΈΡ‚айский ΠΏΠΎΡ€Ρ‚Π°Π» QQ Ρ€Π΅ΡˆΠΈΠ»ΠΈ Π½Π΅ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии, ΠΈ ΠΈΡ… ΡΠ°ΠΉΡ‚Ρ‹ смотрятся Π±ΠΎΠ»Π΅Π΅-ΠΌΠ΅Π½Π΅Π΅ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ Π½Π° Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Ρ… ΠΈ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ…. Π’Π΅Π±-рСсурсы сразу Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½Ρ‹ с Ρ€Π°ΡΡ‡Π΅Ρ‚ΠΎΠΌ Π½Π° ΠΏΡ€ΠΎΡΠΌΠΎΡ‚Ρ€ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств: ΠΌΠΈΠ½ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½ Π½Π°Π±ΠΎΡ€ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ ΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ, Π²Ρ‹Π±Ρ€Π°Π½Ρ‹ элСмСнты вСрстки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ…ΠΎΡ€ΠΎΡˆΠΎ смотрятся Π½Π° ΡΠΊΡ€Π°Π½Π΅ любого Ρ€Π°Π·ΠΌΠ΅Ρ€Π°.

Π‘Π°ΠΉΡ‚ Microsoft.com β€” яркий ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°. Π’ Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ ΠΎΠΊΠ½Π΅ элСмСнты располоТСны Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎ, Π° Π² Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΎΠΌ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π½ΠΎΠΌ β€” Π²Π΅Ρ€Ρ‚ΠΈΠΊΠ°Π»ΡŒΠ½ΠΎΠΉ Β«ΡˆΠ°Ρ…Ρ‚ΠΎΠΉΒ».

Π₯отя ΠΏΠΎΠ΄Π°Π²Π»ΡΡŽΡ‰Π΅Π΅ Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ сайтов-Π»ΠΈΠ΄Π΅Ρ€ΠΎΠ² ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии, Π²Ρ‹Π±ΠΎΡ€ Microsoft, Paypal, Apple ΠΈ Π΄Ρ€ΡƒΠ³ΠΈΡ… Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π½Π΅ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΠ΅Ρ‚ Π΅Π΄ΠΈΠ½ΠΎΠ³ΠΎ ΠΎΡ‚Π²Π΅Ρ‚Π° Π½Π° Π²ΠΎΠΏΡ€ΠΎΡ, ΠΊΠ°ΠΊ ΠΏΠΎΠ΄ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒΡΡ ΠΏΠΎΠ΄ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ устройствами. Пока быстрый ΠΈΠ½Ρ‚Π΅Ρ€Π½Π΅Ρ‚ 4G ΠΈ ΠΊΡ€ΡƒΠΏΠ½Ρ‹Π΅ экраны Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½ΠΎΠ² ΠΎΡΡ‚Π°ΡŽΡ‚ΡΡ доступными ΠΌΠ°Π»ΠΎΠΉ Π΄ΠΎΠ»Π΅ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ вСрсии ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°Ρ‚ Π΄ΠΎΠΌΠΈΠ½ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π½Π° ΠΊΡ€ΡƒΠΏΠ½Ρ‹Ρ… ΠΈ Ρ‚Π΅Ρ…Π½ΠΎΠ»ΠΎΠ³ΠΈΡ‡Π½Ρ‹Ρ… ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Π°Ρ…. Но ΠΊΠΎΠ³Π΄Π° Π±Ρ€Π°ΡƒΠ·ΠΈΠ½Π³ с Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° пСрСстанСт Π±Ρ‹Ρ‚ΡŒ прСпятствиСм, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π½Π°Ρ‡Π½Π΅Ρ‚ Π·Π°Π²ΠΎΠ΅Π²Ρ‹Π²Π°Ρ‚ΡŒ ΠΏΠΎΠ·ΠΈΡ†ΠΈΠΈ. Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… отраслях сфСрах это ΠΏΡ€ΠΎΠΈΠ·ΠΎΠΉΠ΄Π΅Ρ‚ быстрСС. Как ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ, Π±ΡƒΠ΄ΡƒΡ‰Π΅Π΅ ΡƒΠΆΠ΅ наступило, просто ΠΎΠ½ΠΎ Β«Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ€Π°Π²Π½ΠΎΠΌΠ΅Ρ€Π½ΠΎ распрСдСлСно».

Π‘ΠΎΠ°Π²Ρ‚ΠΎΡ€: ΠšΠΎΠ½ΡΡ‚Π°Π½Ρ‚ΠΈΠ½ Π”Ρ€Π°Π½Ρ‡


Как Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

НС сСкрСт, Ρ‡Ρ‚ΠΎ всС большС ΠΈ большС людСй выходят Π² Π˜Π½Ρ‚Π΅Ρ€Π½Π΅Ρ‚, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡ свои ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства Π² Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹ΠΌ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°ΠΌ ΠΈΠ»ΠΈ вмСсто Π½ΠΈΡ…. На самом Π΄Π΅Π»Π΅ Π²ΠΎ всСм ΠΌΠΈΡ€Π΅ насчитываСтся ΠΏΠΎΡ‡Ρ‚ΠΈ 7 ΠΌΠΈΠ»Π»ΠΈΠ°Ρ€Π΄ΠΎΠ² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ. (Для справки: Π² настоящСС врСмя насСлСниС ΠΌΠΈΡ€Π° составляСт 7,8 ΠΌΠΈΠ»Π»ΠΈΠ°Ρ€Π΄Π° Ρ‡Π΅Π»ΠΎΠ²Π΅ΠΊ. Π­Ρ‚ΠΎ ΠΎΡ‡Π΅Π½ΡŒ ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.)

Но Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ Π΄Π΅Π»Π°ΡŽΡ‚ Π½Π° этих ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½ΠΎ для Ρ‚Π°ΠΊΠΈΡ… ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΎΠ², ΠΊΠ°ΠΊ ΠΌΡ‹.

40% ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»Π΅ΠΉ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ свои ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства для провСдСния исслСдований ΠΏΠ΅Ρ€Π΅Π΄ ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ Π»ΠΈΡ‡Π½ΠΎ. Π‘ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°ΡŽΡ‚ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ своих смартфонов, Π° 55% ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°ΡŽΡ‚ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, найдя Ρ‚ΠΎΠ²Π°Ρ€Ρ‹ Π² ΡΠΎΡ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… сСтях.

Π’ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Π΅ ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΅ΡΡ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Π²Π΅Π±-сайты, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‚ большС ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ ΡΠΎΡ…Ρ€Π°Π½ΡΡŽΡ‚ растущСС ΠΊΠΎΠ½ΠΊΡƒΡ€Π΅Π½Ρ‚Π½ΠΎΠ΅ прСимущСство ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с компаниями, Ρƒ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΈΡ… Π½Π΅Ρ‚.

Но Ρ‡Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта, ΠΊΠ°ΠΊ ΠΎΠ½ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ΠΈ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒΡΡ? Π­Ρ‚ΠΎ руководство ΠΏΡ€ΠΈΠ·Π²Π°Π½ΠΎ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΡ‚ΡŒ Π½Π° эти вопросы, ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚ΡŒ ΡƒΠ±Π΅Π΄ΠΈΡ‚Π΅Π»ΡŒΠ½ΡƒΡŽ статистику ΠΈ Π½Π°ΡƒΡ‡ΠΈΡ‚ΡŒ вас ΠΊΠ»ΡŽΡ‡Π΅Π²Ρ‹ΠΌ особСнностям Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΎ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π·Π½Π°Ρ‚ΡŒ всС ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΎΠ»ΠΎΠ³ΠΈ. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π°Ρ‡Π½Π΅ΠΌ.

  1. Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½?

  2. ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π°ΠΆΠ΅Π½

  3. Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

  4. Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌΡƒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

  5. АдаптивныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

 

Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½?

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ относится ΠΊ Π²Π΅Π±-сайту, Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½ΠΎΠΌΡƒ с ΡƒΡ‡Π΅Ρ‚ΠΎΠΌ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ, ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΈ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°, ΡƒΠ΄ΠΎΠ±Π½Ρ‹Ρ… для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. АдаптивныС Π²Π΅Π±-сайты ΠΈΠ·ΠΌΠ΅Π½ΡΡŽΡ‚ΡΡ ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΡ€ΡƒΡŽΡ‚ΡΡ ΠΊ Π»ΡŽΠ±ΠΎΠΌΡƒ устройству, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΡŒ, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ смартфоны, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρ‹ ΠΈ Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Π΅ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Ρ‹.

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ большС Π½Π΅ являСтся ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΠ΅ΠΌ β€” это ваТная инвСстиция для ΠΏΠΎΠ²Ρ‹ΡˆΠ΅Π½ΠΈΡ узнаваСмости вашСго Π±Ρ€Π΅Π½Π΄Π°, разнообразия ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° (UX) ΠΈ увСличСния числа посСтитСлСй сайта.

Π­Ρ‚ΠΎ Ρ‚Π°ΠΊΠΆΠ΅ экономит Π΄Ρ€Π°Π³ΠΎΡ†Π΅Π½Π½ΠΎΠ΅ врСмя вашСго бизнСса. Π’Ρ‹ Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½Ρ‹ΠΉ Π²Π΅Π±-сайт для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠ³ΠΎ устройства, ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ваши посСтитСли, Π½Π΅ говоря ΡƒΠΆΠ΅ ΠΎ Π±ΡƒΠ΄ΡƒΡ‰ΠΈΡ… тСхнологиях. Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш Π²Π΅Π±-сайт совмСстим со всСми устройствами ΠΈ экранами, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π²ΠΎΡΡ…ΠΈΡ‚ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΎΠΏΡ‹Ρ‚ … ΠΊΠ°ΠΊ с соврСмСнными устройствами, Ρ‚Π°ΠΊ ΠΈ с Ρ‚Π΅ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΅Ρ‰Π΅ Π½Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π΅Ρ‚Π΅Π½Ρ‹.

Π”Π°Π²Π°ΠΉΡ‚Π΅ углубимся Π² , ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ Ρ‚Π°ΠΊ Π²Π°ΠΆΠ΅Π½ Π² наши Π΄Π½ΠΈ.

 

ΠŸΠΎΡ‡Π΅ΠΌΡƒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π°ΠΆΠ΅Π½

Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ позволяСт ΠΎΡ…Π²Π°Ρ‚ΠΈΡ‚ΡŒ Π±ΠΎΠ»Π΅Π΅ ΡˆΠΈΡ€ΠΎΠΊΡƒΡŽ ΠΈ Π·Π°ΠΈΠ½Ρ‚Π΅Ρ€Π΅ΡΠΎΠ²Π°Π½Π½ΡƒΡŽ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ, Π³Π΄Π΅ Π±Ρ‹ ΠΈ ΠΊΠ°ΠΊ Π±Ρ‹ ΠΎΠ½ΠΈ Π½ΠΈ Π½Π°Ρ…ΠΎΠ΄ΠΈΠ»ΠΈΡΡŒ.

Π§Ρ‚ΠΎ Π΅Ρ‰Π΅ Π±ΠΎΠ»Π΅Π΅ Π²Π°ΠΆΠ½ΠΎ, отсутствиС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΠΎΠΌΡƒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚Ρƒ β€” ΠΎΡ‚Ρ‚ΠΎΠ»ΠΊΠ½ΡƒΡ‚ΡŒ ваш Π²Π΅Π±-сайт ΠΎΡ‚ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΌ Π½ΡƒΠΆΠ΅Π½ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Ρ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ интСрфСйс. На самом Π΄Π΅Π»Π΅, исслСдования ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°ΡŽΡ‚, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΡ‚Π΅Ρ€ΡΡ‚ΡŒ Π΄ΠΎ 90% Π²Π°ΡˆΠΈΡ… ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈΠ·-Π·Π° ΠΏΠ»ΠΎΡ…ΠΎΠ³ΠΎ мобильного взаимодСйствия.

Много ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² β€” ΠΈ Π΄ΠΎΡ…ΠΎΠ΄.

Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим Ρ‚Ρ€ΠΈ основных прСимущСства Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°.


1. Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ потрСбитСлям Π½Π°ΠΉΡ‚ΠΈ ваш сайт.

МногиС люди заходят Π² Google со своих ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств β€” фактичСски 63%. Google Ρ‚Π°ΠΊΠΆΠ΅ Π½Π°ΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Π΅Π±-сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π•Π³ΠΎ индСксация для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΌΠΎΠΆΠ΅Ρ‚ фактичСски ΠΏΠΎΠ²Π»ΠΈΡΡ‚ΡŒ Π½Π° Ρ€Π°Π½ΠΆΠΈΡ€ΠΎΠ²Π°Π½ΠΈΠ΅ вашСго Π²Π΅Π±-сайта ΠΈ ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ ΠΏΠΎΠ½ΠΈΠΆΠ΅Π½ Π½Π° страницах Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚ΠΎΠ² поисковой систСмы (SERP) Π² ΠΏΠΎΠ»ΡŒΠ·Ρƒ Π²Π΅Π±-сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‚ потрСбитСлям Π΄ΠΈΠ·Π°ΠΉΠ½, ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

Π˜Ρ‚Π°ΠΊ, Ссли большая Ρ‡Π°ΡΡ‚ΡŒ вашСй Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ осущСствляСт поиск со своСго смартфона (ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ привСдСнная Π²Ρ‹ΡˆΠ΅ статистика), Π° ваш сайт Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΌΠΎΠ³ΡƒΡ‚ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½Π΅ Π½Π°ΠΉΡ‚ΠΈ ваш сайт.


2. Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΡƒΠ΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° вашСм сайтС дольшС.

ΠŸΠΎΠΊΠ°Π·Π°Ρ‚Π΅Π»ΡŒ ΠΎΡ‚ΠΊΠ°Π·ΠΎΠ² Π²Π΅Π±-сайтов Π½Π° смартфонах составляСт ΠΏΠΎΡ‡Ρ‚ΠΈ 40% (ΠΏΠΎ ΡΡ€Π°Π²Π½Π΅Π½ΠΈΡŽ с 27% для ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ΠΎΠ²). ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π²Π΅Π±-страница, которая загруТаСтся ΠΌΠ΅Π½Π΅Π΅ Ρ‡Π΅ΠΌ Π·Π° ΠΏΡΡ‚ΡŒ сСкунд, Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚ ΡƒΠ²Π΅Π»ΠΈΡ‡Π΅Π½ΠΈΠ΅ Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ просмотра Π½Π° 70%.

ΠŸΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΎΠΆΠΈΠ΄Π°ΡŽΡ‚ быстрого ΠΈ качСствСнного взаимодСйствия с Π²Π΅Π±-сайтом (ΠΊΠ°ΠΊ ΠΈ Google) β€” оТидания, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Π²Π΅Π±-сайта.

Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ нашим ΠΎΡ†Π΅Π½Ρ‰ΠΈΠΊΠΎΠΌ Π²Π΅Π±-сайтов, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ свой Π²Π΅Π±-сайт Π·Π° считанныС сСкунды, ΠΈ бСсплатно ΡƒΠ·Π½Π°ΠΉΡ‚Π΅, ΠΊΠ°ΠΊ Π΅Π³ΠΎ ΡƒΠ»ΡƒΡ‡ΡˆΠΈΡ‚ΡŒ.


3. Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΏΠΎΠ²Ρ‹ΡˆΠ°Π΅Ρ‚ ΡƒΠ·Π½Π°Π²Π°Π΅ΠΌΠΎΡΡ‚ΡŒ Π±Ρ€Π΅Π½Π΄Π° ΠΈ Π΄ΠΎΠ²Π΅Ρ€ΠΈΠ΅ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»Π΅ΠΉ.

НаконСц, 57% ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»Π΅ΠΉ говорят, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ вряд Π»ΠΈ ΠΏΠΎΡ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΡŽΡ‚ компанию с ΠΏΠ»ΠΎΡ…ΠΎ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚Π°Π½Π½Ρ‹ΠΌ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌ Π²Π΅Π±-сайтом. Π’ΠΎΡ‚ ΠΆΠ΅ ΠΎΡ‚Ρ‡Π΅Ρ‚ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Ρ‡Ρ‚ΠΎ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ»ΠΎΠ²ΠΈΠ½Ρ‹ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ, Ρ€Π°Π·ΠΎΡ‡Π°Ρ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… ΠΎΠ½Π»Π°ΠΉΠ½-присутствиСм ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ, скорСС всСго, Π½Π΅Π³Π°Ρ‚ΠΈΠ²Π½ΠΎ отнСсутся ΠΊ самой ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ.

Адаптивный Π΄ΠΈΠ·Π°ΠΉΠ½ Π²Π΅Π±-сайта Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ восторг Ρƒ ΠΎΠ½Π»Π°ΠΉΠ½-ΠΏΠΎΠΊΡƒΠΏΠ°Ρ‚Π΅Π»Π΅ΠΉ, ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΈΡ… Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Ρ‚ΡŒ ваш бизнСс ΠΈ ΠΏΠΎΠ±ΡƒΠΆΠ΄Π°Π΅Ρ‚ ΠΈΡ… Π²Π΅Ρ€Π½ΡƒΡ‚ΡŒΡΡ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΡƒΠΏΠΈΡ‚ΡŒ большС.

 

Как ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½

МоТно ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ собствСнный Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CSS ΠΈ HTML. Но это всС Ρ€Π°Π²Π½ΠΎ, Ρ‡Ρ‚ΠΎ Π΅Ρ…Π°Ρ‚ΡŒ ΠΏΠΎ Π΄Π»ΠΈΠ½Π½ΠΎΠΉ просСлочной Π΄ΠΎΡ€ΠΎΠ³Π΅, ΠΊΠΎΠ³Π΄Π° Π΅ΡΡ‚ΡŒ скоростная Π°Π²Ρ‚ΠΎΠΌΠ°Π³ΠΈΡΡ‚Ρ€Π°Π»ΡŒ. Π’ этом случаС скоростной Π΄ΠΎΡ€ΠΎΠ³ΠΎΠΉ Π±ΡƒΠ΄Π΅Ρ‚ систСма управлСния ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ΠΎΠΌ (CMS) ΠΈΠ»ΠΈ конструктор Π²Π΅Π±-сайтов.

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

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ достигнут с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ CMS ΠΈΠ»ΠΈ конструктора сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΠ±Π»Π΅Π³Ρ‡Π°ΡŽΡ‚ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. Π’ΠΎΡ‚ нСсколько распространСнных Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ΠΎΠ².


1. CMS Hub

CMS Hub β€” ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ интСгрированная CMS с ΠΏΠΎΠ»Π½Ρ‹ΠΌ хостингом. Он ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ вашим инструмСнтам HubSpot, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π²Ρ‹ ΠΌΠΎΠ³Π»ΠΈ ΠΏΡ€Π΅Π΄ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡƒΠ½ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹ΠΉ ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³, ΠΏΡ€ΠΎΠ΄Π°ΠΆΠΈ, обслуТиваниС ΠΈ просмотр сайта для своих посСтитСлСй, ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ сотрудников.

Π§Ρ‚ΠΎ касаСтся вашСго ΠΎΠΏΡ‹Ρ‚Π° создания сайтов, CMS Hub ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹ Π²Π΅Π±-сайтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Ρ‚Π°ΠΊΠΆΠ΅ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ΄ΠΎΠ²Π»Π΅Ρ‚Π²ΠΎΡ€ΠΈΡ‚ΡŒ Π²Π°ΡˆΠΈΡ… посСтитСлСй ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², Π³Π΄Π΅ Π±Ρ‹ ΠΈ ΠΊΠ°ΠΊ Π±Ρ‹ ΠΎΠ½ΠΈ Π½ΠΈ просматривали.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ


2. WordPress

WordPress β€” самая популярная Π² ΠΌΠΈΡ€Π΅ CMS, которая ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅Ρ‚ эту ΠΏΡ€Π΅Π²ΠΎΡΡ…ΠΎΠ΄Π½ΡƒΡŽ ΡΡ‚Π΅ΠΏΠ΅Π½ΡŒ, прСдлагая ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых простых конструкторов Π²Π΅Π±-сайтов β€” Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Gutenberg.

WordPress ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ тысячи Ρ‚Π΅ΠΌ ΠΈ шаблонов для Π½Π°Ρ‡Π°Π»Π°, Π²ΠΊΠ»ΡŽΡ‡Π°Ρ мноТСство шаблонов с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ. (Π‘ΠΎΠ»Π΅Π΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Π΅ Ρ‚Π΅ΠΌΡ‹ WordPress ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΉΡ‚ΠΈ здСсь ΠΈ здСсь.)

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : ПослС Ρ‚ΠΎΠ³ΠΎ, ΠΊΠ°ΠΊ Π²Ρ‹ настроили Ρ‚Π΅ΠΌΡƒ для своСго Π²Π΅Π±-сайта WordPress, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΠΉΡ‚Π΅ ΠΈ ΠΊΠΎΠ½Π²Π΅Ρ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ своих посСтитСлСй с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ бСсплатных Ρ„ΠΎΡ€ΠΌ, ΠΆΠΈΠ²ΠΎΠ³ΠΎ Ρ‡Π°Ρ‚Π°, элСктронного ΠΌΠ°Ρ€ΠΊΠ΅Ρ‚ΠΈΠ½Π³Π° ΠΈ Π°Π½Π°Π»ΠΈΡ‚ΠΈΠΊΠΈ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΏΠ»Π°Π³ΠΈΠ½ HubSpot для WordPress.


3. Squarespace

Squarespace β€” популярный конструктор сайтов, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΠΈΠΉ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ сайтов ΠΈ творчСскиС инструмСнты.

Squarespace ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ 60 шаблонов, ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Π½Ρ‹Ρ… для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств, ΠΈΠ· ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ быстро ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ свой сайт. Π’ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ Squarespace Π²Ρ‹ Ρ‚Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠ΅Ρ€Π΅Ρ…ΠΎΠ΄ΠΈΡ‚ΡŒ с Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола Π½Π° ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚ ΠΈ Π½Π° мобильноС устройство, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваши ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Ρ‹ Π»Π΅Π³ΠΊΠΎ Ρ€Π΅Π°Π³ΠΈΡ€ΠΎΠ²Π°Π»ΠΈ Π½Π° Ρ€Π°Π·Π½Ρ‹Π΅ устройства.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ


4. Wix

Wix β€” Π΅Ρ‰Π΅ ΠΎΠ΄ΠΈΠ½ конструктор сайтов, ΠΏΡ€Π΅Π΄Π»Π°Π³Π°ΡŽΡ‰ΠΈΠΉ бСсплатныС ΠΈ ΠΏΠ»Π°Ρ‚Π½Ρ‹Π΅ подписки Π½Π° Π²Π΅Π±-сайты. Он прСдоставляСт простой Π² использовании Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ пСрСтаскивания, бСсплатный хостинг ΠΈ Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ бСзопасности.

ВсС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Wix ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΠΎΠ²Π°Π½Ρ‹ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств. Как ΠΈ Squarespace, Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€ Wix позволяСт Π²Π°ΠΌ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ваш сайт выглядит Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… устройствах.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π’ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΊ созданию Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΈΠ· Π²Ρ‹ΡˆΠ΅ΠΏΠ΅Ρ€Π΅Ρ‡ΠΈΡΠ»Π΅Π½Π½Ρ‹Ρ… инструмСнтов CMS ΠΈΠ»ΠΈ конструкторов сайтов ΠΏΡ€ΠΎΡ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ этот пост Π² Π±Π»ΠΎΠ³Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΎΠΏΡ‚ΠΈΠΌΠΈΠ·ΠΈΡ€ΡƒΠΉΡ‚Π΅ свой Π²Π΅Π±-сайт ΠΈ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

 

Π Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌΡƒ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Ρƒ

Благодаря ΠΈΠ½Ρ‚ΡƒΠΈΡ‚ΠΈΠ²Π½ΠΎ понятной CMS ΠΈΠ»ΠΈ конструктору Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ становится ΠΏΡ€ΠΎΡ‰Π΅. Но Π΄Π°ΠΆΠ΅ Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ ΡΠ°ΠΌΡƒΡŽ Π»ΡƒΡ‡ΡˆΡƒΡŽ CMS, ΠΎΠ½Π° Π½Π΅ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΊΠΎΠΌΠΏΠ΅Π½ΡΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ ΠΈ ΠΌΠ΅Π΄ΠΈΠ° β€” эта Ρ‡Π°ΡΡ‚ΡŒ зависит ΠΎΡ‚ вас. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡ€ΠΈΠΌ ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… ΠΏΠ΅Ρ€Π΅Π΄ΠΎΠ²Ρ‹Ρ… ΠΌΠ΅Ρ‚ΠΎΠ΄Π°Ρ… Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π²Π°ΠΌ ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств Π²Π΅Π±-интСрфСйс для Π²Π°ΡˆΠΈΡ… посСтитСлСй ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ².


1. НС ΠΏΡ€Π΅Π½Π΅Π±Ρ€Π΅Π³Π°ΠΉΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ.

Π§Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅, Ρ‡Ρ‚ΠΎΠ±Ρ‹ посСтитСли сайта Π΄Π΅Π»Π°Π»ΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ ΠΏΠΎΠΏΠ°Π΄Π°ΡŽΡ‚ Π½Π° ваш сайт? ΠŸΡ€ΠΈΠΌΠΈΡ‚Π΅ ΠΌΠ΅Ρ€Ρ‹, Π½Π΅ Ρ‚Π°ΠΊ Π»ΠΈ? Π­Ρ‚ΠΎ ΠΌΠΎΠΆΠ΅Ρ‚ Π±Ρ‹Ρ‚ΡŒ Π½Π°ΠΆΠ°Ρ‚ΠΈΠ΅ Π½Π° ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ (CTA), Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Π£Π·Π½Π°Ρ‚ΡŒ большС , Π‘ΠΊΠ°Ρ‡Π°Ρ‚ΡŒ ΠΈΠ»ΠΈ Π΄Π°ΠΆΠ΅ ΠšΡƒΠΏΠΈΡ‚ΡŒ .

Как посСтитСли сайта Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡ‚Π²ΡƒΡŽΡ‚ с этими ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Π½Π° вашСм Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠΌ сайтС? Если эти ΠΏΡ€ΠΈΠ·Ρ‹Π²Ρ‹ ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ Π²ΡΠΏΠ»Ρ‹Π²Π°ΡŽΡ‚, ΠΏΡ€ΠΎΠΊΡ€ΡƒΡ‡ΠΈΠ²Π°ΡŽΡ‚ΡΡ ΠΈΠ»ΠΈ находятся Π²Π½ΠΈΠ·Ρƒ вашСй Π²Π΅Π±-страницы, Π²Π°ΠΌ ΠΌΠΎΠΆΠ΅Ρ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ ΠΏΠ΅Ρ€Π΅ΠΎΡ†Π΅Π½ΠΈΡ‚ΡŒ, ΠΊΠ°ΠΊ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ посСтитСли ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊ Π½ΠΈΠΌ доступ.

НапримСр, ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»ΠΎΠΆΠΈΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚Π΅ основной ΠΏΡ€ΠΈΠ·Ρ‹Π² ΠΊ Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡŽ, Ρ‚Π°ΠΊΠΎΠΉ ΠΊΠ°ΠΊ Π—Π°Π³Ρ€ΡƒΠ·ΠΈΡ‚Π΅ HubSpot Free Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΉ части сайта, Π³Π΄Π΅ посСтитСли смогут ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Π΅Π³ΠΎ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ страницС.

Однако ΠΊΠΎΠ³Π΄Π° Π²Ρ‹ просматриваСтС свой ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΉ сайт, ΠΎΠ½ Π½Π΅ помСщаСтся Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ. ВмСсто Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ ΡƒΠ΄Π°Π»ΡΡ‚ΡŒ Π΅Π΅, ΠΏΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ ΠΈΠ»ΠΈ Π²ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π΅Π΅ Π² своС Π³Π°ΠΌΠ±ΡƒΡ€Π³Π΅Ρ€-мСню (Ρ‚Ρ€ΠΈ строки Π² Π²Π΅Ρ€Ρ…Π½Π΅ΠΌ ΡƒΠ³Π»Ρƒ), Π³Π΄Π΅ посСтитСли всС Π΅Ρ‰Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π΅Π΅ Π²ΠΈΠ΄Π΅Ρ‚ΡŒ ΠΈ Π½Π°ΠΆΠΈΠΌΠ°Ρ‚ΡŒ Π½Π° Π½Π΅Π΅.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, ΡƒΡ‡ΠΈΡ‚Ρ‹Π²Π°ΠΉΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈΠ½Ρ‚Π΅Ρ€Π°ΠΊΡ‚ΠΈΠ²Π½Ρ‹Ρ… областСй Π½Π° вашСм мобильном сайтС. Π’ ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола, Π³Π΄Π΅ посСтитСли ΠΌΠΎΠ³ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ курсор ΠΌΡ‹ΡˆΠΈ для наТатия ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈ ссылок, ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΏΠ°Π»ΡŒΡ†Ρ‹ для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ ΠΏΠΎ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту Π½Π° своСм смартфонС ΠΈΠ»ΠΈ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π΅.

РСкомСндуСтся, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΊΠ»ΠΈΠΊΠ°Π±Π΅Π»ΡŒΠ½Ρ‹Π΅ элСмСнты Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈΠΌΠ΅Π»ΠΈ высоту Π½Π΅ ΠΌΠ΅Π½Π΅Π΅ 48 пиксСлСй. Бюда входят ΠΊΠ½ΠΎΠΏΠΊΠΈ, поля Ρ„ΠΎΡ€ΠΌ, встроСнныС ссылки ΠΈ навигация ΠΏΠΎ мСню.


2. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΡƒΡŽ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΡƒΡŽ Π³Ρ€Π°Ρ„ΠΈΠΊΡƒ.

Если Π½Π° вашСм Π²Π΅Π±-сайтС Π΅ΡΡ‚ΡŒ ΠΈΠ»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈΠ»ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ, ΠΎΠ½ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ Π±Ρ‹Ρ‚ΡŒ Π² Ρ„ΠΎΡ€ΠΌΠ°Ρ‚Π΅ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΠ΅ΠΌΠΎΠΉ Π²Π΅ΠΊΡ‚ΠΎΡ€Π½ΠΎΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ (SVG).

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

SVG ΠΌΠΎΠΆΠ½ΠΎ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ бСсконСчно, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ Π΄Ρ€ΡƒΠ³ΠΈΡ… ΠΌΠ΅Π΄ΠΈΠ°Ρ„ΠΎΡ€ΠΌΠ°Ρ‚ΠΎΠ², Ρ‚Π°ΠΊΠΈΡ… ΠΊΠ°ΠΊ JPG ΠΈ PNG. Π­Ρ‚ΠΎ Π³Π°Ρ€Π°Π½Ρ‚ΠΈΡ€ΡƒΠ΅Ρ‚, Ρ‡Ρ‚ΠΎ ваш Π²Π΅Π±-сайт обСспСчиваСт высококачСствСнный просмотр для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»Π΅ΠΉ Π½Π° любом устройствС. Они Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π²Π°ΡˆΠ΅ΠΌΡƒ сайту Π·Π°Π³Ρ€ΡƒΠΆΠ°Ρ‚ΡŒΡΡ быстрСС β€” Ρ‡Ρ‚ΠΎ, ΠΊΠ°ΠΊ ΠΌΡ‹ ΡƒΠΆΠ΅ обсуТдали, ΠΏΠΎΠ»Π΅Π·Π½ΠΎ для ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠ³ΠΎ ΠΎΠΏΡ‹Ρ‚Π° ΠΈ Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³Π° SERP.


3. Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ ваши изобраТСния ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΡƒΡŽΡ‚ΡΡ.

Π˜Π»Π»ΡŽΡΡ‚Ρ€Π°Ρ†ΠΈΠΈ ΠΈ Π·Π½Π°Ρ‡ΠΊΠΈ β€” Π½Π΅ СдинствСнный Ρ‚ΠΈΠΏ ΠΌΡƒΠ»ΡŒΡ‚ΠΈΠΌΠ΅Π΄ΠΈΠ°, Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΊΠΎΡ‚ΠΎΡ€ΠΎΠ³ΠΎ мСняСтся Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах. Π’Π°ΡˆΠΈ изобраТСния Ρ‚ΠΎΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΌΠ°ΡΡˆΡ‚Π°Π±ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒΡΡ.

НапримСр, для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ изобраТСния с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 1200 пиксСлСй, Ρ‚ΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… Π²Π΅Π±-сайтов ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Ρ‚ΡŒΡΡ изобраТСния с Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ 400 пиксСлСй. ИспользованиС большСго Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ Π½Π° всСх устройствах ΠΌΠΎΠΆΠ΅Ρ‚ Π·Π°ΠΌΠ΅Π΄Π»ΠΈΡ‚ΡŒ ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ страницы, поэтому Ρ‚Π°ΠΊΠΎΠΉ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ Π½Π΅ рСкомСндуСтся.

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

ВмСсто этого рассмотритС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ с Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ€Π°Π·Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ΠΌ ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅, ΠΊΠ°ΠΊΠΎΠ΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Ρ‚ΡŒ Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΌ устройствС. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ это достигаСтся ΠΏΡƒΡ‚Π΅ΠΌ назначСния Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… Ρ‚Π΅Π³ΠΎΠ² Β«ΠΌΠ΅Π΄ΠΈΠ°Β» ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½Ρ‹ΠΌ «исходным» ΠΎΠ±ΡŠΠ΅ΠΊΡ‚Π°ΠΌ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Ρƒ ΠΈΠ»ΠΈ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½ΠΎΠΌΡƒ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Ρƒ) Π² ΠΊΠΎΠ΄Π΅ вашСго Π²Π΅Π±-сайта.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ : HubSpot позволяСт автоматичСски ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Ρ€Π°Π·ΠΌΠ΅Ρ€ изобраТСния Π² ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π΅ β€” Π΅Ρ‰Π΅ ΠΎΠ΄Π½Π° ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° ΡΠΎΠ·Π΄Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-сайт Π½Π° CMS Hub!


4. ΠŸΠΎΠ΄ΡƒΠΌΠ°ΠΉΡ‚Π΅ ΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅.

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

Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ

Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹, использованиС ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ² вашСго Π²Π΅Π±-сайта для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств ΠΌΠΎΠΆΠ΅Ρ‚ привСсти ΠΊ Ρ‚ΠΎΠΌΡƒ, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ вашСго Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π° Π±ΡƒΠ΄ΡƒΡ‚ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΡƒΡ€ΠΎΠ΄Π»ΠΈΠ²Ρ‹Π΅ слова, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π±ΡƒΠ΄ΡƒΡ‚ слишком большими ΠΈ Π±ΡƒΠ΄ΡƒΡ‚ ΠΏΡ€ΠΎΡ‚ΠΈΠ²ΠΎΡ€Π΅Ρ‡ΠΈΡ‚ΡŒ Π²Π°ΡˆΠ΅ΠΌΡƒ Π±Ρ€Π΅Π½Π΄Ρƒ.

Π’ΠΎΡ‚ наш Π»ΡƒΡ‡ΡˆΠΈΠΉ совСт ΠΏΠΎ Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠ΅ Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅:

  • Π’ΠΈΠΏ тСкста 16pt β€” это эмпиричСскоС ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ для Π½Π°ΡΡ‚ΠΎΠ»ΡŒΠ½ΠΎΠ³ΠΎ ΠΈ мобильного Π²Π΅Π±-ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°.

  • Π˜Π·Π±Π΅Π³Π°ΠΉΡ‚Π΅ ΠΎΡ‡Π΅Π½ΡŒ Ρ‚ΠΎΠ½ΠΊΠΈΡ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΈΡΡ‡Π΅Π·Π°ΡŽΡ‚ Π½Π° Π½Π΅Π±ΠΎΠ»ΡŒΡˆΠΈΡ… экранах.

  • Π£Π±Π΅Π΄ΠΈΡ‚Π΅ΡΡŒ, Ρ‡Ρ‚ΠΎ всС Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ явно большС основного тСкста ΠΈ ΠΏΠΎΠ΄Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ².

  • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ контрастныС Ρ†Π²Π΅Ρ‚Π° для Ρ‚ΠΈΠΏΠΎΠ³Ρ€Π°Ρ„ΠΈΠΊΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½Π° Π½Π΅ сливалась с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌΠΈ Ρ†Π²Π΅Ρ‚Π°ΠΌΠΈ вашСго сайта.


5. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ прСимущСствами Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΉ устройства.

Π₯отя ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Π΅ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ ΠΈ ΠΊΠ»ΠΈΠ΅Π½Ρ‚Ρ‹ Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ Π·Π²ΠΎΠ½ΠΈΡ‚ΡŒ Π²Π°ΠΌ со своих ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€ΠΎΠ², ΠΎΠ½ΠΈ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎ ΠΌΠΎΠ³ΡƒΡ‚ это Π΄Π΅Π»Π°Ρ‚ΡŒ со своих смартфонов. РассмотритС Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡ‚ΡŒ измСнСния вашСго Β«Chat Now!Β» CTA с ΠΏΠΎ Β«ΠŸΠΎΠ·Π²ΠΎΠ½ΠΈΡ‚Π΅ сСйчас!Β» ΠΈ ΡƒΠΊΠ°ΠΆΠΈΡ‚Π΅ свой Ρ€Π°Π±ΠΎΡ‡ΠΈΠΉ Π½ΠΎΠΌΠ΅Ρ€ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° вмСсто элСктронной ΠΏΠΎΡ‡Ρ‚Ρ‹.

ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Ссли Ρƒ вашСй ΠΊΠΎΠΌΠΏΠ°Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ мобильноС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, ΠΏΡ€Π΅Π΄Π»ΠΎΠΆΠΈΡ‚Π΅ посСтитСлям сайта ΠΎΡ‚ΠΊΡ€Ρ‹Ρ‚ΡŒ вашС ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ с вашСго Π²Π΅Π±-сайта β€” Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ ΠΎΠ½ΠΈ ΠΌΠΎΠ³ΡƒΡ‚ Π½Π΅ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π½Π° своих ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π°Ρ….


6. Π§Π°Ρ‰Π΅ провСряйтС свой Π²Π΅Π±-сайт.

Как всСгда, протСстируйтС Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-сайт Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… устройствах ΠΈ Π² Ρ€Π°Π·Π½Ρ‹Ρ… Π±Ρ€Π°ΡƒΠ·Π΅Ρ€Π°Ρ…. Π’ΠΎΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ΡΡŒ инструмСнтом Google Mobile-Friendly Test, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ·Π½Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚ ваш сайт.

Π­Ρ‚ΠΎΡ‚ ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΉ инструмСнт ΠΎΡ‚ ΠœΡΡ‚Ρ‚Π° ΠšΠ΅Ρ€ΡΠ»ΠΈ Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ‚ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ваш Π²Π΅Π±-сайт Π½Π° устройствах Ρ€Π°Π·Π½ΠΎΠ³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€Π°. Π’Ρ‹, ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎ, ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΈ собствСнныС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ устройства.

 

АдаптивныС ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Π›ΡƒΡ‡ΡˆΠΈΠΉ способ ΠΎΠ±Π΅ΡΠΏΠ΅Ρ‡ΠΈΡ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΡΡ‚ΡŒ Π²Π΅Π±-сайта β€” Π½Π°Ρ‡Π°Ρ‚ΡŒ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ шаблона Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°. НиТС прСдставлСны ΠΏΡΡ‚ΡŒ Π²Π΅Π»ΠΈΠΊΠΎΠ»Π΅ΠΏΠ½Ρ‹Ρ… шаблонов, доступных Π½Π° HubSpot Asset Marketplace, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΡΠ΄Π΅Π»Π°ΡŽΡ‚ просмотр вашСго сайта ΡƒΠ΄ΠΎΠ±Π½Ρ‹ΠΌ для ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройств.

ΠŸΠΎΠ»ΡƒΡ‡ΠΈΡ‚Π΅ доступ ΠΊ тысячам шаблонов с HubSpot Marketing Professional.


1. Π¨Π°Π±Π»ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° DjanGo

Π¦Π΅Π½Π° : $200

Π¨Π°Π±Π»ΠΎΠ½ DjanGo β€” это ΠΏΠΎΠ»Π½ΠΎΡΡ‚ΡŒΡŽ настраиваСмый ΠΈ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ шаблон сайта. Π•Π³ΠΎ соврСмСнный минималистичный Π΄ΠΈΠ·Π°ΠΉΠ½ позволяСт посСтитСлям ΡΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡ΠΈΡ‚ΡŒΡΡ Π½Π° содСрТании вашСго сайта ΠΈ ΠΈΠ½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΠΈ ΠΎ ΠΏΡ€ΠΎΠ΄ΡƒΠΊΡ‚Π΅.


2. Π¨Π°Π±Π»ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Prodigy

Π¦Π΅Π½Π° : БСсплатно

Π¨Π°Π±Π»ΠΎΠ½ Prodigy β€” это чистый шаблон Π²Π΅Π±-сайта, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ‚ Π²Π°ΡˆΡƒ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ярких ΠΌΠ΅Π΄ΠΈΠ° ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡŒΠΊΠΈΡ… CTA. Он автоматичСски ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ свой Π΄ΠΈΠ·Π°ΠΉΠ½, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ½ ΠΏΠΎΠ΄Ρ…ΠΎΠ΄ΠΈΠ» для любого устройства, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅ΠΌΠΎΠ³ΠΎ посСтитСлями вашСго сайта.


3. Π¨Π°Π±Π»ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Quantum

Π¦Π΅Π½Π° : 75 Π΄ΠΎΠ»Π»Π°Ρ€ΠΎΠ² БША

Π¨Π°Π±Π»ΠΎΠ½ Quantum β€” это многоцСлСвая Ρ‚Π΅ΠΌΠ°, ΠΏΡ€ΠΈΠ²Π»Π΅ΠΊΠ°ΡŽΡ‰Π°Ρ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΠΈ ΠΆΠΈΡ€Π½Ρ‹ΠΌΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ ΠΈ Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ Π²ΠΈΠ΄Π΅ΠΎ. НастройтС свой сайт с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ² страниц ΠΈ настраиваСмых ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.


4. Π¨Π°Π±Π»ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Kalahari

Π¦Π΅Π½Π° : $199

Π¨Π°Π±Π»ΠΎΠ½ Kalahari β€” это адаптивная Ρ‚Π΅ΠΌΠ°, которая ΠΏΡ€Π΅Π΄Π»Π°Π³Π°Π΅Ρ‚ Π΄ΠΈΠ½Π°ΠΌΠΈΡ‡Π΅ΡΠΊΡƒΡŽ Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΡŽ ΠΈ настройку Π½Π° ΡƒΡ€ΠΎΠ²Π½Π΅ страницы. Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ этот шаблон, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Ρ‚ΡŒ свою Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ ярких, Π²Ρ‹Π΄Π°ΡŽΡ‰ΠΈΡ…ΡΡ CTA.


5. Π¨Π°Π±Π»ΠΎΠ½ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° Startup Framework

Π¦Π΅Π½Π° : БСсплатно

Π¨Π°Π±Π»ΠΎΠ½ Startup Framework β€” это ΡƒΠ½ΠΈΠΊΠ°Π»ΡŒΠ½Ρ‹ΠΉ шаблон Π²Π΅Π±-сайта с ярким ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠΌ ΠΈ яркой Π³Ρ€Π°Ρ„ΠΈΠΊΠΎΠΉ. Π‘ΠΎΠ·Π΄Π°Π²Π°ΠΉΡ‚Π΅ Π΅Π³ΠΎ Π² Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π΅ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° HubSpot ΠΈ Π²Ρ‹Π±ΠΈΡ€Π°ΠΉΡ‚Π΅ ΠΈΠ· тысяч Π·Π½Π°Ρ‡ΠΊΠΎΠ² ΠΈ дСсятков настраиваСмых ΠΌΠΎΠ΄ΡƒΠ»Π΅ΠΉ.


ΠžΡ‚ΠΊΠ»ΠΈΠΊΠ½ΠΈΡ‚Π΅ΡΡŒ Π½Π° свою Π°ΡƒΠ΄ΠΈΡ‚ΠΎΡ€ΠΈΡŽ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°

Когда Ρ‚Π°ΠΊ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΈΡ‚Π΅Π»Π΅ΠΉ ΡΠΎΠ²Π΅Ρ€ΡˆΠ°ΡŽΡ‚ ΠΏΠΎΠΊΡƒΠΏΠΊΠΈ ΠΈ ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°ΡŽΡ‚ сайты Π½Π° своих ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах, Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ. Π‘Π΅Π· этого Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡƒΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ ΠΏΠΎΡ‚Π΅Π½Ρ†ΠΈΠ°Π»ΡŒΠ½Ρ‹Ρ… ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ², ΠΊΠ»ΠΈΠ΅Π½Ρ‚ΠΎΠ² ΠΈ Π΄ΠΎΡ…ΠΎΠ΄.

Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ эти инструмСнты, ΡˆΠ°Π±Π»ΠΎΠ½Ρ‹ ΠΈ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄Π°Ρ†ΠΈΠΈ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π½Π°Ρ‡Π°Ρ‚ΡŒ Ρ€Π°Π±ΠΎΡ‚Ρƒ с Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΌ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ ΡƒΠΆΠ΅ сСгодня.

ΠŸΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ Ρ€Π΅Π΄Π°ΠΊΡ‚ΠΎΡ€Π°: этот пост Π±Ρ‹Π» ΠΏΠ΅Ρ€Π²ΠΎΠ½Π°Ρ‡Π°Π»ΡŒΠ½ΠΎ ΠΎΠΏΡƒΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ Π² сСнтябрС 2014 Π³ΠΎΠ΄Π° ΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ для ΠΏΠΎΠ»Π½ΠΎΡ‚Ρ‹.

Π’Π΅ΠΌΡ‹: ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½

НС Π·Π°Π±ΡƒΠ΄ΡŒΡ‚Π΅ ΠΏΠΎΠ΄Π΅Π»ΠΈΡ‚ΡŒΡΡ этим постом!

Адаптивный Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ (v.

1) β€” ДокумСнтация Nicepage

РСзюмС

  • ΠžΠ±Π·ΠΎΡ€
    • ΠšΠΎΠ½Ρ†Π΅ΠΏΡ†ΠΈΡ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°
    • Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹
    • ΠŸΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ°
    • ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Ρ€Π΅ΠΆΠΈΠΌΠΎΠ²

    • ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ области просмотра
    • Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтки
    • ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±Π΅Π· сСтки
    • ΠšΠΎΡ€ΠΎΠ±ΠΊΠ° для использования
    • ΠŸΡƒΡΡ‚ΠΎΠΉ Π±Π»ΠΎΠΊ
    • Π‘Π»ΠΎΠΊΠΈ рСдактирования
    • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚
      • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅
      • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст
      • Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ
      • Π’Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ просмотры
    • Полная настройка
    • Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° устройствах
    • РаспространСнныС ошибки
    • Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊΠΈ
    • Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹
    • ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр сайта

    ΠžΠ±Π·ΠΎΡ€

    БСгодня ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваши посСтитСли ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ содСрТимоС вашСго Π²Π΅Π±-сайта Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… экранах. Π­Ρ‚Π° дСмонстрация ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚, ΠΊΠ°ΠΊ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½.

    Адаптивная концСпция

    Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½? ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Ρ‚ΠΎ, ΠΊΠ°ΠΊ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройствах Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях.

    Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹

    Если Π½Π΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²Π΅Π±-сайты Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈΠ·-Π·Π° ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ.

    Π”Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ²

    Для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит с вашими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° вашСго сайта ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ΡΡ, Π° Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΎΠΉ.

    ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ²

    Π’ рассмотрСнном ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС Nicepage Π΅ΡΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСний. Π­Ρ‚ΠΎ позволяСт ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°. А Π²ΠΎΡ‚ Ρ‚Π°ΠΊ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈ Π½Π° дСсктопС.

    Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим самыС популярныС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния (ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹), ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Nicepage.

    ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ области просмотра

    ΠŸΠ΅Ρ€Π²Ρ‹ΠΉ Π²ΠΈΠ΄ β€” это Π²ΠΈΠ΄ Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола, самая ΡˆΠΈΡ€ΠΎΠΊΠ°Ρ поддСрТиваСмая ΠΎΠ±Π»Π°ΡΡ‚ΡŒ просмотра. Π”Π°Π»Π΅Π΅ слСдуСт Π²ΠΈΠ΄ «Ноутбук», Π²ΠΈΠ΄ Β«ΠŸΠ»Π°Π½ΡˆΠ΅Ρ‚Β», Π·Π°Ρ‚Π΅ΠΌ «ПСйзаТ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Β» ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, самый ΡƒΠ·ΠΊΠΈΠΉ ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных соврСмСнных экранов β€” Π²ΠΈΠ΄ Β«ΠŸΠΎΡ€Ρ‚Ρ€Π΅Ρ‚ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Β».

    Π‘Π°ΠΌΡ‹ΠΉ распространСнный вопрос: ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ красиво выглядят Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠ°Ρ…? Если Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки ΠΈΠ»ΠΈ столбцы, Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами. И ΠΌΡ‹ объясним ΠΏΠΎΡ‡Π΅ΠΌΡƒ.

    ИспользованиС сСток

    Как сСтка (столбцы) ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ прСдставлСниями? НапримСр, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ имССтся ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° экранС Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. Π’ Nicepage ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки созданы Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π΅Ρ…Π²Π°Ρ‚ΠΊΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана ячСйки сСтки автоматичСски ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΎΠ΄Π½Π° ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΡƒΡŽ. ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ваш ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах.

    Π’ Nicepage Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ «Новый Π±Π»ΠΎΠΊΒ» Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ сСтку. Добавляя эти Π±Π»ΠΎΠΊΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния ΡƒΠΆΠ΅ сдСланы ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ.

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ.
    2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ изобраТСния.
    3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ «БизнСс».
    4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ слСва.
    5. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ этот Π±Π»ΠΎΠΊ Π³Π°Π»Π΅Ρ€Π΅ΠΈ с трСмя изобраТСниями.
    6. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ.
    7. НСмного ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ поля Π±Π»ΠΎΠΊΠ°.

    Π’ этом Π±Π»ΠΎΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка с трСмя ячСйками. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ Mobile Views, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ячССк.

    ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±Π΅Π· сСток

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊ

    НСкоторыС Π±Π»ΠΎΠΊΠΈ содСрТат мСньшС содСрТимого, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π±Π»ΠΎΠΊΠΈ ввСдСния (ΠΈΠ»ΠΈ основного изобраТСния).

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ.
    2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с тСкстом.
    3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ любой Π±Π»ΠΎΠΊ.
    4. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ.

    Use Box

    Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±Π»ΠΎΠΊΠ°Ρ… вмСсто сСтки ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π±Π»ΠΎΠΊ ввСдСния для дСмонстрации. ΠŸΡ€ΠΈ нСобходимости ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ прСдставлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚.

    ΠŸΡƒΡΡ‚ΠΎΠΉ Π±Π»ΠΎΠΊ

    Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим простой Π±Π»ΠΎΠΊ с двумя ячСйками, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΈ быстро ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Nicepage. Π’ΠΎΡ‚ Π±Π»ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°.

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ.
    2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠŸΡƒΡΡ‚ΠΎ.
    3. Π£Π²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°.
    4. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ сСтку.
    5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ -> Π‘Π΅Ρ‚ΠΊΠ°.
    6. Π’ спискС Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘Π΅Ρ‚ΠΊΡƒ с двумя ячСйками.
    7. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ.

    Π‘Π»ΠΎΠΊΠΈ рСдактирования

    Π‘Π΅Ρ‚ΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, поэтому ячСйки Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ.

    1. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚ΡŒ высоту сСтки.
    2. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ сСтки Π² Π±Π»ΠΎΠΊΠ΅.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ содСрТимоС

    Π’ΠΎ врСмя пСрСмСщСния Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ красныС ΠΌΠ°Π³Π½ΠΈΡ‚Π½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΈ Ρ†ΠΈΡ„Ρ€Ρ‹, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‚ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ содСрТимоС.

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

    Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π»Π΅Π²ΠΎΠΉ ячСйкС, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² элСмСнт изобраТСния ΠΈΠ· локальной ΠΏΠ°ΠΏΠΊΠΈ.

    1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ ячСйку.
    2. ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ Π·Π°Π»ΠΈΠ²ΠΊΡƒ для этой ячСйки.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2.
    2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты -> ВСкст -> Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2.
    3. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ тСкстового Π±Π»ΠΎΠΊΠ°. ΠœΠ°Π³Π½ΠΈΡ‚Π½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ снова Π²Ρ‹Π³ΠΎΠ΄Π½Ρ‹.
    4. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
    5. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст.
    6. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ-> ВСкст -> ВСкст.
    7. Π’Ρ‹Ρ€ΠΎΠ²Π½ΡΡ‚ΡŒ тСкст.
    8. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст.

    Кнопка добавлСния

    1. Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ.
    2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ малСнький плюс Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ ячСйки.
    3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ.
    4. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ любой ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    6. ВыровняйтС содСрТимоС Π² ячСйкС.

    ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСний

    ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π’Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ измСнСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ автоматичСски.

    Полная настройка

    Π‘Π»Π΅Π΄ΡƒΠ΅Ρ‚ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ рСдактирования ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π²ΠΎ всСх ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях.

    1. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΠΌΡΡ Π½Π° Π°Π»ΡŒΠ±ΠΎΠΌΠ½ΡƒΡŽ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°.
    2. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ изобраТСния.
    3. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.

    Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° устройствах

    Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ элСмСнты ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ячСйку изобраТСния, для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Альбомная. Π’Π°ΠΊΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ этот элСмСнт ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ. ΠŸΡ€ΠΈ нСобходимости помСняйтС мСстами ячСйки ΠΎΠ΄Π½ΠΎΠΉ строки.

    РаспространСнныС ошибки

    ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ

    ΠœΡ‹ рассмотрим самыС распространСнныС ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ люди ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². МоТно ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅ΡΡ‚ΡŒ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π‘Π΅Ρ‚ΡŒ. Π’ Nicepage это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ. Однако для этого трСбуСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ мобильного прСдставлСния.

    Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ°

    Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим.

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ пустой Π±Π»ΠΎΠΊ.
    2. Π£Π²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°.
    3. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
    4. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ -> Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.
    5. ВыровняйтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€.
    6. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅.

    Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2.
    2. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты-> ВСкст -> Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2.
    3. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
    4. Π’ΠΈΠ΄ΠΈΡ‚Π΅ Π»ΠΈ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ сСтки, это слоТнСС.
    5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°.
    6. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСкст.
    7. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты-> ВСкст -> ВСкст.
    8. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст.
    9. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ.
    10. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты-> Кнопка.
    11. Π’Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
    12. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ.

    Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния

    1. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСний.
    2. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ° пСрСмСститС ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²ΠΏΡ€Π°Π²ΠΎ.
    3. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° элСмСнт Button снова Π½Π΅ Π½Π° мСстС.
    4. Π₯ΡƒΠΆΠ΅ всСго обстоят Π΄Π΅Π»Π° с просмотрами Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°.
    5. Π’ альбомной ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° тСкстовый Π±Π»ΠΎΠΊ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ·-Π·Π° нСдостаточной ΡˆΠΈΡ€ΠΈΠ½Ρ‹.
    6. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ выровняйтС тСкстовыС Π±Π»ΠΎΠΊΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ.
    7. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ всС двиТСния для ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°.
    8. НапоминаСм, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ рСдактирования.
    9. Π”Π°Π²Π°ΠΉΡ‚Π΅ скроСм ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² альбомной ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° для этого Π±Π»ΠΎΠΊΠ°.

    Π“ΠΎΡ‚ΠΎΠ²ΠΎ.

    Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊΠΈ

    Π˜Ρ‚Π°ΠΊ, Π΄Π°Π²Π°ΠΉΡ‚Π΅ ΡƒΠ΄Π°Π»ΠΈΠΌ этот Π±Π»ΠΎΠΊ.

    1. ΠžΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ мСню Π‘Π»ΠΎΠΊ Π² НавигаторС страниц слСва ΠΈ
    2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π£Π΄Π°Π»ΠΈΡ‚ΡŒ.

    Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹

    Π•ΡΡ‚ΡŒ соврСмСнныС Π‘Π»ΠΎΠΊΠΈ со слоТными ΠΌΠ°ΠΊΠ΅Ρ‚Π°ΠΌΠΈ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ совсСм Π²ΠΏΠΈΡΡ‹Π²Π°ΡŽΡ‚ΡΡ Π² ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки. ΠšΡ€ΠΎΠΌΠ΅ Ρ‚ΠΎΠ³ΠΎ, Π² настоящСС врСмя ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ ΠΎΡ‡Π΅Π½ΡŒ популярно Π² Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π΅. Π’ конструкторС Π²Π΅Π±-сайтов Nicepage HTML сСтки ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ для Π±Π»ΠΎΠΊΠΎΠ² со слоТным ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ. Π’Π΅ΠΌ Π½Π΅ ΠΌΠ΅Π½Π΅Π΅, ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния для Ρ‚Π°ΠΊΠΈΡ… Π±Π»ΠΎΠΊΠΎΠ² Ρ‚Π°ΠΊΠΆΠ΅ ΠΏΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ созданы.

    Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π±Π»ΠΎΠΊ с ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Ρ‚ΠΈΠ΅ΠΌ.

    1. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ.
    2. ΠŸΠ΅Ρ€Π΅ΠΉΡ‚ΠΈ ΠΊ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°ΡŽΡ‰Π΅ΠΉΡΡ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΈ
    3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π±Π»ΠΎΠΊ.

    Π’ΠΈΠ΄ΠΈΡ‚Π΅ Π»ΠΈ, ΠΌΠ°ΠΊΠ΅Ρ‚ этого Π‘Π»ΠΎΠΊΠ° создан с использованиСм ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€ΠΎΠ². ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π±Π»ΠΎΠΊΠΈ.

    ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр сайта

    НаконСц, просмотритС страницу.

    НадССмся, Π²Π°ΠΌ ΠΏΠΎΠ½Ρ€Π°Π²ΠΈΠ»Π°ΡΡŒ эта дСмонстрация создания Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Nicepage.

    Π‘ΠΌ. Ρ‚Π°ΠΊΠΆΠ΅

    • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€Ρ‹ Nicepage
    • МСню Nicepage
    • ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ Nicepage
    • Π‘Π΅Ρ‚ΠΊΠΈ Nicepage
    • Π‘Π»ΠΎΠΊΠΈ Nicepage
    • Nicepage Π½Π° YouTube
    • Π’ΠΈΠ΄Π΅ΠΎΡƒΡ€ΠΎΠΊΠΈ Nicepage
    • ΠšΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΎΡ€ Π²Π΅Π±-сайтов HTML

    ## РСзюмС β€” ΠžΠ±Π·ΠΎΡ€ β€” ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Π°Ρ концСпция β€” Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ β€” Π‘Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ β€” ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² β€” ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Π²ΠΈΠ΄ΠΎΠ²Ρ‹Π΅ экраны β€” Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ сСтки β€” ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±Π΅Π· сСтки β€” Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ ΠΊΠΎΡ€ΠΎΠ±ΠΊΡƒ β€” ΠŸΡƒΡΡ‚ΠΎΠΉ Π±Π»ΠΎΠΊ β€” Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ β€” Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ β€” Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ β€” Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСксты β€” Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ β€” Π’Π΅ΡΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ просмотры β€” Полная настройка β€” Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° устройствах β€” РаспространСнныС ошибки β€” Π£Π΄Π°Π»ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊΠΈ β€” Π‘Π»ΠΎΠΆΠ½Ρ‹Π΅ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ β€” ΠŸΡ€Π΅Π΄Π²Π°Ρ€ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ просмотр сайта ## ΠžΠ±Π·ΠΎΡ€ БСгодня ΠΎΡ‡Π΅Π½ΡŒ Π²Π°ΠΆΠ½ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ваши посСтитСли ΠΌΠΎΠ³Π»ΠΈ ΡƒΠ΄ΠΎΠ±Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ содСрТимоС вашСго сайта Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… экранах. Π­Ρ‚Π° дСмонстрация ΠΏΠΎΠΊΠ°ΠΆΠ΅Ρ‚, ΠΊΠ°ΠΊ быстро ΠΈ Π»Π΅Π³ΠΊΠΎ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½. ##

    ## ### Адаптивная концСпция Π§Ρ‚ΠΎ Ρ‚Π°ΠΊΠΎΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½? ΠžΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ β€” это Ρ‚ΠΎ, ΠΊΠ°ΠΊ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹Ρ… устройствах Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях. !response-concept.jpg! ### Π’ΠΎΠ·ΠΌΠΎΠΆΠ½Ρ‹Π΅ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ Если Π½Π΅ ΡΠ»Π΅Π΄ΠΎΠ²Π°Ρ‚ΡŒ ΠΏΡ€Π°Π²ΠΈΠ»Π°ΠΌ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π°, Π²Π΅Π±-сайты Ρ‚Ρ€ΡƒΠ΄Π½ΠΎ Ρ‡ΠΈΡ‚Π°Ρ‚ΡŒ ΠΈΠ·-Π·Π° ΠΊΡ€ΠΎΡˆΠ΅Ρ‡Π½Ρ‹Ρ… ΡˆΡ€ΠΈΡ„Ρ‚ΠΎΠ², ΠΌΠ°Π»Π΅Π½ΡŒΠΊΠΈΡ… ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… элСмСнтов, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Ρ‚ΡŒΡΡ. ### Π‘Π»ΠΎΠΊΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ Для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½ΠΎΠ³ΠΎ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΊΡ€Π°ΠΉΠ½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΏΠΎΠ½ΠΈΠΌΠ°Ρ‚ΡŒ, Ρ‡Ρ‚ΠΎ происходит с вашими Π΄Π°Π½Π½Ρ‹ΠΌΠΈ Π² ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях. ΠžΠ±Ρ‹Ρ‡Π½ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° вашСго сайта ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π΅Ρ‚ΡΡ, Π° Π±Π»ΠΎΠΊΠΈ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π° ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΠΎΠΉ. !block-response.jpg! ### ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΠ΅ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² Π’ рассмотрСнном ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΡŒΡΠΊΠΎΠΌ интСрфСйсС Nicepage Π΅ΡΡ‚ΡŒ ΡΠΏΠ΅Ρ†ΠΈΠ°Π»ΡŒΠ½Π°Ρ ΠΎΠ±Π»Π°ΡΡ‚ΡŒ для ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π΅Π½ΠΈΡ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСний. Π­Ρ‚ΠΎ позволяСт ΠΏΡ€ΠΎΡΠΌΠ°Ρ‚Ρ€ΠΈΠ²Π°Ρ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΡΡ‚ΡŒ Π΄ΠΈΠ·Π°ΠΉΠ½ для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΠΊΡ€Π΅Ρ‚Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°. А Π²ΠΎΡ‚ Ρ‚Π°ΠΊ ваш сайт Π±ΡƒΠ΄Π΅Ρ‚ Π²Ρ‹Π³Π»ΡΠ΄Π΅Ρ‚ΡŒ Π½Π° Ρ€Π°Π·Π½Ρ‹Ρ… ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΈ Π½Π° дСсктопС. Π”Π°Π²Π°ΠΉΡ‚Π΅ рассмотрим самыС популярныС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния (ΠΎΡ‚Π·Ρ‹Π²Ρ‡ΠΈΠ²Ρ‹Π΅ Ρ€Π΅ΠΆΠΈΠΌΡ‹), ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ Nicepage. ## ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΡ‹Π΅ области просмотра ΠŸΠ΅Ρ€Π²ΠΎΠ΅ прСдставлСниС β€” это прСдставлСниС Ρ€Π°Π±ΠΎΡ‡Π΅Π³ΠΎ стола, самоС ΡˆΠΈΡ€ΠΎΠΊΠΎΠ΅ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ ΠΎΠΊΠ½ΠΎ просмотра. Π”Π°Π»Π΅Π΅ слСдуСт Π²ΠΈΠ΄ «Ноутбук», Π²ΠΈΠ΄ Β«ΠŸΠ»Π°Π½ΡˆΠ΅Ρ‚Β», Π·Π°Ρ‚Π΅ΠΌ «ПСйзаТ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Β» ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ†, самый ΡƒΠ·ΠΊΠΈΠΉ ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· самых популярных соврСмСнных экранов β€” Π²ΠΈΠ΄ Β«ΠŸΠΎΡ€Ρ‚Ρ€Π΅Ρ‚ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°Β». Π‘Π°ΠΌΡ‹ΠΉ распространСнный вопрос: ΠΊΠ°ΠΊ ΡΠΎΠ·Π΄Π°Π²Π°Ρ‚ΡŒ сайты, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ красиво выглядят Π² Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠ°Ρ…? Если Π΄Π°Π½Π½Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅, Π½ΡƒΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки ΠΈΠ»ΠΈ столбцы, Π΄Ρ€ΡƒΠ³ΠΈΠΌΠΈ словами. И ΠΌΡ‹ объясним ΠΏΠΎΡ‡Π΅ΠΌΡƒ. !Π±Π»ΠΎΠΊ-Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅.jpg! ## Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ сСтки Как сСтка (столбцы) ΠΏΠΎΠΌΠΎΠ³Π°Π΅Ρ‚ с ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹ΠΌΠΈ прСдставлСниями? НапримСр, ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ имССтся ΠΌΠ½ΠΎΠ³ΠΎ Π΄Π°Π½Π½Ρ‹Ρ… ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚Π°, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π½Π΅ ΠΏΠΎΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ Π½Π° экранС Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. Π’ Nicepage ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки созданы Ρ‚Π°ΠΊΠΈΠΌ ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΡ€ΠΈ Π½Π΅Ρ…Π²Π°Ρ‚ΠΊΠ΅ ΡˆΠΈΡ€ΠΈΠ½Ρ‹ экрана ячСйки сСтки автоматичСски ΠΏΠ΅Ρ€Π΅ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΎΠ΄Π½Π° ΠΏΠΎΠ΄ Π΄Ρ€ΡƒΠ³ΡƒΡŽ. ΠœΡ‹ Ρ€Π΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡƒΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹ сСтки, Ρ‡Ρ‚ΠΎΠ±Ρ‹ сразу Ρ€Π°Π·ΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ ваш ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π½Π° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… устройствах. !сСтка-ΠΌΠ°ΠΊΠ΅Ρ‚Ρ‹.jpg! Π’ Nicepage Π² Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠΌ ΠΎΠΊΠ½Π΅ «Новый Π±Π»ΠΎΠΊΒ» Π±ΠΎΠ»ΡŒΡˆΠΈΠ½ΡΡ‚Π²ΠΎ Π³ΠΎΡ‚ΠΎΠ²Ρ‹Ρ… Π±Π»ΠΎΠΊΠΎΠ² ΡƒΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ сСтку. Добавляя эти Π±Π»ΠΎΠΊΠΈ, Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ Π½Π΅ Π±Π΅ΡΠΏΠΎΠΊΠΎΠΈΡ‚ΡŒΡΡ, Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ всС ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния ΡƒΠΆΠ΅ сдСланы ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎ, ΠΈ Π²Π°ΠΌ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ Π½ΠΈΡ‡Π΅Π³ΠΎ Π΄Π΅Π»Π°Ρ‚ΡŒ. 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ. 2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΡ. 3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Ρ‚Π΅ΠΌΠ°Ρ‚ΠΈΡ‡Π΅ΡΠΊΡƒΡŽ ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΡŽ «БизнСс». 4. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΡΡ‚ΠΈΠ»ΡŒ слСва. 5. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ этот Π±Π»ΠΎΠΊ Π³Π°Π»Π΅Ρ€Π΅ΠΈ с трСмя изобраТСниями. 6. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ. 7. НСмного ΠΎΡ‚Ρ€Π΅Π³ΡƒΠ»ΠΈΡ€ΡƒΠΉΡ‚Π΅ поля Π±Π»ΠΎΠΊΠ°. Π’ этом Π±Π»ΠΎΠΊΠ΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ сСтка с трСмя ячСйками. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡Π°Ρ Mobile Views, ΠΌΡ‹ Π²ΠΈΠ΄ΠΈΠΌ Π΄Π²ΠΈΠΆΠ΅Π½ΠΈΠ΅ ячССк. ## ΠœΠ°ΠΊΠ΅Ρ‚Ρ‹ Π±Π΅Π· сСток ### Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ Π±Π»ΠΎΠΊ Π’ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Ρ… Π±Π»ΠΎΠΊΠ°Ρ… мСньшС содСрТания, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Π² Π±Π»ΠΎΠΊΠ°Ρ… ввСдСния (ΠΈΠ»ΠΈ основного изобраТСния). 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ. 2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ с тСкстом. 3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ любой Π±Π»ΠΎΠΊ. 4. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ. ## Π˜ΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ ΠΊΠΎΡ€ΠΎΠ±ΠΊΡƒ НСкоторыС Π±Π»ΠΎΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ ΠΊΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ вмСсто сСтки. Π”Π°Π²Π°ΠΉΡ‚Π΅ Π΄ΠΎΠ±Π°Π²ΠΈΠΌ Π±Π»ΠΎΠΊ ввСдСния для дСмонстрации. ΠŸΡ€ΠΈ нСобходимости ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ прСдставлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. ## ΠŸΡƒΡΡ‚ΠΎΠΉ Π±Π»ΠΎΠΊ Π’Π΅ΠΏΠ΅Ρ€ΡŒ Π΄Π°Π²Π°ΠΉΡ‚Π΅ создадим простой Π±Π»ΠΎΠΊ с двумя ячСйками, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ, ΠΊΠ°ΠΊ Π»Π΅Π³ΠΊΠΎ ΠΈ быстро ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹ΠΉ Π²Π΅Π±-Π΄ΠΈΠ·Π°ΠΉΠ½ с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ Nicepage. Π’ΠΎΡ‚ Π±Π»ΠΎΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ ΠΌΡ‹ Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π² качСствС ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π°. 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π½ΠΎΠ²Ρ‹ΠΉ Π±Π»ΠΎΠΊ. 2. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠŸΡƒΡΡ‚ΠΎ. 3. Π£Π²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°. 4. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ сСтку. 5. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ -> Π‘Π΅Ρ‚ΠΊΠ°. 6. Π’ спискС Π²Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π‘Π΅Ρ‚ΠΊΡƒ с двумя ячСйками. 7. НаТмитС Π“ΠΎΡ‚ΠΎΠ²ΠΎ. ## Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ Π±Π»ΠΎΠΊΠΈ Π‘Π΅Ρ‚ΠΊΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡŽΡ‚ΡΡ с Ρ„ΠΎΠ½ΠΎΠ²Ρ‹ΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ, поэтому ячСйки Π»Π΅Π³ΠΊΠΎ Ρ€Π°ΡΠΏΠΎΠ·Π½Π°Ρ‚ΡŒ. 1. Π£ΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ высоту сСтки. 2. ВыровняйтС сСтку Π² Π±Π»ΠΎΠΊΠ΅. ## Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ Π’ΠΎ врСмя двиТСния Π²Ρ‹ Π²ΠΈΠ΄ΠΈΡ‚Π΅ красныС ΠΌΠ°Π³Π½ΠΈΡ‚Π½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΈ Ρ†ΠΈΡ„Ρ€Ρ‹, ΠΏΠΎΠΌΠΎΠ³Π°ΡŽΡ‰ΠΈΠ΅ Π²Ρ‹Ρ€Π°Π²Π½ΠΈΠ²Π°Ρ‚ΡŒ ΠšΠΎΠ½Ρ‚Π΅Π½Ρ‚. ### Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π—Π°ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² Π»Π΅Π²ΠΎΠΉ ячСйкС, ΠΏΠ΅Ρ€Π΅Ρ‚Π°Ρ‰ΠΈΠ² элСмСнт изобраТСния ΠΈΠ· локальной ΠΏΠ°ΠΏΠΊΠΈ. 1. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ Π½ΡƒΠΆΠ½ΡƒΡŽ ячСйку. 2. ΠžΡ‚ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ Π·Π°Π»ΠΈΠ²ΠΊΡƒ для этой ячСйки. ### Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ тСксты 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2. 2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты -> ВСкст -> Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2. 3. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΡˆΠΈΡ€ΠΈΠ½Ρƒ тСкстового Π±Π»ΠΎΠΊΠ°. ΠœΠ°Π³Π½ΠΈΡ‚Π½Ρ‹Π΅ Π½Π°ΠΏΡ€Π°Π²Π»ΡΡŽΡ‰ΠΈΠ΅ ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ€Ρ‹ снова Π²Ρ‹Π³ΠΎΠ΄Π½Ρ‹. 4. Π’Π²Π΅Π΄ΠΈΡ‚Π΅ тСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. 5. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст. 6. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ->ВСкст->ВСкст. 7. ВыровняйтС тСкст. 8. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст. ### Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ 1. Π’ качСствС Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Ρ‹ Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ. 2. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ малСнький плюс Π² Ρ†Π΅Π½Ρ‚Ρ€Π΅ ячСйки. 3. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΊΠ½ΠΎΠΏΠΊΡƒ. 4. ВыровняйтС Π»ΡŽΠ±ΡƒΡŽ ΠΊΠ½ΠΎΠΏΠΊΡƒ. 5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ. 6. ВыровняйтС содСрТимоС Π² ячСйкС. ### ΠŸΡ€ΠΎΠ²Π΅Ρ€ΠΊΠ° ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… просмотров ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΡƒΠ²ΠΈΠ΄Π΅Ρ‚ΡŒ Ρ€Π΅Π·ΡƒΠ»ΡŒΡ‚Π°Ρ‚. Π’Ρ‹ ΠΏΠΎΠ½ΠΈΠΌΠ°Π΅Ρ‚Π΅, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌΡ‹Π΅ измСнСния ΠΌΠ°ΠΊΠ΅Ρ‚Π° для Π°Π΄Π°ΠΏΡ‚ΠΈΠ²Π½Ρ‹Ρ… Ρ€Π΅ΠΆΠΈΠΌΠΎΠ² Π²Ρ‹ΠΏΠΎΠ»Π½ΡΡŽΡ‚ΡΡ автоматичСски. ## Полная настройка ΠœΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΎΡ‚ΠΌΠ΅Ρ‚ΠΈΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ рСдактирования ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ Π²ΠΎ всСх ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Ρ… прСдставлСниях. 1. Π”Π°Π²Π°ΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΠΌΡΡ Π½Π° Π°Π»ΡŒΠ±ΠΎΠΌΠ½Ρ‹ΠΉ Π²ΠΈΠ΄ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. 2. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ ΠΎΠ±Ρ€Π΅Π·ΠΊΡƒ изобраТСния. 3. Π’Π΅ΠΏΠ΅Ρ€ΡŒ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. ## Π‘ΠΊΡ€Ρ‹Ρ‚ΡŒ Π½Π° устройствах Π’Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΊΡ€Ρ‹Ρ‚ΡŒ Π»ΡŽΠ±Ρ‹Π΅ элСмСнты ΠΌΠ°ΠΊΠ΅Ρ‚Π°, ячСйку изобраТСния, для ΠΎΠΏΡ€Π΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π°, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, для Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° Альбомная. Π’Π°ΠΊΠΆΠ΅ Π»Π΅Π³ΠΊΠΎ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΡ‚ΡŒ этот элСмСнт ΠΎΠ±Ρ€Π°Ρ‚Π½ΠΎ. ΠŸΡ€ΠΈ нСобходимости помСняйтС мСстами ячСйки ΠΎΠ΄Π½ΠΎΠΉ строки. ## РаспространСнныС ошибки **ΠšΠΎΠ½Ρ‚Π΅ΠΉΠ½Π΅Ρ€Ρ‹ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΡŽΡ‚ΡΡ** ΠœΡ‹ рассмотрим самыС распространСнныС ошибки, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ Π΄ΠΎΠΏΡƒΡΠΊΠ°ΡŽΡ‚ люди ΠΏΡ€ΠΈ создании ΠΌΠ°ΠΊΠ΅Ρ‚ΠΎΠ². МоТно ΠΏΡ€Π΅Π΄ΠΏΠΎΡ‡Π΅ΡΡ‚ΡŒ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ Π‘Π΅Ρ‚ΡŒ. Π’ Nicepage это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π±Π΅Π· ΠΊΠ°ΠΊΠΈΡ…-Π»ΠΈΠ±ΠΎ ΠΎΠ³Ρ€Π°Π½ΠΈΡ‡Π΅Π½ΠΈΠΉ. Однако для этого трСбуСтся Π³ΠΎΡ€Π°Π·Π΄ΠΎ большС Ρ€Π°Π±ΠΎΡ‚Ρ‹ ΠΈ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΠΊΠ°Ρ†ΠΈΠΈ ΠΌΠ°ΠΊΠ΅Ρ‚Π° для ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ мобильного прСдставлСния. ### Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° Π”Π°Π²Π°ΠΉΡ‚Π΅ посмотрим это. 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ пустой Π±Π»ΠΎΠΊ. 2. Π£Π²Π΅Π»ΠΈΡ‡ΡŒΡ‚Π΅ высоту Π±Π»ΠΎΠΊΠ°. 3. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. 4. Π©Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ -> Π˜Π·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. 5. ВыровняйтС ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡƒΠΌΠ΅Π½ΡŒΡˆΠΈΡ‚Π΅ Π΅Π³ΠΎ Ρ€Π°Π·ΠΌΠ΅Ρ€. 6. Π’Ρ‹Π±Π΅Ρ€ΠΈΡ‚Π΅ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅. **Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚ΡŒ содСрТимоС** 1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2. 2. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты-> ВСкст -> Π—Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ 2. 3. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° тСкста Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. 4. Π’ΠΈΠ΄ΠΈΡ‚Π΅ Π»ΠΈ, Π² ΠΎΡ‚Π»ΠΈΡ‡ΠΈΠ΅ ΠΎΡ‚ сСтки, это слоТнСС. 5. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°. 6. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ тСкст. 7. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты->ВСкст->ВСкст. 8. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст. 9. Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠ½ΠΎΠΏΠΊΡƒ. 10. НаТмитС Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ элСмСнты->Кнопка. 11. ВыровняйтС ΠΊΠ½ΠΎΠΏΠΊΡƒ. 12. Π˜Π·ΠΌΠ΅Π½ΠΈΡ‚Π΅ тСкст ΠΊΠ½ΠΎΠΏΠΊΠΈ. **Π Π΅Π΄Π°ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния** 1. ΠŸΠ΅Ρ€Π΅ΠΊΠ»ΡŽΡ‡ΠΈΡ‚Π΅ ΠΌΠΎΠ±ΠΈΠ»ΡŒΠ½Ρ‹Π΅ прСдставлСния. 2. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ Π½ΠΎΡƒΡ‚Π±ΡƒΠΊΠ° пСрСмСститС ΠΊΠ½ΠΎΠΏΠΊΡƒ Π²ΠΏΡ€Π°Π²ΠΎ. 3. Π’ Ρ€Π΅ΠΆΠΈΠΌΠ΅ ΠΏΠ»Π°Π½ΡˆΠ΅Ρ‚Π° снова элСмСнт ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π΅ Π½Π° мСстС. 4. Π₯ΡƒΠΆΠ΅ всСго обстоят Π΄Π΅Π»Π° с просмотрами Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. 5. Π’ альбомной ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° тСкстовый Π±Π»ΠΎΠΊ ΠΏΠ΅Ρ€Π΅ΠΊΡ€Ρ‹Π²Π°Π΅Ρ‚ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈΠ·-Π·Π° нСдостаточной ΡˆΠΈΡ€ΠΈΠ½Ρ‹. 6. ΠŸΠ΅Ρ€Π΅ΠΌΠ΅ΡΡ‚ΠΈΡ‚Π΅, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡ‚Π΅ Ρ€Π°Π·ΠΌΠ΅Ρ€ ΠΈ Π²Ρ€ΡƒΡ‡Π½ΡƒΡŽ выровняйтС тСкстовыС Π±Π»ΠΎΠΊΠΈ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡƒ. 7. ΠŸΠΎΠ²Ρ‚ΠΎΡ€ΠΈΡ‚Π΅ всС двиТСния для ΠΏΠΎΡ€Ρ‚Ρ€Π΅Ρ‚Π½ΠΎΠΉ ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π°. 8. НапоминаСм, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΈΠ²Π°ΡŽΡ‚ΡΡ всС Ρ„ΡƒΠ½ΠΊΡ†ΠΈΠΈ рСдактирования. 9. Π”Π°Π²Π°ΠΉΡ‚Π΅ скроСм ΠΈ ΠΎΡ‚ΠΎΠ±Ρ€Π°Π·ΠΈΠΌ ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠ΅ Π² альбомной ΠΎΡ€ΠΈΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ Ρ‚Π΅Π»Π΅Ρ„ΠΎΠ½Π° для этого Π±Π»ΠΎΠΊΠ°.

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

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