Сделать план конспекта. Тема: Конструктор сайтов «Тильда». Что такое конструкторы сайтов? Конструктор сайтов - специальный сервис, который позволяет создавать сайты без знания языков программирования. Этот инструмент можно сравнить с детским конструктором. Ребенок из разных кубиков — блоков — может построить башню, домик, автомобиль. Конструкторы сайтов работают по такой же схеме: есть предопределенные блоки, у которых вы можете изменить свойства, внешний вид. Вы их комбинируете и строите из них портал. Сайт будет создаваться по заранее предопределенным шаблонам. Вы сможете наполнять страницы контентом, но львиную долю творческого процесса забирает на себя конструктор. Какие конструкторы сайтов существуют? Ucraft, Tilda, Wix, A5, Nethouse, Ucoz, uKit, Umi, Google. Мы с вами будем рассматривать конструктор Тильда. Чем отличается сайт на конструкторе от CMS CMS является выбором программистов, желающих получить в итоге качественную и достойную работу, отличающуюся уникальным дизайном, удобными модулями и оригинальным содержанием. Конструктор подойдёт людям, абсолютно не знакомым с веб-технологиями для создания простых лендингов или визиток. Для создания серьезного портала, крупного проекта блочный конструктор не подойдет. Он просто не сможет реализовать весь функционал, который должен быть на ресурсе такого уровня. Главными достоинствами использования конструктора стало  Никакого администрирования. Нет FTP-клиентов (FTP (File Transfer Protocol) – это протокол, который используется для передачи файлов. Чаще всего вы можете услышать эту аббревиатуру в отношении глобальной сети – утилиты, работающие по протоколу FTP, помогают загружать файлы на серверы, что особенно полезно, если вы администрируете сайты. Если выражаться более простым языком, то данный протокол позволит вам подключиться к какой-либо удаленной папке и работать с ней, в том числе загружая на нее (или из нее) нужные вам файлы. FTP-сервер – это любой сервер, который поддерживает данный протокол.), HTML-кодов и CSS-стилей.  Не требуется опыта работы в веб-среде. Все интуитивно понятно.  Дизайн и текст - отдельные модули. Дизайн сайта меняется в один клик и является только хорошо проработанной подложкой вашего контента.  Удобный визуальный режим редактирования. Drag-n-drop интерфейс позволяет переносить изображения и текстовые блоки в заранее заготовленные места.  Мгновенное внесение изменений  Отсутствие вопроса безопасности. Взломать сайт на конструкторе нельзя никак, кроме подбора пароля к учетной записи панели управления. У сайта нет уязвимостей и можно не беспокоиться о хакерских атаках. Минусы конструкторов сайтов 1. Дизайн Тема избитая, но стоит повторить. Вы не реализуете все свои задумки, используя предоставленные шаблоны. Самым большим разочарованием будет момент, когда вы столкнётесь с точно таким же сайтом. Только с другими картинками. 2. Невозможно отредактировать код вручную Ну вот не нравится вам размер рамки блока, который предлагает вам конструктор. А все уже, ничего не поделаешь. Добавить код «ручками» тоже не получится. А если это удастся, то элемент будет расположен в самом непредсказуемом месте. Тестировали, бесполезно. 3. Структура и наполнение Что мы делаем перед тем, как приняться за разработку сайта? Прорабатываем структуру. Нужно знать, в какой последовательности будет размещена информация на сайте. Но конструктор ставит ограничение на использование элементов на странице или её длину. Здесь вы познакомитесь с тарифами или вообще отсутствием возможности расширения структуры до необходимого вам объёма. 4. Размер страниц сайта Конструкторы часто обещают вам небывалую скорость загрузки страниц. А что в итоге? Страница, написанная на чистом HTML может весить 150-200 Кб, когда в том же конструкторе её вес спокойно доходит до 1,5 Мб. 5. Ежемесячная оплата Подписка. Бич 21 века, который мы все так сильно ненавидим. Сегодня стоимость подписки, допустим, 10 долларов в месяц, а завтра будет 15. Вы никак не сможете повлиять на цену и будете вынуждены принять ценовую политику конструктора сайтов. Цена может измениться из-за чего угодно: курс валюты, кризис, коронавирус и множество других причин. Изюминкой является изменение цены только вверх. 6. В один момент вы можете не узнать свой сайт Как? Все очень просто. Произошло обновление конструктора и некоторые элементы были перерисованы. Все это отразится и на вашем сайте без возможности откатиться назад. Что потом делать? Лендинг (от англ. landing page — «посадочная страница») — это одностраничный сайт с краткой информацией о товаре, услуге или мероприятии. Его задача — превращать посетителей в клиентов. Пользователи переходят на лендинг по ссылкам с рекламных баннеров, постов из соцсетей, электронных писем или СМС. Сайт – это одна или несколько логически связанных между собой веб-страниц; также место расположения контента сервера. Любой сайт имеет свою архитектуру. Архитектура сайта – это структура его страниц. Она представляет собой комплекс исследований и решений в процессе создания сайта, преследующих цель – облегчить пользователю работу с ним. Архитектура сайта охватывает собой все, что имеется на сайте: информационное содержимое, заголовки страниц, панель навигации по сайту, гиперссылки, поиск по сайту и др. От логического построения этих элементов, от их расположения на страницах сайта и взаимосвязанности между собой будет зависеть удобство пользования сайтом. Любой сайт состоит из отдельных страниц, которые являются частями единого целого. Первоочередной задачей архитектуры является создание удобного интерфейса для пользователя, чтобы ему не составило особого труда найти необходимую информацию на сайте. Также архитектура помогает пользователю увидеть все разделы сайта. Ему сразу видно из каких разделов состоит тот или иной сайт, и какая информация содержится в них. Любой сайт – это проект. А чем же пользуются разработчики для того, чтобы сохранить этот сайт? Могут возникнуть непредвиденные обстоятельства, в ходе чего сайт может исчезнуть. Для этого существуют удаленные репозитории. Удаленные репозитории – это версии проекта, которые хранятся в интернете, их возможно изменять, сохранять, копировать на любой компьютер, отменять какие-то изменения, если вы недовольны результатом. Современные разработчики используют популярный Git. Без него не обходится ни одна совместная разработка сайта. Идея заключается в следующем: перед началом работы над проектом создается хранилище кода, которое доступно всем участникам разработки. Такое хранилище и есть удаленный гит-репозиторий. КОНСТРУКТОР ТИЛЬДА Tilda – это многофункциональная платформа для создания профессиональных проектов без навыков программирования. Какие сайты можно создавать на Tilda: Лендинги. Когда компании нужна визитка, которая поможет емко представить товары или услуги, Tilda становится одним из лучших инструментов для быстрого решения этой задачи. На страницы можно добавить красивые фотографии, текстовые блоки, формы обратной связи и т.д. Интернет-магазины. Если у компании небольшой каталог товаров, ей не обязательно создавать сайт на CMS. Тильда будет идеальным вариантом для монопродуктового магазина, который предлагает несколько вариантов одного и того же товара или услуги. Промостраницы мероприятий. Чтобы продвигать концерты, театральные постановки и другие события, вы можете создать на Тильде визитку и сделать связку с сервисом по продаже билетов (например, дать прямую ссылку). Личные портфолио. Любой контент-проект удобно реализовать с помощью этого конструктора, поскольку он предоставляет широкий список возможностей. Разработчик может прописать title, description, теги H1-H3, Alt для изображений. К каждому лонгриду можно добавить кнопки для репостов в социальных сетях. У всех страниц можно настроить адреса, добавить формы подписки, платформа поддерживает генерацию RSS-ленты. Авторские и корпоративные блоги, контент-проекты. Создание личного блога на Тильде удобно за счет возможности дополнить текст изображениями и видеороликами. Все это помогает лучше выстраивать бренд, добиваться доверия аудитории за счет наглядных примеров. При необходимости на таком сайте можно публиковать книги или экспертные статьи. Сайты обучающих проектов. Если процесс обучения организован достаточно просто, то конструктор может стать подходящим решением. Пользователь заполняет форму, оплачивает курс или другой информационный продукт и получает все необходимые данные на электронную почту. Перед созданием сайта: 1. Определите основную идею и задачу сайта. Одна страница или несколько? Какая будет структура сайта, какие основные блоки. Из каких разделов будет состоять ваш сайт, в чём основная идея и задача. Суть — что затронет посетителя эмоционально, что его впечатлит и вдохновит. 2. Проведите исследование. Какие существуют сайты конкурентов. Кросс-категории. Вдохновляющие примеры. 3. Создайте эскиз сайта или прототип сайта. Эскиз или прототип — это схематичное изображение блоков, из которых состоит сайт. Ваш визуальный сценарий. 4. Определить какое будет содержание сайта Прежде чем переходить в Тильду, вам нужно позаботиться о контенте, потому что без контента нужно будет всё переделывать. Сначала соберите все материалы, которые у вас есть: презентации, брошюры, публикации. Это послужит отправной точкой. 5. Продумайте дизайн сайта Обложка (первый экран) заслуживает особенного внимания. Если там качественная фотография и небанальный, цепляющий заголовок, то первое впечатление будет удачным. Логотип должен быть горизонтальным. Вертикальные логотипы в вебе работают плохо. Как правило, логотип располагается в меню, а оно не должно занимать много места на экране. Если логотипа у вас нет, то просто напишите название проекта каким-то не системным шрифтом, типа Proxima или Futura. Обязательно подключите фирменный шрифт, это влияет на коммуникацию. Сейчас все держится на контенте, поэтому сам шрифт и задаст вам фирменный стиль. У каждого шрифта есть характер, поэтому постарайтесь подобрать такой шрифт, который соответствует содержанию. Как правило, для сайта вполне достаточно одного шрифта. Но если вы хотите добиться эффектного контраста, используйте шрифтовые пары: шрифт без засечек и шрифт с засечками. После того, как вы оформите все блоки, посмотрите, чтобы сайт выглядел приятно и аккуратно. Выровняйте отступы, сделайте заголовки единообразными, проверьте, что размер шрифта в тексте везде одинаковый. Убедитесь, что на сайте достаточно свободного пространства. Убедитесь, что вокруг текста и картинок есть пространство, они не слипаются и не мешают друг другу Старайтесь быть аскетичным. Чем проще вы сделаете, тем меньше будет ошибок и сайт получится стильным. Используйте фирменные цвета. Но это не значит, что нужно покрасить все в разные цвета. Наоборот, соблюдайте правило, что 90% — это черный и белый и10% какого-то активного цвета. Один дополнительный цвет — лучший вариант. Три использовать нельзя. Два очень аккуратно.