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

Видеоурок: создание сайта на битрикс

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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