Cоздание сайта на Битрикс

Видеоурок №1: вводный

В данном видеоуроке мы рассмотрим план работ. Что будем делать, как и на чем. Для начала разработки необходимо скачать psd макет будущего сайта maket.psd. Для работы понадобятся установленные на компьютер программы: Adobe Photoshop и Adobe Dreamweaver. Будем использовать достаточной простой макет, который будем дорабатывать и додумывать в процессе разработки сайта.

Просмотров: 38246
Комментариев: 31

Видеоурок №2: верстка макета на HTML/CSS

Верстаем макет на HTML/CSS, для создания шаблона битрикс. Для работы понадобятся: psd зарисовочка из первого урока и заготовка для верстки скачать. Урок рассчитан на подготовленного пользователя, мало мальски разбирающегося в элементарной верстке таблицами и блоками. Верстаем общий скелет сайта без детализации, дальнейшую доводку до ума будем производить сразу в битриксе.

Просмотров: 42287
Комментариев: 47

Видеоурок №3: установка битрикс на виртуальную машину

Устанавливаем систему 1С-Битрикс: Управление сайтом на локальную виртуальную машину. Пользователям Windows понадобится установленный на компьютере Wmware Player. А также скачать готовую виртуальную машину с установленным Веб Окружением. Где его можно скачать рассказываю в видео.

Просмотров: 38746
Комментариев: 136

Видеоурок №4: создаем шаблон битрикс из HTML/CSS макета сайта

Интегрируем HTML/CSS верстку в битрикс, создаем на ее основе шаблон для системы управления. Рассказываю об устройстве шаблонов битрикс. Интегрировать будем верстку созданную нами во втором уроке. Скачать готовую можно по ссылке скачать (кому лень смотреть второй урок).

Просмотров: 41408
Комментариев: 48

Видеоурок №5: создание меню

Создаем основные разделы сайта. Рассказываю как устроены компоненты битрикс на примере меню. Копируем и верстаем шаблон компонента. Изучаем устройство файловой системы битрикс  сайта.

Просмотров: 31878
Комментариев: 100

Видеоурок №6: создаем простые инфоблоки и выводим на сайт

Создаем инфоблоки для новостей и услуг. Рассказываю как устроен шаблон компонента "новости". Наполняем данные разделы тестовыми материалами. В качестве пробного задания необходимо создать и вывести на сайт инфоблок "Акции" на основе примеров.

Просмотров: 28408
Комментариев: 97

Видеоурок №7: включаемые области в битрикс

Создаем включаемые области на сайте. Рассказываю какими они бывают и возможные способы применения включаемых областей.

Просмотров: 22514
Комментариев: 69

Видеоурок №8: создание слайдера

Создаем слайдер на основе инфоблока и компонента "список новостей". Выводим слайдер на главную страницу сайта. Для работы понадобится заготовка слайдер с плавным движением. Интегрируем сторонний слайдер и скрипты в битрикс.

Просмотров: 26551
Комментариев: 74

Видеоурок №9: наводим марафет на сайте

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

Просмотров: 10116
Комментариев: 32

Видеоурок №10: создание каталога товаров

Создание каталога товаров на сайте. Создаем необходимый тип инфоблока и инфоблок со свойствами присущими компьютерной технике. Выводим каталог товаров на сайт и наполняем тестовыми материалами.

Просмотров: 17358
Комментариев: 93

Видеоурок №11: перенос сайта на хостинг

Создаем резервную копию сайта средствами битрикс. Регистрируем пробный хостинг и переносим на него сайт. Рассказываю о настройке регистрации пользователей и о настройке поиска по сайту. Подключаем к битриксу Яндекс метрику и счетчик посещаемости. PS: В строку "Страница забытого пароля:" нужно вписать /reg/?forgot_password=yes (по ходу урока будет понятно куда)

Просмотров: 13546
Комментариев: 42

Видеоурок №12: верстка каталога в Битрикс

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

Просмотров: 17620
Комментариев: 75

Видеоурок №13: выводим анонсы каталога

Приводим внешний вид главной страницы в соответствие с макетом. Выводим анонсы каталога товаров и новостей в боковые панели. Рассказываю про поисковую оптимизацию сайта на битрикс, создание метатегов и работу с контентом.

Просмотров: 9627
Комментариев: 16

Видеоурок №14: послесловие и немного тупняка с Яндексом

Послесловие, небольшие доводки до ума. Создание robots.txt, sitemap.xml на сайте. Добавляем битрикс сайт в Яндекс Вебмастер. Еще немного про поисковую оптимизацию готового сайта. PS: Как выяснилось позже у Яндекса были проблемы с работой Вебмастера, потому в уроке возникли небольшие запарки. Со стороны битрикса все сделано правильно и сайт успешно проиндексировался.

Просмотров: 7556
Комментариев: 16

Вы можете ознакомиться, со всей библиотекой обучающих видео на моем канале:

YouTube канал Михаила Базарова