Instructions_Tilda_2021.pdf

Создание сайта при помощи сервиса Tilda Оглавление Регистрация на сайте tilda.cc....................................................................................................................... 1 Вход на сайт tilda.cc................................................................................

Создание сайта при помощи сервиса Tilda Оглавление Регистрация на сайте tilda.cc....................................................................................................................... 1 Вход на сайт tilda.cc....................................................................................................................................... 4 Выход с сайта tilda.cc.................................................................................................................................... 4 Создание сайта............................................................................................................................................... 4 Редактирование сайта................................................................................................................................... 7 Добавление нового блока на страницу.................................................................................................. 8 Возможности редактирования любого блока..................................................................................... 14 Возможности редактирования текстового элемента........................................................................ 18 Возможности редактирования графического элемента................................................................... 22 Отмена выполненного действия........................................................................................................... 23 Предварительный просмотр сайта...................................................................................................... 23 Публикация сайта.................................................................................................................................... 24 Настройка сайта....................................................................................................................................... 25 Другие возможности работы с сервисом................................................................................................. 26 Источники информации............................................................................................................................. 27 Регистрация на сайте tilda.cc Зайти на сайт https://tilda.cc/ru/ Откроется окно Рисунок 1. Начальное окно сайта Tilda В правом верхнем углу нажать кнопку «Регистрация» Рисунок 2. Кнопка «Регистрация» Заполнить поля: 1. «Ваше имя». 2. «Электронная почта». 3. «Пароль». И нажать кнопку «Зарегистрироваться». Рисунок 3. Окно для регистрации Затем надо подтвердить, что вы не робот. Для этого поставить галочку «Я не робот» и нажать кнопку «Зарегистрироваться». Рисунок 4. Окно для проверки, что Вы не робот Будет открыть окно для создания нового сайта. Рисунок 5. Окно для ввода названия сайта Если Вы не планируете в текущий момент начинать создавать сайт, то можно закрыть это окно. Или можно сразу приступать к созданию сайта. На указанную при регистрации почту придёт письмо. Необходимо открыть его и подтвердить регистрацию. Рисунок 6. Окно для подтверждения регистрации (на почте) В соседней вкладке откроется информация об успешном подтверждении: Рисунок 7. Окно об успешном подтверждении регистрации Вход на сайт tilda.cc Если Вы уже зарегистрированы на сайте https://tilda.cc/ru/, то откройте страницу. Затем в правом верхнем углу нажмите «Войти» Рисунок 8. Кнопка «Войти» Затем введите свои «Адрес электронной почты», «Пароль». И нажмите кнопку «Войти». Рисунок 9. Окно для входа на сайт Выход с сайта tilda.cc Чтобы выйти с сайта, надо нажать на кнопку «Выйти», расположенную в правом верхнем углу. Рисунок 10. Кнопка «Выйти» Создание сайта В правом верхнем меню нажать «Создать новый сайт». Рисунок 11. Кнопка «Создать новый сайт» Создание сайта начинается с ввода его названия: ввести название и нажать кнопку «Создать». Рисунок 12. Окно для ввода названия сайта Сайт создан. Но на нём пока нет ни одной страницы. Чтобы её создать, надо нажать кнопку «Создать новую страницу» Рисунок 13. Создание новой страницы на сайте На открывшейся странице можно: 1. Выбрать подходящий тематический раздел 2. В выбранном разделе выбрать пустой шаблон 3. В выбранном разделе выбрать готовый шаблон. Предварительно готовый шаблон можно посмотреть, подведя к нему курсор мыши. Рисунок 14. Просмотр готовых шаблонов Для выбора пустого шаблона надо в разделе «Бизнес» подвести мышь к первому «Пустому шаблону», а затем нажать кнопку «Выбрать», которая расположена в левом нижнем углу данного шаблона. Для выбора готового шаблона надо нажать кнопку «Выбрать», которая расположена в левом нижнем углу данного шаблона. Рисунок 15. Выбор шаблона новой страницы Первый раз будет показана инструкция по работе с сервисом. Можно её просмотреть, перемещаясь при помощи стрелок влево/вправо. В конце нажать кнопку «Начать редактирование». Рисунок 16. Начало редактирования страницы Редактирование сайта При входе в аккаунт открывается список всех созданных сайтов. Рисунок 17. Окно со списком всех созданных сайтов. В бесплатном режиме есть возможность создать только один сайт. Но на нём может быть несколько страниц. В платном режиме можно «Создать новый сайт». Для редактирования сайта надо нажать на кнопку «Редактировать сайт». Отроется окно, в котором можно либо открыть «Настройки сайта», либо «Создать новую страницу», либо щёлкнуть на имеющуюся страницу для её редактирования. Рисунок 18. Окно работы с созданным сайтом. Если добавлено несколько страниц: Рисунок 19. Окно работы с созданным сайтом с двумя страницами. то в «Настройках сайта» можно задать «Главную страницу» (первую страницу, которую увидит читатель): Рисунок 20. Окно настройки главной страницы сайта Добавление нового блока на страницу Важной частью процесса создания сайта является структурирование его на логически значимые блоки. Для добавления нового блока надо подвести указатель курсора мыши между имеющимися блоками. И нажать на появившийся «плюс». Рисунок 21. Кнопка для добавления нового блока Слева открывается окно для выбора добавляемого блока. Рисунок 22. Окно для выбора добавляемого блока В каждой категории есть блоки: бесплатные (на рисунке обозначены номером «1», БЕЗ замочка на пиктограмме) платные (на рисунке обозначены номером «2», С изображением замочка на пиктограмме) Все блоки будут бесплатными, если работать в платной версии сервиса Tilda. Рисунок 23. Бесплатные и платные блоки Категории блоков: 1. Обложки. С обложек начинается большинство сайтов. Она может включить в себя фоновое изображение, видео, заголовок, подзаголовок, описание, кнопки и стрелку. 2. О проекте. Это текстовый блок, иногда сопровождающийся ссылкой. Есть блоки с иконками социальных сетей, блоки с изображениями, блок с картинкой, с большим текстом, блоки с различными вариациями в них текстов и галерей, нестандартные блоки. 3. Заголовки. Это заголовки с подзаголовком и текстом различных размеров, заголовок с выравниванием по левой стороне, заголовки с центральным выравниванием. 4. Текстовые блоки. В текстовых блоках можно использовать любой текстовый контент со ссылками, внутренними заголовками. Если необходимо сделать большие заголовки или привязать их к определенным ссылкам в меню, то лучше использовать блоки заголовки из соответствующей категории. В Тильде доступны текстовые блоки с фоном, с фоном на подложке, раскрывающиеся списки, поле с кодом, лог с предупреждением, текст с иконкой. 5. Изображение. Изображения на сайте играют важную роль, так как создают настроение сайта и формируют его образ. Можно использовать как обычное изображение, так и полноэкранное. Есть различные вариации наложения текста на изображение. 6. Галерея. Это может быть галерея-слайдер, которая листается слева направо и наоборот, два или три изображения рядом, различные комбинации из изображений, любое количество изображений в одну строку, последовательность слайдов или видео. То есть Вы можете сделать так, что изображения и/или видео будут менять друг друга по очереди. Можно сделать полноэкранную комбинацию из изображений, всплывающую галерею, которая будет раскрываться по клику на кнопку или на другое изображение. Также имеется полноэкранный слайдер и различные галереи-сетки. 7. Ключевая фраза. Поможет выделить Вам ключевую фразу, также заголовок или любую важную мысль Вашего сайта. 8. Цитата. Поможет выделить Вам цитату с указанием автора. Использование цитат известных людей располагает читателя сайта. 9. Преимущества. В Тильде предоставлен большой их выбор. Есть как вертикальные списки преимуществ с галочками и другими иконками, так и горизонтальные. В каждом из блоков Вы можете указывать любое количество элементов и управлять их количеством в одной строке. Вы можете использовать встроенные в Тильду иконки, а также иконки с других ресурсов. Здесь доступны также блоки с изображениями и кнопками, с изображениями и списками, есть интерактивный блок, в котором появляются процентные показатели, а также блоки, в которых преимущества располагаются на фоне. В качестве фона в том числе можно использовать видео. 10. Колонки. Позволит Вам структурировать информацию по вертикальным колонкам. Это могут быть две колонки, две колонки с заголовком, три, четыре, а также блоки с изображением и колонкой текста. Некоторые блоки являются полноэкранными. Также доступен слайдер с текстом и изображением. Кроме того, Вы найдете здесь таблицу. 11. Разделитель. Используется для визуального структурирования информации Это могут быть линии, черточки, различные иконки, цифры. Также есть интересные блоки, которые меняют цвет текста и фона по мере скроллинга сайта. И блоки, которые разделяют сайт фигурными границами. 12. Меню. Используется для навигации по сайту. В Тильде имеется большое количество блоков меню, на любой вкус. Можно использовать просто логотип, просто меню, меню с логотипом, а также различные их комбинации. В меню Вы можете добавлять иконки для переключения языка, иконки социальных сетей, контакты, адрес, кнопки, описания. Также меню Вы можете комбинировать, например, использовать выпадающие списки, делать меню-бургер, когда все меню сворачивается в иконку с тремя полосочками. Кроме того, есть меню в виде переключения блоков на странице. Блок хлебных крошек поможет понять пользователю, где он находится на сайте. 13. Список страниц. Помогает Вам сделать блог на сайте или раздел новостей. Он сформируется из других страниц, которые есть на сайте. Он представлен в нескольких видах. 14. Плитка и ссылка. Помогает Вам структурировать информацию на одной странице, а также показывать ее при наведении на какую-нибудь картинку. Доступны различные варианты. Здесь Вы можете анонсировать какие-то свои продукты/материалы/занятия/конференции, делать переходы на другие страницы, разбивать информацию на колонки. 15. Подвал. Используется для того, чтобы сделать нижнюю часть сайта, которая присутствует на всех страницах. В подвале указывают контакты, ссылки на социальные сети, добавляют кнопки для связи с Вами, указывают адрес. 16. Видео. Позволяет Вам вставлять на сайт видео с Youtube, Coub и Vimeo. Это может быть одно видео, либо кнопка, которая откроет видео во всплывающем окне. Также Вы можете вставлять любое HTML5 видео путем указания ссылки на него. При этом видео Вам придется заливать на отдельный хостинг. Некоторые видео могут располагаться в две колонки. Также Вам доступна возможность расположения теста и видео рядом, видео во всплывающем окне и видео на обложке сайта. Недавно в Тильде появилась возможность размещения на сайте Youtube-трансляции с комментариями. 17. Форма и кнопка. Одним из часто используемых элементов на сайте являются кнопки. В Тильде доступен большой выбор кнопок и различных форм. Это могут быть просто кнопки, блок из двух или трех кнопок, формы подписки, формы приема данных (горизонтальные и вертикальные), блок с анонсом и кнопкой. Также в Тильде имеется выбор из нескольких всплывающих форм. Это может быть форма подписки, форма с большим количеством полей, например, анкета или форма регистрации, или просто всплывающая информация с изображениями, текстом и кнопками «Поделиться» в социальные сети. Кроме того, есть возможность интегрировать формы с сервиса Typeform (сервис для создания опросов) и зафиксировать ссылку на форму в верхнем углу. Также есть интересный блок, который позволяет скрывать часть контента на сайте до нажатия кнопки. После нажатия на кнопку текст не изменится и блок раскроется. Если Вы на сайте размещаете ссылки на мобильные приложения, в Тильде есть для этого специальный блок с ссылками. Если Вам требуется сделать ссылку на скачиваемый файл, Вы можете также использовать специальные кнопки, в том числе с указанием формата файла. В Тильде также доступны кнопки для быстрой связи пользователей сайта с Вами. На компьютере эти кнопки вызывают специальные формы, например, форму для заказа обратного звонка или форму сообщения, а на мобильном телефоне они автоматически запускают звонок на Ваш номер. В Тильде есть возможность также реализовать различные голосования. Это могут быть пошаговые формы или простой тест. 18. Магазин. На Тильде доступен блок приема платежей через различные платежные системы. Если Вы на Тильде хотите реализовать Интернет-магазин, Вам поможет этот блок. В нем доступны корзина, прием платежей, различные вариации каталога и отдельных товаров, например, блок с изображениями или блок одного товара с кнопкой. В каждом из блоков Вы можете указывать старую и новую цены, какие-то акционные лейблы, несколько изображений и информацию о товаре. Есть также блоки товаров во всплывающем окне. 19. Команда. Позволят Вам показать на сайте свою команду. Также они представлены в нескольких видах. Есть горизонтальные списки, вертикальные списки, блоки во всю ширину сайта. 20. Отзывы. Каждый отзыв вызывает у пользователя доверие и помогает в принятии решения о покупке товара или услуги. В Тильде есть большой выбор различных видов отзывов. Это могут быть слайдеры, списки отзывов горизонтальные и вертикальные в несколько колонок, также отзывы на фоне. 21. Расписание. Если Вы делаете сайт для какого-либо мероприятия или определённой дисциплины / модуля, состоящего из нескольких дисциплин, то можно добавить на сайт расписание. Оно также доступно в нескольких видах. 22. Этапы. Чтобы показать на сайте различные этапы работы, порядок шагов для достижения цели (например, этапы участия в конференции, этапы работы с ВКР), то удобно использовать данный блок. Он позволяет добавлять Вам несколько шагов. Если Вы используете больше четырех этапов, то лучше использовать вертикальные блоки этапов, если до четырех – то горизонтальные. Также Вы можете использовать иконки, цифры или буллеты. 23. Контакты. В Тильде доступен большой выбор блоков контактов. В них Вы можете указать любой текст, не только контакты, также ссылки на социальные сети, карты Вашего местоположения из Яндекса или Google, а также форму связи. 24. Услуги. Позволит рассказать Вам, чем занимается факультет/институт, кафедра или команда, состоящая из преподавателей и/или студентов (в рамках проектной деятельности). Это могут быть тексты с заголовками и изображениями, тексты с иконками, доступные в различных видах, а также раскрывающиеся блоки, которые показывают информацию при наведении на них. 25. Социальные сети. В Тильде есть блоки, с помощью которых можно указать ссылки на социальные сети, а также выводить информацию из них, например, это могут быть виджеты Фейсбука и Вконтакте, а также лента фотографий из Инстаграма. Для того, чтобы пользователи могли поделиться ссылкой на Ваш сайт в социальных сетях, Вы можете использовать соответствующие блоки. Также Вы можете выводить комментарии из Фейсбука и Вконтакте. 26. Тарифы. Для того чтобы показать цены на сайте, Вы можете использовать блок «Тарифы». Например, в рамках проведения конференции стоимость участия варьируется от сроков подачи заявки и материалов с тезисами/статьями: при более ранней подаче стоимость дешевле, а ближе к самому мероприятию дороже. В данной категории доступен большой выбор блоков, например, блоки в две колонки, три колонки, чтобы сравнить разные тарифы между собой, блоки тарифов с картинками, иконками, блоки с таблицами, где Вы можете использовать как иконки, например, плюс или минус, так и цифры и слова. 27. Партнёры. Чтобы показать список партнеров, работодателей, мест проведения практик в Вашей структуре, Вы можете использовать блоки данной категории. Это может быть список иконок, к каждой из которых Вы можете добавить ссылку на сайт партнера или ссылку на страницу своего сайта, а также Вы можете использовать слайдеры из нескольких блоков и вертикальные списки. 28. Новости и потоки. Блок с новостями можно представить в виде сети, блога. Они располагаются вертикально или горизонтально. 29. Другое. Блоки данной категории помогут Вам реализовать различные дополнительные возможности Тильды, которые позволяют сделать сайт более живым, интересным и более функциональным. Блок «html» позволит Вам добавить на сайт любой внешний виджет. При этом Вы его можете использовать как непосредственно на странице, так и во всплывающем окне. Блок «Якорная ссылка» позволит Вам сделать якорные ссылки внутри сайта. Блок «Плавный скролл» позволяет применить красивый эффект плавного скролла до нужного места на сайте. В любом месте Вы можете также вставить карту Google или Яндекс, добавить на ссылку всплывающие подсказки, например, когда Вам нужно пояснить какое-то слово. Популярным сейчас эффектом является ползунок, показывающий процесс скроллинга страницы, меняющий свои размеры в зависимости от скроллинга. Также Вы можете показать эффект загрузки страницы. Вы можете создавать эффект печатной машинки. Также есть возможность установить фиксированный фон. Также Вам доступны блоки с различными триггерами, например, поп-ап, появляющийся при закрытии вкладки сайта, или появляющийся через некоторое время после загрузки сайта. Имеются различные блоки для уведомления пользователей сайта о сборе персональных данных и куки, предупреждений о возрастном ограничении, а также переадресовать страницу на другую ссылку. Ближе к Новому году можно использовать блок, который добавит снег на Ваш сайт. Alias блок является очень важным блоком, потому что он позволяет использовать один и тот же блок в разных места одной страницы или на разных страницах без необходимости дублировать этот блок вновь и вновь. В таком случае информацию этого блока можно менять лишь в одном месте, в остальных местах информация изменится автоматически. Также доступны различные виджеты. Можно добавить поиск по сайту, в том числе через виджет Google. 30. Нулевой блок / ZERO блок Он позволяет создавать блоки с нестандартным дизайном, анимацией, эффектами, формами. Фантазии по дизайну в данном блоке не ограничены ничем. При редактировании этого блока открывается отдельный редактор, в котором в том числе можно посмотреть, как сайт будет представлен на различных устройствах: компьютере, планшете (в горизонтальном или вертикальном вариантах), мобильном телефоне (в горизонтальном или вертикальном вариантах). Возможности редактирования любого блока Большинство блоков состоит из нескольких элементов. Во-первых, можно редактировать каждый элемент, выполнив в нём щелчок и используя появившуюся сверху панель инструментов Во-вторых, при наведении мыши на блок в левом и правом верхних углах появляются дополнительные кнопки. Рисунок 24. Окно блока при наведении на него указателя курсора мыши 1 Например, в левом верхнем углу появляется кнопка «Настройки». Рисунок 25. Кнопка «Настройки» при наведении на блок указателя курсора мыши Если на ней нажать, то в левой части откроется меню, в котором удобно редактировать все элементы блока, его фон и другие параметры. Например, ниже на рисунке показан блок «Обложка» и разобрана его панель инструментов «Настройки». В нём можно: Настраивать действия при прокручивании блока. Настраивать цвет фильтра в начале и в конце. Настраивать стрелку Работать с дополнительными параметрами: кнопок, типографикой, фонового видео, анимации Задавать параметры SEO. Настраивать фокусировку и отступы от края для самого блока. Настраивать видимость блока на разных устройствах. Преобразовать блок в Zero Block, чтобы он был не шаблоном, а пользовательским. В верхней части расположены две кнопки: «Сохранить» – для сохранения текущих изменений «Сохранить и закрыть» – для сохранения текущих изменений и закрытия данного инструмента «Контент». Если Вы не хотите сохранять изменения, то можно шёлкнуть справа от панели инструментов на самом блоке. При этом сервис предупреждает, что изменения не были сохранены. Рисунок 26. Пример открытой панели инструментов «Настройки» для блока «Обложка» 2 Например, в левом верхнем углу появляется кнопка «Контент». Рисунок 27. Кнопка «Контент» при наведении на блок указателя курсора мыши Если на ней нажать, то в левой части откроется меню, в котором удобно редактировать все элементы блока, его фон и другие параметры. Например, ниже на рисунке показан блок «Обложка» и разобрана его панель инструментов «Контент». В нём можно: 1. Открыть видеоинструкцию, в которой показано, как работать именно с этим блоком. 2. Открыть текстовую инструкцию, в которой показано, как работать именно с этим блоком. 3. Редактировать уже добавленные элементы. 4. Изменять фон. 5. Добавить кнопки. 6. Добавить фоновое видео. В верхней части расположены две кнопки: «Сохранить» – для сохранения текущих изменений «Сохранить и закрыть» – для сохранения текущих изменений и закрытия данного инструмента «Контент». Если Вы не хотите сохранять изменения, то можно шёлкнуть справа от панели инструментов на самом блоке. При этом сервис предупреждает, что изменения не были сохранены. Рисунок 28. Пример открытой панели инструментов «Контент» для блока «Обложка» 3 В правом верхнем углу расположены команды: «Дублировать» – для дублирования текущего блока. «Удалить» – для удаления текущего блока. «Спрятать / показать» – для настройки видимости текущего блока. Удобно во время редактирования сайта временно «прятать» блок, чтобы не прокручивать сайт при редактировании блоков. «Вырезать», «Копировать», «Вставить», «Выделить» – для выполнения соответствующих команд. Данные команды будут показаны, если нажать на четвёртой кнопке. «Переместить вверх», «Переместить вниз» – для изменения порядка блоков относительно друг друга. Рисунок 29. Кнопки, расположенные в правом верхнем углу, видны при наведении на блок указателя курсора мыши 4 В правом нижнем углу расположена кнопка, открывающая «Справочный центр» сервиса Рисунок 30. Кнопка, открывающая «Справочный центр» сервиса, видна при наведении на блок указателя курсора мыши Возможности редактирования текстового элемента При выполнении щелчка на текстовом блоке в текст устанавливается курсор. В верхней части будет показана панель инструментов. Рисунок 31. Панель инструментов при редактировании текстового блока На рисунке: 1. Редактируемый текстовый блок. 2. Полужирный шрифт. 3. Курсив. 4. Подчёркивание текста. 5. Зачёркивание текста. 6. Ссылка. Для организации ссылки на внешний источник. Рисунок 32. Кнопка «Ссылка» до открытия параметров Можно открыть параметр «Цвет и стиль ссылки». Рисунок 33. Кнопка «Ссылка» после открытия параметров a) «Укажите ссылку». Ссылка на адрес сайта, куда будет организован переход. b) «Текст». Кликабельный текст, на котором будет организована ссылка. c) «Открыть ссылку в новой вкладке». Параметр, задающий открывать ссылку в текущей вкладке браузера или в новой. d) «Цвет и стиль ссылки». Внешний вид создаваемой ссылки. 7. Цвет текста. Рисунок 34. Кнопка «Цвет текста» 8. Параметры жирности текста. Рисунок 35. Кнопка «Жирность текста» (параметры жирности текста) 9. Шрифт. Рисунок 36. Кнопка «Шрифт» При желании можно установить дополнительные шрифты. 10. Размер текста. Рисунок 37. Кнопка «Размер текста» 11. Межстрочное расстояние. Рисунок 38. Кнопка «Межстрочное расстояние» 12. Выравнивание. Рисунок 39. Кнопка «Выравнивание» 13. Типограф. Это инструмент, который автоматически заменит все неправильные кавычки и тире, уберет лишние пробелы, а также поставит неразрывные пробелы, чтобы в тексте не было «висячих» предлогов. 14. Очистить стили. Применяется, чтобы одним щелчком отменить всё оформление. 15. Показаны текущие параметры текста. 16. Переход к статье «Работа с текстовым редактором: функции, форматирование, настройка». 17. Переход к видеоинструкции «Как работать в текстовом редакторе на Тильде» Возможности редактирования графического элемента Если добавлен новый блок «Изображение», то щёлкнув на него открывается окно для выбора добавляемого изображения. Его можно перетащить из папки в данное окно. Или использовать кнопку «Загрузить файл». Аналогичное окно будет показано, если щёлкнуть на уже размещённый на сайте рисунок. В этом случае изображение будет заменено на вновь выбранное. Рисунок 40. Окно добавления изображения на сайт При щелчке на кнопке «Контент» открывается возможность: Задать слова для «SEO: альт-текст для изображения» Редактировать изображение во встроенном графическом редакторе. Удалить изображение. Набрать и отформатировать подпись для изображения. Будет располагаться под рисунком. Ввести ссылку, которая будет открываться при щелчке на изображении. Рисунок 41. Пример открытой панели инструментов «Контент» для блока изображения Отмена выполненного действия Если действие было выполнено ошибочно, то кнопка «Отменить» расположена в правом верхнем углу всего сайта. Примечание: при этом надо снять выделение с отдельного элемента. Например, можно щёлкнуть на любой блок. Рисунок 42. Кнопка «Отменить» Предварительный просмотр сайта Как правило, прежде чем сайт предлагают пользователю его желательно просмотреть. Например, чтобы: убедиться в видимости всех элементов, проверить читабельность текста, проверить удобное размещение элементов/блоков относительно друг друга и так далее Во-первых, для большинства ресурсов удобно использовать открытие сайта в режиме инкогнито. В этом случае мы можем увидеть любой созданный и размещённый в интернет информационный продукт, не заходя в свой аккаунт. Во-вторых, в профессиональном сервисе Tilda есть отдельный инструмент для решения этой задачи. Кнопка «Предпросмотр» расположена в правом верхнем углу всего сайта. Сайт откроется в текущей вкладке браузера. Рисунок 43. Кнопка «Предпросмотр» Чтобы посмотреть, как сайт будет показан на разных устройствах, можно воспользоваться кнопкой в левом нижнем углу. При наведении на неё указателя курсора мыши достаточно выбрать щелчком нужное устройство. Рекомендуется проверять по очереди все устройства, чтобы быть уверенным в удобстве работы с сайтом всеми пользователями. Например, очень широкие пользовательские блоки будет неудобно смотреть на мобильном телефоне. Рисунок 44. Кнопка для просмотра сайта на разных устройствах Чтобы вернуться к редактированию сайта, в правом нижнем углу надо нажать кнопку «Вернуться к редактированию». Рисунок 45. Кнопка «Вернуться к редактированию» Публикация сайта Важно: В бесплатном режиме работы с сервисом можно опубликовать только один сайт. Решение проблемы: Создание на одном сайте нескольких страниц. Кнопка «Опубликовать» расположена в правом верхнем углу всего сайта. Рисунок 46. Кнопка «Опубликовать» В открывшемся окне надо напечатать адрес сайта латинскими буквами. В бесплатном режиме он будет состоять из части, которую Вы придумаете и «.tilda.ws». Как только будет введён адрес, не используемый ранее, нажмите на кнопку «Сохранить и продолжить». Рисунок 47. Окно задания адреса сайта Откроется окно об успешной публикации (см рисунок ниже). Ссылку, расположенную в данном окне, дают читателям сайта. Например, можно разместить её в курсе moodle, в социальной сети, отправить по почте и так далее. Рисунок 48. Окно с подтверждением успешной публикации сайта Настройка сайта Кнопка «Настройки» расположена в правом верхнем углу всего сайта. Рисунок 49. Кнопка «Настройки» При нажатии данной кнопки открывается следующее окно: Рисунок 50. Окно «Настройки» Доступны следующие возможности: Задание заголовка и описания сайта. Изменение адреса страницы (нажать на ссылку «Перейти в настройки сайта») Изменение бейджика – рисунка, показываемого, например, в поисковых системах и в социальных сетях. Настройка параметров отображения в социальных сетях. В том числе есть дополнительная инструкция. Настройка параметров отображения сайта в поисковых системах. В том числе есть дополнительная инструкция. Настройка экспорта страницы. Доступна только в платном режиме работы с сервисом. Действия: «передача страницы в другой аккаунт», «дублирование страницы», «удаление страницы», «перенос страницы на другой сайт в текущем аккаунте». Дополнительные команды для настройки. Другие возможности работы с сервисом Возможностей работы с профессиональным сервисом Tilda очень много. Большинство из них доступны только в платном аккаунте. Но стоит отметить, что сервис периодически обновляет доступность отдельных инструментов для бесплатного режима работы. Часть инструментов можно открыть, щёлкнув в правом верхнем углу на кнопке «Ещё». А затем будут открываться отдельные диалоговые окна. Рисунок 51. Окно «Ещё» Будут доступны: Настройка сайта. Настройка страницы. Работа со шрифтами. Окно для показа вех сайтов текущего аккаунта. Настройка профиля текущего аккаунта. Тарифы и оплата при работе с сервисом Tilda. Помощь – встроенные в сервис текстовые и видеоинструкции. Карта блоков – все блоки, расположенные на текущей редактируемой странице. Можно менять порядок блоков, перетаскивая их левой кнопкой мыши. Выход из аккаунта. Рисунок 52. Команды окна «Ещё» Источники информации При подготовке текстовой инструкции были использованы следующие материалы: Статья «Как делать красивые статьи на Тильде». https://tilda.education/articles-how-to-makearticles-on-tilda Статья про виды блоков https://create-sites-on-tilda.tilda.ws/tpost/o822pomg41-bloki-tildi Справочный центр тильды https://help-ru.tilda.cc/