Урок 1. Верстка макета

От автора:Сегодня мы рассмотрим первый урок, а именно верстку макета.

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

Все уроки курса:

Метки: wordpress интернет магазин, верстка макета, создать интернет магазин