Как создать макет сайта
Разделы
- Все
- Начало работы 5
- Редактор конструктора 30
- Тарифы и оплата 8
- Домены 8
- Технические вопросы и частые ошибки 26
- Заявки и заказы 9
- Продвижение сайтов 30
- Интеграции 16
- Услуги 5
- Интернет магазин 7
- Повышение конверсии 5
- Создание сайтов 35
- Копирайтинг 20
- Интернет маркетинг 80
- Бизнес обучение 5
- Заработок в интернете 10
- Блог 17
Макет сайта – это графическое представление структуры Вашего сайта. Как правило в нем используются любые изображения, не обязательно подходящие по смыслу, а также рыба-текст. Макет сайта нужен для четкого представления и быстрой доработки будущей структуры сайта.
Лишь после успешно созданного и одобренного макета, разработка сайта переходит на следующий этап.
Обычно макеты сайтов создают в профессиональных графических редакторах. Раньше это был Adobe Fireworks, сейчас очень популярны Adobe Photoshop, Adobe Illustrator, а также Corel Draw.
Но что делать, если у Вас нет этих графических редакторов или вы не умеете в них работать? Все очень просто. Вы можете создать макет сайта на конструкторе сайтов tobiz.net! Мы Вам в этом поможем.
Макет сайта своими руками
Нам понадобится конструктор сайтов tobiz.net – именно на нем мы создадим свой макет. Здесь есть целый ряд преимуществ:
- не нужно покупать графические редакторы;
- не нужно обладать профессиональными навыками дизайна и уровнем владения графическим редактором;
- не придется верстать сайт по макету - он уже будет готов.
Итак, приступим.
- Для начала переходим в проекты и создаем пустой сайт.
- У Вас откроется окно редактора сайта. Сюда мы и будем добавлять готовые блоки структуры.
- Для начала добавим шапку и подвал на наш сайт. Использовать будем готовые блоки, которых на конструкторе около 240. А найти их можно в самом первом разделе - "Шапка и меню". Во всех блоках уже содержится шаблонный текст и фотографии. Это идельно для нас, так как мы сэкономим на этом очень много времени.
- Следующим шагом добавим обложку на наш макет. Их также представленно несколько готовых вариантов. Все эти блоки вы можете использовать на своем сайте бесплатно.
- Давайте произведем некотрые настройки сейчас, чтобы не забыть их потом.
- Отключим высокую секцию блока.
- Установим увеличенную ширину обложки.
- Зададим отступы сверху и снизу по 150 пикселей.
- Далее добавим блоки контента. Это будут: обычный теестовый блок и блок с изображением.
- Второй блок с текстом и изображением находится в разделе контент.
- Давайте настроим эти блоки. Добавим заголовок, изменим размер изображения и ширину блока. Теперь блоки выглядят вот так:
- Еще добавим блоки преимуществ на наш макет. Он находится в разделе "Преимущества". Выбираем любой понравившийся блок, и он автоматически добавляется на сайт:
Таким образом добавляем еще блоков. У Вас получится макет сайта с готовой структорой для наполнения контентом.
После того, как создали макет сайта, можете смело начать наполнять его статьями и фотографиями. Также не забудьте отредактировать контакты.
Рассказать друзьям: