Гладкий Евгений. Знакомство со структурой сайта

Рассмотрим главную страницу Тильды.

Как и на любом другом сайте, для начала вам нужно зарегистрироваться. После того как вы авторизуетесь в Тильде, на странице “Мои сайты” нажимаем “Создать новый сайт”, либо же при первой авторизации, Тильда сама вам предложит создать сайт.

После чего нажимаем на сам проект. Здесь мы увидим панель управления сайтами. Мы можем создавать новые страницы и делать отдельные настройки, как для самого сайта, так и для отдельных страниц. Первое, что нам понадобится сделать – нажать на кнопку “создать новую страницу”. Перед нами откроется окно с выбором шаблонов сайтов, которые создали дизайнеры Тильды. Это очень удобная функция, так как шаблоны разделены по темам и вы сможете найти тот, который подойдет именно для вашего продукта. Вы сможете без труда подкорректировать выбранные блоки под ваши нужды. Так же в библиотеке Тильды все блоки адаптивные, это значит, что эти блоки автоматически будут выглядеть хорошо на любых устройствах.

В новом проекте, сама Тильда будет выдавать подсказки по интерфейсу, что упростит работу в создании сайта. Но для начала нам нужно ознакомиться с понятием “блок”.

Что же такое блок и почему так много внимания уделено этому разделу в самой Тильде?

Блок – это смысловой кусок нашего сайта. Например, меню, блок с тем, как работает система вашего сайта, блок с преимуществами товара, блок с контактами.

Сами блоки в Тильде создавали профессиональные дизайнеры, поэтому соблюдая самые базовые знания композиции – ваш сайт будет выглядеть аккуратно и хорошо.

Если вы сами являетесь дизайнером, то для вас есть удобная функция – zero block.

Это отдельный редактор внутри Тильды, где вы сможете создавать собственные блоки с любым дизайном.

Блоки делятся на две части:

Категории базовых элементов

-Галерея

-Текст

-Заголовок

-Меню

-Форма

-Кнопка

Готовые смысловые секции – эти блоки подходят для описания особенностей проекта, на них может располагаться текст, изображения, кнопки для социальных сетей.

Для чего можно использовать?

Рассказать о преимуществах своего продукта

Размещение отзывов от ваших клиентов

Мы выбрали и добавили блоки, которые нам понравились, теперь нам нужно их изменить под наш сайт.

Чтобы изменить текст, достаточно на него кликнуть, а для замены фото – просто перетянуть картинку в браузер.

В Тильде есть предустановленные шрифты, но если вы предпочитаете работать с конкретным шрифтом, то вам не составит труда загрузить его из библиотеки Adobe или Google Fonts.

Для работы с изображением есть встроенный фоторедактор, который позволяет повернуть, обрезать или добавить фильтр на вашу фотографию.

Мы изучили основной инструмент для работы с Tilda, и теперь мы можем переходить к созданию структуры сайта. Здесь я хотел бы привести в пример самую популярную и эффективную структуру, которую вы можете использовать при создании своих сайтов.

Домашняя страница — это главная страница веб-сайта, на которой обычно находится содержания сайта. Обычно она включает в себя навигационное меню, ссылки на другие разделы сайта и часто рекомендуемый контент или изображения.

Заголовок — это верхняя часть веб-сайта, которая обычно включает логотип, название сайта и иногда слоган. Он также может включать в себя ссылки на учетные записи социальных сетей, панель поиска и другие интерактивные элементы.

Меню навигации — содержит список ссылок на различные разделы и страницы веб-сайта. Его можно организовать по-разному, например, в виде раскрывающегося меню.

Страницы контента — это отдельные страницы, из которых состоит веб-сайт. Они могут включать в себя статьи, страницы продуктов и любой другой тип контента, который предоставляет сайт. Страницы содержимого обычно организованы в категории или разделы.

Боковая панель — это узкая колонка сбоку сайта, которая может содержать ссылки, панели поиска, рекламные объявления или другой контент. Она часто используется для отображения последних сообщений, популярного контента или других функций.

Нижний колонтитул — это нижний раздел веб-сайта, который обычно содержит ссылки на важные страницы, такие как страница «О нас», страница «Контакты». Он также может включать информацию об авторских правах, карту сайта и другие юридические или информационные ссылки.

Интерактивные элементы. Веб-сайты могут включать в себя различные интерактивные элементы, такие как формы, кнопки, видео и изображения. Эти элементы часто используются, чтобы привлечь пользователя.

Не бойтесь экспериментировать с шаблонами, которые вам предоставляет сама Тильда.

Вы можете взять, как готовую страницу, в которой нужно будет заменить только текст и изображения, либо взять шаблон за основу, а в дальнейшем скорректировать структуру и поменять блоки, которые вам не нужны.

Войдите в систему или зарегистрируйтесь. Получите задание от автора урока и возможность добавить полученные знания в паспорт навыков.