Вход
Вы вошли на сайт, как Гость
Авторизация через ВконтактеАвторизация через FacebookАвторизация через TwitterАвторизация через ОдноклассникиАвторизация через Mail.RuАвторизация через GoogleАвторизация через Яндекс
Внешний вид сайта

Какой вид сайта Вы предпочитаете?



Telegram
Подпишись на Telegram-канал, чтобы первым узнать все новости сайта:
Подпишись на Telegram-канал, чтобы первым узнать все новости сайта
Рассылка

Подпишитесь на рассылку наших новостей, чтобы всегда быть в курсе последних обновлений!

Ваше имя: *

Ваш e-mail: *

* Звёздочкой помечены обязательные поля для заполнения

Ваши данные никому не передаются. Вы можете отписаться от рассылки новостей в любой момент.

Статистика
Сейчас на сайте:
Cтатей: 79
Партнёрских продуктов: 136
Файлов: 63
Секретных материалов: 108
Товаров: 4
Галерей: 2
Альбомов: 0
Заметок: 26
Комментариев: 13
Пользователей: 71
Подписчиков: 165
Посетителей на сайте: 19
Реклама
Мы Вконтакте
Tak.ru

Как создавался сайт учебного центра ООО "Центр содействия бизнесу"

Как создавался сайт учебного центра ООО "Центр содействия бизнесу"

Неделю назад начал работу над новым веб-проектом учебного центра ООО "Центр содействия бизнесу".

Зарегистрировали домен http://uchebacenter.ru в сервисе atname.ru

Привязали к хостингу на хостере Beget.ru.

Далее пришлось лезть в теорию веб-дизайна, и для этого курс Алексея Захаренко "Мастер веб-дизайна 2011" как раз пригодился. Несмотря на то, что есть уже более новая версия этого курса, теория веб-дизайна остаётся неизменной, и все принципы, о которых рассказывает автор, также можно применять при создании любого сайта: одностраничника (как этот), авторского блога, Интернет-портала или электронного магазина.

Главное, чтобы дизайн соответствовал требованиям целевой аудитории, привлекал внимание и призывал пользователя сделать то или иное действие.

 

После получения от заказчика информации о контенте:

Центр содействия бизнесу

и наброски макета на бумаге (как советовал Алексей Захаренко):

Макет сайта "Центра содействия бизнесу" на бумаге

осталось только зарисовать макет сайта в фотошопе. Вот как выглядел готовый макет:

Готовый макет сайта "Центра содействия бизнесу"

Далее всё сводилось к вёрстке полученного макета, и тут очень пригодился новый видеокурс от Андрея Бернацкого по HTML5 и CSS3, без которых уже не обходится ни один современный сайт.

Когда html-заготовка была готова, сайт выглядел примерно так:

HTML-наполнение сайта "Центра содействия бизнесу"

Однако после исправления ошибки доменного имени на хостинге и правильной подгрузки CSS-стилей, сайт принял свой характерный вид.

 

Далее проводились работы по переходу на язык php, где уже использовались заготовки и сниппеты аналогичных сайтов, в т.ч. и rolar.ru.

Через phpMyAdmin создана база данных uchebacenter, в которой добавлена таблица с полями имени, номера телефона, даты и пр., а также заполнена соответствующими значениями.

В модели были написаны 3 функции которые могли добавлять записи в БД, устанавливать флаг "Выполнено" и удалять записи из таблицы телефонных заявок. Причём вторая и третья функции работали через админку, доступ в которую защищён специальным кодом.

Работа сайта Учебного цетра на PHP основывается на модели MVC - модель-вид-контроллер, где модель отвечает за работу с Базой данных, вид отвечает за вывод и отображение данных пользователю, а контроллер занимается управлением, переадресацией (редиректом) и всеми служебными операциями по работе сайта. Важно отметить, что точка входа на сайт осуществляется через файл index.php, а подгрузка различной информации и выполнение команд происходит за счёт умной переадресации благодаря правилам в .htaccess и специальной функции url_parsing();

 

Однако, несмотря на реализацию основной проверки пользовательских данных на php-сервере на хостинге, также остались моменты которые оказались неудобными для пользователей. Тогда пришлось взяться за программирование на Javascript и написать пару умных функций с применением библиотеки jQuery. Для этого были использованы материалы из урока Андрея Кудлая по "Валидации номера телефона по маске", материалы по основам Javascript и jQuery от Евгения Попова, курсу Виктора Гавриленко JavaScript и jQuery с нуля до профи, и уроку по созданию авторизации методом AJAX из курса Андрея Кудлая "Интернет-магазин под ключ". Благодаря применению этих знаний и скриптов удалось реализовать валидацию вводимых данных на "лету" на стороне клиента.

Для добавления слайдера с автоматической сменой изображений был использован сторонний скрипт ResponsiveSlides.js v1.54, который всегда можно скачать и установить с сайта http://responsiveslides.com.

 

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


Оцените заметку: 0 1 2 3 4 5


Понравился материал?
Поделись со своими друзьями в социальных сетях!

Нравится:



Расскажите о нас своим друзьям:






Подпишитесь на рассылку наших новостей, чтобы всегда быть в курсе последних обновлений!

Ваше имя: *

Ваш e-mail: *

* Звёздочкой помечены обязательные поля для заполнения

Ваши данные никому не передаются. Вы можете отписаться от рассылки новостей в любой момент.


Комментарии Вконтакте:

Комментарии Facebook:


Комментарии:

Здесь комментариев пока нет.

Оставить комментарий

Ваш e-mail необходим только для связи с Вами и не публикуется на сайте.

* Звёздочкой помечены обязательные поля для заполнения

Поиск
Поисковый запрос должен быть не менее 4-х символов
WMR-бонус

Получи WMR-бонус!
Для получения WMR-бонуса введите Ваш WMR-кошелёк и код с картинки и нажмите на кнопку "Получить бонус"

WMR-кошелёк:

Код
Код:
Поддержка