Мазмуну:

Кантип стилдүү веб-сайтты жасоо керек? Tilda Publishing
Кантип стилдүү веб-сайтты жасоо керек? Tilda Publishing
Anonim

- кыска убакыттын ичинде сонун сайттарды түзүүгө мүмкүндүк берген модулдук конструктор: портфолиолор, десанттык баракчалар, онлайн дүкөндөр, атайын долбоорлор, интерактивдүү окуялар, блогдор. Бардык нерсе сиздин фантазияңыз менен гана чектелет. Кызматтын жардамы менен өзүңүздүн веб-сайтыңызды кантип түзсө болот, Tilda Publishingдеги досторубуздун көрсөтмөлөрүн окуп чыгыңыз.

Кантип стилдүү веб-сайтты жасоо керек? Tilda Publishing!
Кантип стилдүү веб-сайтты жасоо керек? Tilda Publishing!

Tilda башка конструкторлордон эмнеси менен айырмаланат

1. Дизайн коду

Сиз сайтты жөн эле элементтерден эмес, дизайнер тарабынан алдын ала иштелип чыккан блоктордон чогултуп жатасыз. Эгерде бул текст болсо, анда шрифттин өлчөмү, чегинүүлөр жана сап аралыктары анда жөнгө салынат. Бул сүрөт болсо, анда жазуу туура жерде жайгашат. Көпчүлүк блоктор дизайнер буга чейин композицияга чогулткан бир нече элементтерден турат. Кайда жана эмнени жайгаштыруу керектиги жөнүндө баш катыруунун кереги жок.

Tilda: дизайн коду
Tilda: дизайн коду

Мисалы, капкак (биринчи экран). Ал сүрөт, аталыш, сүрөттөмө жана кээде баскычтан турат. Сизде болгон мазмунду баалайсыз, 30 мукабадан ылайыктуу вариантты тандаңыз, сүрөт менен текстти өзгөртүңүз - бүттүңүз. Ариптин өлчөмү же аталыш менен сүрөттөмөнүн ортосундагы чегинүү жөнүндө ойлонуунун кереги жок, баскыч кайда жайгашышы керек. Дизайнерлер сиз үчүн ойлонушту. Албетте, сиз эмне кылып жатканыңызга ишеним жана түшүнүк бар болсо, бардык параметрлерди өзгөртүүгө болот. Бирок баштапкы чекит катары, алдын ала иштелип чыккан блоктор абдан жакшы колдоо болуп саналат.

Сүрөт
Сүрөт

2. Колдонуунун ийкемдүүлүгү

Иштеп чыгуучулар ойлонуп көрүштү: өзүңүздүн домениңизди же субдомениңизди туташтырыңыз, сайтты Tilda субдоменине калтырыңыз, сайтты экспорттуңуз жана аны сервериңизге жайгаштырыңыз, сайттын бир бөлүгүн Tilda сайтына жасаңыз жана аны учурдагы сайтка кыстарыңыз, жарыялоо аркылуу API. WordPress жана Bitrixте сайт менен интеграциялоо үчүн плагиндер бар.

3. Формалардан маалыматтарды алуу кызматтары

Жыйырма кызмат Tilda менен интеграцияланган: электрондук почта, Google Drive, MailChimp, SendGrid, GetResponse, UniSender, SendinBlue, Mailerlite, SendPulse, AmoCRM, Megaplan, Pipedrive, Zoho CRM, Hubspot, Bitrix24, Telegram, Slackier, Trello.

Сиз электрондук почта аркылуу тиркемелерди кабыл ала аласыз, почта тизмелерин түзө аласыз же кардарлардын маалыматтарын башкаруу (CRM) тутумунда лидерлерди чогулта аласыз.

Ошондой эле, колдонуучулар тиркемелер менен ыңгайлуу иштөө үчүн камтылган Tilda CRMди бекер пайдалана алышат.

4. Уникалдуу элементтерди кошуу

Эгер сизге демейки боюнча жеткиликтүү эмес өзгөчө функциялар керек болсо, HTML кыстаруу өзгөчөлүгүн колдонуңуз. Даяр чечимдерди таба аласыз же программисттен иштеп чыгууга заказ кылсаңыз болот - коддун бир бөлүгү кымбатка турбайт.

Tilda долбооруна кошуу оңой кызматтар:

  • Окуялардын хронологиясы -.
  • Интерактивдүү карталар -.
  • Иш-чарага билеттерди сатуу -.
  • Интерактивдүү сүрөттөр -.
  • Кайра Байланыш -.

5. Дизайнерлер үчүн кесиптик Zero Block редактору

Zero Block жардамы менен сиз каалаган татаалдыктагы веб-сайттын дизайнын түзө аласыз. Нөл блогунда сиз сайттын бардык элементтерин оңдоп, татаал анимацияларды орното аласыз.

