Раздел №1. Введение
Здесь мы с Вами разберём, что и как будем делать. Вы должны на данном этапе понять, что Вы вообще хотите от своего сайта. Можно сказать, что это шаг под номером 0. На данном этапе мы составим список того, что можно будет делать на сайте, какая у него будет функциональность. После просмотра данного раздела Вы сможете чётко представлять картину. Большинство новичков испытывают с этим трудности, они вроде понимают тематику сайта, примерно представляют, что они хотят, но не могут объяснить это в деталях ни себе, ни другим. Те из Вас, кто уже пытался продумать сайт, сталкивались с этой проблемой. Вот эту проблему Вы и решите после просмотра данного раздела.
Содержание:
- Урок №1. Как проходить курс?
- Урок №2. Функциональность Интернет-магазина
- Урок №3. Порядок создания Интернет-магазина
Раздел №2. Дизайн
Здесь разбирается 1-й шаг создания сайта. Просмотрев раздел:
- Вы узнаете, дизайн каких страниц нужно делать. Если Вы не будете этого знать, то просто переплатите дизайнеру за бесполезную работу. Хотите сэкономить? Тогда смотрите данный раздел.
- Вы узнаете, как сделать дизайн бесплатно. Для тех, у кого ещё нет денег на дизайнера, я расскажу другие способы его создания. Если Вы, например, дизайнер и умеете работать в Photoshop, то я расскажу, как правильно сделать дизайн сайта.
- Вы узнаете, как сделать хороший дизайн, поручив это профессионалу. Если Вы хотите всё профессионально, то прямо в уроке Вы увидите, как я заказываю дизайн сайта на фрилансе.
- Вы узнаете, как составить грамотное ТЗ. Всё это я показываю прямо в уроке. Фактически, у Вас будет готовый шаблон, который Вы сможете использовать для заказа дизайна других сайтов. Без грамотного ТЗ количество желающих разбираться в непонятной работе, будет крайне мало. А раз будет крайне мало желающих взяться за Вашу работу, то и выбор у Вас будет плохой.
- Вы узнаете, как выбрать исполнителя, по каким критериям выбирать зачастую из нескольких десятков вариантов (благодаря грамотному ТЗ).
- Вы узнаете, стоит ли давать предоплату и в каких случаях.
- Вы узнаете, как не стать жертвой обмана.
- Вы узнаете, что делать, если сделанный дизайн Вам не понравился (прямо в курсе у меня это случилось, и я предпринял определённые действия, о которых Вы узнаете из курса).
- Вы узнаете, как сэкономить на дизайне. Я видел дизайны, за которые люди заплатили по 30-40 тысяч рублей, но качество их было в районе 500 рублей. Это самый натуральный обман.
- Вы узнаете самую оптимальную и реальную цену за дизайн, за которую у Вас будет десятки желающих сделать, но которая при этом не испугает ни Вас, ни заказчика, если это сайт делается на заказ. А если у Вас есть 10-15 тысяч рублей на дизайн, я расскажу об идеальном варианте, как получить не просто хороший дизайн, а лучший из лучших. Новички побегут к дорогому дизайнеру, а в итоге получат ерунду за 500 рублей (поскольку этот "дизайнер" передаст за 3 рубля новичку, а разницу заберёт себе). А умные люди эти деньги используют по-другому и получат просто великолепный дизайн, как именно? Смотрите в курсе.
Ещё раз повторяю, что все эти этапы я тщательно объясняю и выполняю на примере создания дизайна для Интернет-магазина. Вы будете всё видеть, и это отличный вариант обучения. После данного раздела Вы легко сможете сделать любой другой дизайн для сайта. А все шаблоны, мелкие, но важные нюансы, все свои секреты я Вам предоставлю.
Содержание:
- Урок №1. Как сделать дизайн?
- Урок №2. Вариант 1: Ищем бесплатный шаблон
- Урок №3. Вариант 2: Составляем ТЗ для дизайнера
- Урок №4. Вариант 2: Заказываем дизайн на фрилансе
- Урок №5. Вариант 2: Выбираем исполнителя
- Урок №6. Вариант 2: Смотрим работу и просим энести поправки
- Урок №7. Вариант 2: Принимаем работу
- Урок №8. Подводим итог
Доп. материалы:
- Материал №1. Шаблон ТЗ на дизайн
Раздел №3. Вёрстка
В данном разделе Вы увидите вёрстку всех страниц, которые нам подготовил дизайнер. Я буду писать HTML и CSS-код и тщательно комментировать его, причём всё это будет с чистого листа.
Из данного раздела:
- Вы увидите, как создаются страницы сайта.
- Вы узнаете, как нужно адаптировать вёрстку под разные браузеры.
- Вы узнаете о новых важных правилах вёрстки.
- Вы узнаете, как избежать горизонтальной полосы прокрутки при ширине 1024 пикселя.
- Вы узнаете, как делается шапка на сайте, меню, форма поиска, закругления, тени и множество других элементов.
После просмотра данного раздела Вы сможете сверстать и страницы своего сайта.
Содержание:
- Урок №1. Главная страница. Начало вёрстки
- Урок №2. Главная страница. Шапка сайта
- Урок №3. Главная страница. Блок с корзиной
- Урок №4. Главная страница. Верхнее меню
- Урок №5. Главная страница. Форма поиска
- Урок №6. Главная страница. Левое меню
- Урок №7. Главная страница. Центральная часть
- Урок №8. Главная страница. Блоки с товарами
- Урок №9. Главная страница. Подвал
- Урок №10. Главная страница. Валидность и кроссбраузерность
- Урок №11. Страница с товаром. Начало вёрстки
- Урок №12. Страница с товаром. Хлебные крошки
- Урок №13. Страница с товаром. Описание товара
- Урок №14. Страница с товаром. Дополнительные товары
- Урок №15. Страница с товаром. Валидность и кроссбраузерность
- Урок №16. Страница с корзиной. Начало вёрстки
- Урок №17. Страница с корзиной. Вывод содержимого
- Урок №18. Страница с корзиной. Вывод форм и кнопок
- Урок №19. Страница с корзиной. Валидность и кроссбраузерность
- Урок №20. Страница с формой заказа. Начало вёрстки
- Урок №21. Страница с формой заказа. Вывод формы
- Урок №22. Страница с формой заказа. Немного JavaScript
- Урок №23. Страница с формой заказа. Валидность и кроссбраузерность
Доп. материалы:
- Материал №1. PSD - Макеты
Раздел №4. Создание движка. Сайт
Ключевой раздел курса, в котором, по сути, и создаётся вся внутренняя начинка на PHP и MySQL.
В данном разделе:
- Вы увидите весь принцип создания движка. Данный подход являются моей личной многолетней разработкой. Любой опытный программист с многолетним стажем имеет в своём арсенале нечто подобное, но у Вас это будет сразу. Мой подход на полную катушку использует ООП (Объектно-ориентированное программирование), что делает его наиболее актуальным и современным на сегодняшний день.
- Вы увидите, как делается генератор страниц, как обрабатываются URL, как делаются ЧПУ-ссылки, как выводятся данные из базы данных, как реализовать «Корзину», как сделать управление содержимым заказа, как учитывать скидки, как правильно сохранять заказы в базу данных и многое-многое другое. Если я здесь буду в деталях перечислять всё то, что создаётся в курсе, то у меня уйдёт на это несколько страниц.
- Но самое главное, Вы сможете создать движок для любого другого сайта, даже если его функциональность будет совсем другой и её будет больше.
- Вы узнаете, как можно резко сэкономить время на разработку движка, при этом не будет ни малейшей потери в качестве. Как это сделать? Об этом Вы также узнаете из этого
Содержание:
- Урок №1. Механизм создания движка
- Урок №2. Создание базы данных и таблиц
- Урок №3. Заполнение тестовыми данными
- Урок №4. Создание класса для работы с БД
- Урок №5. Создание вспомогательных классов
- Урок №6. Создание классов для работы с таблицами
- Урок №7. Создание TPL-файлов главной страницы
- Урок №8. Создание шаблонизатора
- Урок №9. Обработка URL
- Урок №10. Вывод главной страницы
- Урок №11. Вывод страницы 404
- Урок №12. Сортировка товаров
- Урок №13. Вывод фильмов по жанру
- Урок №14. Вывод страницы с описанием товара
- Урок №15. Генерация хлебных крошек
- Урок №16. Генерация "С этим товаром также заказывают"
- Урок №17. Добавление в корзину
- Урок №18. Вывод страницы с корзиной
- Урок №19. Удаление элементов из корзины
- Урок №20. Пересчёт заказа и учёт скидки
- Урок №21. Вывод страницы с Формой заказа
- Урок №22. Обработка заказа
- Урок №23. Вывод страницы с системными сообщениями
- Урок №24. Отправка e-mail клиенту
- Урок №25. Поиск на сайте
- Урок №26. Создание оставшихся страниц
- Урок №27. Склонение слова "товары" и итоги
Доп. материалы:
- Материал №1. Структура движка
- Материал №2 Тестовые данные
Раздел №5. Создание движка. Admin-панель
Admin-панель –это фактически отдельный сайт, который управляет другим. А раз это отдельный сайт, то для него нужно так же делать дизайн, вёрстку и движок. С дизайном и вёрсткой я не буду Вас мучить повторно, мы с Вами в курсе сделаем свой простенький дизайн и вёрстку, что позволит Вам упростить будущее управление сайтом (излишний дизайн затрудняет восприятие информации), а также позволит сэкономить время и деньги на то, что всё равно никто не увидит, кроме администратора. А вот движок для него создать необходимо. И вот этим мы и будем заниматься почти весь раздел.
Из данного раздела:
- Вы узнаете, из чего вообще состоит Admin-панель.
- Вы увидите, как создаётся управление различными элементами на сайте, начиная с базы данных и заканчивая файлами, а также выводом различной статистики.
- Вы узнаете множество нюансов по безопасности Admin-панели, без которых Ваш сайт смогут легко взломать более-менее опытные хакеры.
После прохождения данного раздела, Вы сможете создавать Admin-панели для любых сайтов.
Содержание:
- Урок №1. Механизм создания Admin-панели
- Урок №2. Вёрстка Admin-панели
- Урок №3. Подготовка к созданию Admin-панели
- Урок №4. Создание главной страницы
- Урок №5. Авторизация администратора
- Урок №6. Создание постраничной навигации
- Урок №7. Создание класса вывода данных
- Урок №8. Вывод товаров на сайте
- Урок №9. Добавление нового товара
- Урок №10. Редактирование товара
- Урок №11. Удаление товара
- Урок №12. Управление разделами
- Урок №13. Вывод заказов
- Урок №14. Вывод формы с заказом
- Урок №15. Редактирование позиций заказа
- Урок №16. Добавление заказа
- Урок №17. Редактирование заказа
- Урок №18. Удаление заказа
- Урок №19. Управление купонами на скидку
- Урок №20. Вывод статистики
Раздел №6. Размещение сайта в Интернете
В данном разделе Вы увидите размещение созданного нами сайта в Интернете. Всё будет происходить на Ваших глазах, все нюансы будут пояснены. Вот, что Вы получите из этого раздела:
- Вы увидите подробный и чёткий план по размещению сайта в Интернете.
- Вы узнаете, как правильно подобрать доменное имя.
- Вы узнаете, где покупать домены и как это делается вообще.
- Вы узнаете, как выбрать недорогой, но в то же время очень качественный хостинг. Снова всё это Вы увидите в реальном времени.
- Вы узнаете, как сделать сайт доступным в Интернете, ведь покупка домена и хостинга – это всего лишь 2 элемента, которые необходимо соединить друг с другом. Как соединить? Вот это я Вам покажу в данном разделе.
- Вы узнаете, как правильно загружать файлы с компьютера на удалённый сервер. Если допустить малейшую ошибку, то Ваш сайт ожидают серьёзные проблемы, которые Вы не сразу обнаружите. Во избежание этих проблем, Вам обязательно надо посмотреть этот раздел курса.
Пройдя данный раздел, Вы сможете легко размещать в Интернете всё новые и новые сайты, так как весь порядок действий тот же.
Содержание:
- Урок №1. Покупка домена
- Урок №2. Покупка хостинга
- Урок №3. Импортирование БД и файлов
- Урок №4. Тестирование
- Урок №5. Заключение
Доп. материалы:
- Материал №1. FTP-клиент
- Материал №2. Весь сайт (Сайт+Admi+БД)
Бонусы:
- Бонус №1. Подключение Яндекс.Карт к сайту
В данном уроке Вы увидите процесс подключения Яндекс.Карт к странице с "Контактами" нашего магазина. Несмотря на специфичность Бонуса, он является до безумия полезным. Он показывает, как вообще подключаются различные сторонние сервисы на сайт. Абсолютно идентично подключаются и все остальные сервисы, например, тот же счётчик посещений.
- Бонус №2. Инструкция по раскрутке коммерческого сайта
Коммерческий сайт – это сайт, задача которого приносить прибыль. Но чтобы сайт приносил прибыль, его нужно раскрутить. Если сайт настроен на серьёзную прибыль, то нужно уметь вкладывать деньги в его развитие. Но вложить легко, а вот отбить и ещё и заработать – трудно. Вот как правильно вкладывать деньги в сайт, чтобы эти расходы не только окупались, но ещё и оставалось 100-300% от вложенных средств сверху, Вы и узнаете из этого Бонусного урока. У меня уже огромный опыт в рекламных технологиях, и на данный момент я трачу порядка 150-200 тысяч рублей в месяц на рекламу. Безусловно, всё это окупается, иначе я бы этим не занимался. Поскольку сумма достаточно серьёзная для большинства из Вас, то нужно всё делать по уму.
Из данного Бонуса Вы узнаете:
- Где давать рекламу своего сайта.
- Как правильно давать рекламу.
- Как измерять эффективность той или иной рекламной кампании.
- Как не спустить весь рекламный бюджет в один миг.
Всё это нужно знать и понимать, если Вы хотите иметь действительно популярный сайт. Любой владелец серьёзного сайта, у которого нет гениальной идеи (да и владелец "гениальной идеи" тоже к этому рано или поздно приходит), вкладывается в рекламу. Те из Вас, кто планирует делать сайты на заказ, безусловно, должны иметь свой личный сайт, на котором и будут предлагать свои услуги. И чтобы были клиенты, нужны посетители, которых очень легко получить за деньги. И очень важно, чтобы это всё окупилось, желательно в несколько раз. Поэтому данный урок необходим и Вам.
- Бонус №3. Подключение автоматической системы оплаты
Если на сайте что-то продаётся, то очень удобно для клиента и прибыльно для Вас будет использование автоматических сервисов оплаты. Как это работает? Вы продаёте определённый товар, дальше клиент переходит на этот отдельный сайт, где происходит вся оплата, а затем сразу после оплаты в автоматическом режиме клиент получает то, что купил. То есть Вы в этот момент можете быть хоть на Канарах, Вам ничего делать не нужно. А клиенту не нужно ждать, пока Вы появитесь у компьютера, проверите перевод и подтвердите его. В этом Бонусном уроке Вы увидите подключение одного из самых популярных подобных сервисов оплаты. Задача эта достаточно сложная, но я Вам всё покажу и расскажу. Подключать её мы будем на наш Интернет-магазин.