Как создать бизнес сайт

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

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



Нашел магазин готовых сайтов и в категории «Бизнес» выбрал красивый шаблон с очень интересным дизайном.



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

Чтобы не покупать шаблон сразу, так как стоит он 255 долларов, я зарегистрировал бесплатную демо-версию на 30 дней. Я так понял, что если меня все устроит, я смогу купить этот шаблон и сохранить свои изменения, это хорошо.



Шаблон можно полностью отредактировать, благодаря встроенной панели управления MotoCMS. Вот как выглядит эта панель управления:



Для начала нужно изменить язык панели управления на наш родной русский. Для этого найдите в верхнем меню вкладку Preferences>Website Preferences>Advanced Settings>Русский или любой другой язык на ваш выбор.



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



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



Теперь хотелось бы изменить месторасположение и цвет зеленой кнопки «Enter». Кликнув на нее 2 раза, открылось хранилище файлов шаблона, то есть медиатека.



Думая, как отредактировать кнопку, я увидел надпись слева «Редактировать выбранный элемент», при нажатии на нее, открылся встроенный редактор изображений, в нем можно поиграть с контрастностью, размером, яркостью фотографии:



После изменения цвета кнопки, я изменил надпись на ней на русскоязычную:



Далее сохранил все изменения (в верхнем меню есть кнопка сохранить и дискета рядом), я нажал на «Предпросмотр», чтобы увидеть результаты моего труда:



Вверху есть выпадающее меню, с помощью которого можно выбрать страницу для редактирования. Я открыл страницу «About Us» и изменил заголовок на «О нас». Заголовок сайта остался старым, мне пришлось поменять его на новый, то есть «Крутой дизайн» и он продублировался на все остальные страницы сайта:



Двойной клик по заголовку, я изменил его.



Но мне не нравится шрифт, он слишком скучный. В выпадающем списке шрифтов, я увидел надпись  «Add Font», что в переводе означает добавить шрифт.



Скачал свой любимый шрифт Pudelinka и загрузил его в админку. Вот что вышло в итоге:



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



Выделяем рыбу (текст по умолчанию) с помощью комбинации клавиш Ctrl+A и удаляем. Заполняем блок своим текстом.



По аналогии сохраняем изменения и открываем предпросмотр:



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



Отредактируйте надписи, как вам нужно. Плюсик рядом с пунктом меню означает, что там есть подпункты, их тоже можно изменить.



Вот что у меня вышло:



Переходим в текстовый блок пункта «Услуги» и подстраиваем его под свои задачи и цели. Текст может быть любого размера, цвета и вида:



Изменяем также страницу с контактной информацией:



Контакт-форма слишком простая и я решил заменить ее на сложную, для этого есть специальный виджет сбоку Advanced Contact Form, можно разместить ее в любом месте страницы.



Двойной клик мыши по форме и мы редактируем надписи в ней:



Можно отредактировать вид и надписи на кнопках под контакт-формой, настройки кнопок находятся справа:



Я изменил также цвет кнопок, чтобы он походил под новую цветовую гамму сайта:



Далее необходимо поработать с порфолио Переходим на страницу «Портфолио», меняем заглавную надпись.



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



Нажмите на кнопку «Добавить элементы», откроется медиатека.



Загрузите туда необходимые фотографии и добавьте их в фото галерею. Сохраните изменения, вот что получилось у меня в результате:



При нажатии на эскиз изображения в режиме предпросмотра, оно открывается в полноразмерном формате:



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



Теперь цвет подходит под стиль всего сайта и на нем отлично виден текст:



Теперь можно создать новый раздел сайта, к примеру, нужно мне нужно рассказать о партнерах. Для создания новой страницы, необходимо найти вкладку Файл вверху, далее Создать новую страницу. Тут вы прописываете название страницы и путь, то есть вы задаете в настройках страницу, которая будет открываться при нажатии на надпись «Наши партнеры».



Страница пустая, вы можете создать на ней все, что угодно, к примеру, с помощью виджета Текст, создайте надпись:



Также, можно добавить изображение, предварительно добавив его в медиатеку.



Хотелось бы изменить стандартный черный цвет фона первой страницы на такой же темный оттенок, чтобы были видны красивые белые разводы, ведь это главная изюминка сайта. Переходим на Slash Page и нажимаем на Background Slot:



После сохранения, нажимаем предпросмотр.



Посмотрите теперь  вид шаблона «до» и «после»:





Разница значительна, мне удалось подстроить шаблон под нужды данного веб-проекта и заданное ТЗ. Дизайн в любом случае, захватывающий. С таким сайтов легко отличаться от сотен конкурентов. Заказчик остался доволен и я купил шаблон. Теперь я не буду так предвзято относить к флешу, как к сложной и непонятной технологии. Я понял, что создавать сайт на основе шаблона быстро и просто, главное уметь рационально распределять свое время. Вы тоже можете создать свой сайт, не имея особых навыков программирования, админка интуитивно понятная даже для подростка. Вы можете выбрать подходящий шаблон сайта в интернет-витрине шаблонов и зарегистрировать бесплатную демо-версию шаблона на 30 дней

Подборка лучших дизайнов и шаблонов сайтов:

Не удалось обработать запрос

Не удалось обработать запрос

Вы можете вернуться на начальную страницу или повторить попытку.