1.5 Создание макета сайта и его дизайна

Что такое макет сайта и как разработать его дизайн?

Создание хорошего сайта начинается с разработки его макета, подборки контента (готовые тексты, заголовки, таблицы, мультимедиа), разработки дизайна и размещения контента.

Прежде чем разрабатывать макет сайта, вы должны хорошо представлять себе, во-первых, о чём будет этот сайт, во-вторых дизайн сайта  и из каких элементов он должен состоять.

Структура любого сайта состоит из следующих основных элементов:

  1. Главная страница с фоновым изображением или фоновым видео, с меню сайта, логотипом фирмы или владельца, заголовком и целевой статьёй с мультимедийным сопровождением, отражающими основную тему сайта, футером (подвалом), расположенном в самом низу страницы и чаще всего содержащим: контакты, навигацию, правовую информацию. Дополнительно на главной странице в отдельном поле (чаще слева или справа) могут быть размещены различные рубрики, содержащие периодически обновляемые записи (посты) по тематике сайта, что делает из сайта блог, различные новости, карта сайта.
  2. Дополнительные уточняющие тематические страницы типа «Наши услуги», «Наш товар», «Характеристики», «Сертификаты», «О нас», «Контакты» и др., содержащие статьи, мультимедиа, кнопки, таблицы,
  3. Обратная связь
  4. Карта сайта (если сайт многостраничный)
  5. Гиперссылки на внешние ресурсы и внутренние между элементами сайта.

Разработка макета сайта

Создание хорошего сайта начинается с разработки его макета, подборки контента (готовые тексты, заголовки, таблицы, фоновые сцены статические или анимированные, картинки, мультимедиа), разработки дизайна и размещения контента.

Макет сайта можно подготовить в таких графических редакторах как Paint.net или Photoshop. Последний лучше, так как обладает большими возможностями. Готовый макет сохраняется в файл формата .PSD, что в ряде случаев позволяет просто перенести файл макета на страницу CMS движка. Подробно о создании проекта в фотошопе можно посмотреть на сайте: https://www.seostop.ru/sozdanie-saita/html-css/shablon.html

Обычно эта часть проекта требует длительной и серьёзной проработки и отнимает много времени. Однако в дальнейшем это очень облегчит саму процедуру создания сайта.


Совет! Если вы не сильны в Фотошопе и нет дизайнерских навыков, впишите в поисковый запрос любого браузера фразу «Шаблоны сайтов на WordPress» или «Красивый сайт картинки» и браузер выдаст вам миллион картинок. Под картинками будут адреса сайтов. Открывайте, смотрите и выбирайте что вам по душе. Меняйте контент на свой. И у вас получится новый, теперь уже ваш сайт.





Вверх

 

Обновлено: 23.01.2020 — 11:22