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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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