Как создать макет сайта

Макет сайта – это графическое представление структуры Вашего сайта. Как правило в нем используются любые изображения, не обязательно подходящие по смыслу, а также рыба-текст. Макет сайта нужен для четкого представления и быстрой доработки будущей структуры сайта.

Лишь после успешно созданного и одобренного макета, разработка сайта переходит на следующий этап.

Обычно макеты сайтов создают в профессиональных графических редакторах. Раньше это был Adobe Fireworks, сейчас очень популярны Adobe Photoshop, Adobe Illustrator, а также Corel Draw.

Но что делать, если у Вас нет этих графических редакторов или вы не умеете в них работать? Все очень просто. Вы можете создать макет сайта на конструкторе сайтов tobiz.net! Мы Вам в этом поможем.

Макет сайта своими руками

Нам понадобится конструктор сайтов tobiz.net – именно на нем мы создадим свой макет. Здесь есть целый ряд преимуществ:

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

Итак, приступим. 

1. Для начала переходим в проекты и создаем пустой сайт.
2. У Вас откроется окно редактора сайта. Сюда мы и будем добавлять готовые блоки структуры.
   
   
    
3. Для начала добавим шапку и подвал на наш сайт. Использовать будем готовые блоки, которых на конструкторе около 240. А найти их можно в самом первом разделе - "Шапка и меню". Во всех блоках уже содержится шаблонный текст и фотографии. Это идельно для нас, так как мы сэкономим на этом очень много времени.
   
   
    
4. Следующим шагом добавим обложку на наш макет. Их также представленно несколько готовых вариантов. Все эти блоки вы можете использовать на своем сайте бесплатно.
   
   
    
5. Давайте произведем некотрые настройки сейчас, чтобы не забыть их потом.
6. Отключим высокую секцию блока.
7. Установим увеличенную ширину обложки.
8. Зададим отступы сверху и снизу по 150 пикселей.
   
   
    
9. Далее добавим блоки контента. Это будут: обычный теестовый блок и блок с изображением.
   
   
    
10. Второй блок с текстом и изображением находится в разделе контент.
    
    
     
11. Давайте настроим эти блоки. Добавим заголовок, изменим размер изображения и ширину блока. Теперь блоки выглядят вот так:
    
    
     
12. Еще добавим блоки преимуществ на наш макет. Он находится в разделе "Преимущества". Выбираем любой понравившийся блок, и он автоматически добавляется на сайт:
    
    

Таким образом добавляем еще блоков. У Вас получится макет сайта с готовой структорой для наполнения контентом.

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

Рассказать друзьям: