Автор: Виктор Рог
Курс представляет собой сборку из 3-х частей общей продолжительностью порядка 5 часов. В первой части курса будет показано, как можно из шаблона Photoshop сверстать макет интернет магазина. Фоновые картинки будут растягиваться на всю ширину экрана, при этом содержимое будет оставаться по центру. Также рассмотрим, как вырезать фоновые прозрачные картинки, чтобы при их совмещении в верстке все выглядело аккуратно. Научимся делать нестандартные поля для формы поиска с закругленными углами. Так же сделаем подсказку для поля поиска, подключив к странице javascript. Установим меню, оформим вывод категорий товаров, сделаем вывод товаров с их названием и ценой, создадим постраничную навигацию по каталогу. Все это сверстаем.
А именно:
- как можно из шаблона Photoshop сверстать макет интернет магазина? Фоновые картинки будут растягиваться на всю ширину экрана, при этом содержимое будет оставаться по центру;
- как вырезать фоновые прозрачные картинки, чтобы при их совмещении в верстке все выглядело аккуратно; - научимся делать нестандартные поля для формы поиска с закругленными углами;
- также сделаем подсказку для поля поиска, подключив к странице javascript;
- установим меню, оформим вывод категорий товаров, сделаем вывод товаров с их названием и ценой, создадим постраничную навигацию по каталогу. Все это сверстаем, не используя ни одной таблицы.
В остальных 2-х частях курса будет показано непосредственно установка магазина на движок WordPress:
- вводная часть. Установка WordPress;
- разбиение шаблона на логические части;
- установка необходимых плагинов. Добавление записи;
- создание витрины магазина;
- добавление поддержкивиджетов;
- окончание создания витрины магазина;
- панель навигации витрины;
- доработка футера;
- шаблон страницы, поста и категории;
- реализация корзины;
- модуль корзины в шапке;
- поиск по сайту;
- итоги.
По итогам данного курса Вы создадите полноценный интернет-магазин на таком, казалось бы, блоговом движке как WordPress.