Сүрөт
Сүрөт

6. Төлөмдөрдү кабыл алуу кызматтары

Tilda онлайн дүкөнүн түзүүдө сиз өзүңүзгө ыңгайлуу болгон төлөм системасын туташтыра аласыз жана онлайн төлөмдү мыйзамдуу түрдө ала аласыз. Tilda туташуу үчүн 14 төлөм кызматтарына ээ: Cloudpayments, Robokassa, PayPal, YuMoney, YuKassa, Alfa-Bank, Сбербанк, Tinkoff Bank, LiqPay, bePaid, 2Checkout, PayAnyWay, Stripe жана WayForPay.

Tilda Publishingде баштоо

Tilda Publishingде баштоо
Tilda Publishingде баштоо

Келгиле, теориядан практикага өтөбүз. Tilda каттоодон өткөндөн кийин, жаңы сайтыңызга ат бериңиз, "Жаңы баракты түзүү" баскычын чыкылдатыңыз, ошондо сиз калыптардын тизмесин көрөсүз. Сизге ылайыктуусун тандап, аны ыңгайлаштырыңыз же бош барактан баштаңыз. Тандоо сиздин чыгармачылыгыңызды эч кандай чектебейт: каалаган убакта сиз шаблонду таанылгыс кылып өзгөртө аласыз. Бул жакшы дизайндын үлгүсү жана блокторду колдонуунун үлгүсү.

Сүрөт
Сүрөт

Эгер сиз баракты нөлдөн баштап түзүүнү чечсеңиз, Тильда сизге интерфейстин кандайча иштээри тууралуу кыскача видеону көрүүнү сунуштайт.

Интерфейси абдан жөнөкөй: сол жакта категорияларга бөлүнгөн блоктордун китепканасы. Блоктун бүт мазмуну чыкылдатуу жана өзгөртүү негизинде редакцияланат.

Тилда басмасында редакциялоо
Тилда басмасында редакциялоо

Вебсайтты түзүү боюнча жалпы көрсөтмөлөр

Тактап айтканда, веб-долбоорду түзүү веб-сайт куруучуга катталуу менен башталбайт. Биринчиден, сиз идеяны иштеп чыгуу жана түзүмү жөнүндө ойлонуп, андан кийин изилдөө жүргүзүү, андан кийин келечектеги сайттын бир нече варианттарын эскиз жана мазмунду даярдоо керек. Бул процесстин чоо-жайы Tilda Publishing командасынын "" макаласында берилген.

Долбоорлордун ар кандай түрлөрү кантип түзүлгөнүн карап көрүңүз: баракча, көп барактуу сайт, блог же longread.

Бул бөлүм сизге платформанын мүмкүнчүлүктөрүн жакшыраак түшүнүүгө жана илхам табууга жардам берет. Бул жерде жакшы колдонуучу ишинин кээ бир мисалдары келтирилген.

Сүрөт
Сүрөт

Бардык блоктор орнотулгандан кийин, сайт жакшы жана тыкан көрүнөт. чегинүүлөрдү тегиздөө, темаларды ырааттуу кылып, текстте шрифт өлчөмү бирдей экендигин текшериңиз. Сайтта жетиштүү бош орун бар экенин текшериңиз. Сиз Tilda командасынын макаласында тыкандык жөнүндө көбүрөөк окуй аласыз "".

Сайттын навигациясы жөнүндө же бир беттин ичинде ойлонуңуз. Меню кошуу, анын визуалдык жактан жакшы экенин текшериңиз: өтө чоң эмес, бүт баракты ашыкча жүктөбөйт. Менюда көп нерсе болбошу керек, эң жакшысы бештен ашпашы керек. Бөлүмдөрдү чоңойтуудан тартынбаңыз. Аты-жөнү кыска болсун, аларды бир караганда окуу керек. Үч сөздөн турган меню пункту туура эмес.

Менюнун мисалы
Менюнун мисалы

Фирмалык шрифт камтууну унутпаңыз. Тилдада сиз орнотулган китепканадан негизги шрифттерди тандай аласыз. Алар платформа колдонуучулары үчүн акысыз. Сиз ошондой эле Adobe Fonts, Google Fonts шрифттерин туташтыра аласыз же өзүңүздүн шрифтиңизди жүктөсөңүз болот.

Сайтыңызды жарыялаңыз. Tilda субдоменин колдонуп ага ат бериңиз, өз домениңизди туташтырыңыз же кодду экспорттоп, сервериңизге жайгаштырыңыз.

