Фишки сборки. Дизайн.

Jan 27, 07:47 am Категория:

Я собирался написать эту статью где-то через неделю. Но раз первый вопрос по сборке коснулся именно дизайна, то и первая статья будет о нём же. Для тех, кто только сейчас включил телевизор: содержание предыдущих серий.

Край земли - оригинальный дизайн шаблонаВ сборке использовался шаблон Shallow grunge от Free CSS Templates. О чём и сообщается в разделе "О сайте". В оригинальном виде шаблон выглядит вот так. Шаблон был выбран по разным соображениям, но одним из главных было то, что графическая составляющая дизайна была очень проста: три файла. Замена любого из них должна была радикально менять вид сайта. А чтобы упростить задачу смены дизайна будущим пользователям, я изменил шаблон так, чтобы графика менялась из админки. Именно эту возможность я и проверил в первую очередь.

Край земли - промежуточный дизайн сайтаИз первой попавшейся обоины для рабочего стола я "вырезал" кусок размера 910х172 пикселя и, воспользовавшись админкой, заменил картинку за номером 1. Результат превзошёл все ожидания: передо мной был практически другой сайт. Не верите? Смотрите сами. Неплохо, да? Но на край земли картинка не очень тянула. Если бы сборка называлась "Полдень в раю", то всё так бы и осталось. Я решил немного покопаться в фотоархивах и вот мы имеем совершенно другой вид сайта. А всё свелось к простой операции загрузки изображения на сайт.

Край земли - окончательный дизайн сайтаНу что, похоже на край земли? Увеличенная версия сайта доступна по адресу http://ihhi.ru/bb01/. Да, ещё я заменил красную картинку под меню на что-то более тёмное размера 910х40 - это картинка за номером 2. Вот и вся премудрость. Простота и эффективность смены дизайна сайта показывают, что при формировании требований к дизайну интегрируемого шаблона были правильно выбраны основные критерии оценки.

Теперь дизайн вашего сайта зависит только от вас. Найти и сформировать изображение нужного вида и размера сможет даже дошкольник. Если есть вопросы, пишите в комментариях. Именно в качестве развёрнутого ответа на вопрос в комментариях и появилась эта статья.

Как заменить изображение? Заходя в "админку" мы сразу попадаем в раздел "Содержание". Идём в "Картинки", выбираем нужную картинку и меняем её на то, что нам нужно. Вот так выглядит админка:

 

Админка. Содержание. Картинки.

 

 Первые три картинки как раз и отвечают за дизайн:

  1. Верхняя картинка размера 910х172 точки
  2. Фон меню размера 910х40 точек
  3. Верх страницы - 910х200 точек
Замена картинки

Выбираем операцию "Редактировать" для соответствующей картинки и загружаем вместо неё новую. Всё элементарно. Есть ещё вопросы? Задавайте.

 

Комментарии [4]

  1. NaSH
    3071 дн. назад


    всё понял. спасибо.

  2. NaSH
    3070 дн. назад


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

  3. IHHI
    3070 дн. назад


    Это внутренний домен – Денвером обслуживается. Ошибочка вышла при формировании сборки. Поправил и выложил исправленную версию. Хотя исправления касаются только текста статей. Оформление от этого не страдает.

    Спасибо за замечание.

2017-06-25 5:35 am , Оставь комментарий