Статистиканы унутпаңыз. Tilda веб-сайттар жана онлайн дүкөндөр үчүн орнотулган статистикага ээ. Тереңирээк аналитика үчүн Google Analytics же Yandex. Metrica менен катталып, кодду алыңыз жана аны жөндөөлөргө жазыңыз.

Сайтыңыз издөө системаларында же социалдык тармактарда көрсөтүлгөндө кандай болоруна кам көрүңүз: сайттын атын, сыпаттамасын толтуруңуз, ачкыч сөздөрдү кошуңуз. Ар бир баракты кичинекей сүрөт менен камсыз кылыңыз, андан кийин бөлүшүүдө ал сапаттуу рамкага алынат.

Tilda басмасынын артыкчылыктары

  1. Кодду билүүнүн кереги жок … Код жазганды үйрөнүүнүн же тааныш программисттерден жардам суроонун кереги жок. Бардык орнотуулар ыңгайлуу редактордо.
  2. Дизайнердин кереги жок. Блоктор профессионалдар тарабынан иштелип чыккан, бардык пропорциялар текшерилген жана гармониялуу.
  3. Адаптивдүү дизайн. Блоктор планшеттер жана смартфондор үчүн дизайнды тууралоонун кажети болбошу үчүн иштелип чыккан. Сайт бардык түзмөктөрдө сонун көрүнөт.
  4. Жөнөкөй түзөтүү. Эгер сиз кардар үчүн веб-сайт жасасаңыз, анда келечекте ал профессионалдардын жардамысыз эле өз алдынча тез өзгөртүү киргизип, сайтты тейлей алат.
  5. Домен же экспорт. Сайт өзүнүн доменине кошулат же башка серверде хостинг үчүн код катары экспорттолот.
  6. Камтылган аналитика. Сиз зыяраттарды жана колдонуучуларды көрө аласыз (анын ичинде бет боюнча). Мындан тышкары, Google же Яндекс эсептегичтери жөн гана номерди көрсөтүү менен атайын интерфейсте туташтырылган.
  7. Издөө системасын оптималдаштыруу … Сиз сайттын издөө натыйжаларында же социалдык медиада кандай көрүнөрүн көзөмөлдөйсүз.
  8. Ар кандай татаалдыктагы дизайн. Сиз өзүңүздүн блокторуңузду түзүп, сайттын элементтеринин жайгашуусун толук көзөмөлдөй аласыз.
  9. Ийкемдүү ыңгайлаштыруу. Ар кандай өзгөчө элементтер HTML кодун чаптоо менен кошулат.
  10. Ариптердин чоң тандоосу. Typekit, Google Fonts'тун каалаган шрифттерин туташтырыңыз же өзүңүздүкүн колдонуңуз.
  11. Маалыматтарды кабыл алуунун формалары. Сиздин кардарлар жаңыртууларга жазылып, телефон номерин же электрондук почтасын калтыра алышат. Маалыматтарды алуу үчүн интегралдык тогуз кызмат.

Тарифтик пландар

бекер. Бир сайт, 50 барак, 50 Мб сервер мейкиндиги. Mysite.tilda.ws формасынын сайтынын дареги. Бекер.

Жеке. Бир сайт, 500 барак, 1 ГБ сервер мейкиндиги. Домен байланышы жана блоктордун толук жыйнагы. Жыл үчүн төлөнсө айына 500 рубль.

Бизнес. Беш сайт, 500 барак (ар бир сайт үчүн), 1 ГБ сервер мейкиндиги. Код экспорту. Жыл үчүн төлөнсө, айына 1000 рубль.

Tilda Education

Сүрөт
Сүрөт

Платформанын веб-сайтты түзүү кызматынан тышкары, интернет-журнал бар, Tilda Education, веб-дизайн жана маркетинг боюнча билимдер китепканасы. Практикалык колдонмолор жана видеосабактар "кантип?" деген конкреттүү суроого жооп беришет. жана күнүмдүк жумушта жардам берет. Дизайн макалалары идеяларды табуу, кесиптик горизонтторду кеңейтүү, визуалдык табитиңизди калыптандыруу жана веб-дизайн тенденцияларына көз салуу үчүн куралдарды камтыйт. Tilda колдонуучуларынын окуялары сизди өз долбоорлоруңузду түзүүгө шыктандырат, ал эми курстар дизайндын негизги теориясын өздөштүрүүгө жана веб-жарыялоо компетенцияңызды жакшыртууга жардам берет.

Тильда беш курсту чыгарды, алар сиз каалаган убакта өз алдынча өтүүгө болот: "Кондуруу баракчасын түзүү", "Санариптик чөйрөдө дизайн", "Нөлдөн баштап интернет маркетинг", "Интернеттеги анимация" жана видео курс Продукцияны иштеп чыгуу ыкмасы.

Сунушталууда: