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

Версия 2013 Версия 2017

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

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

29245 |  30

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

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

35153 |  47

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

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

30672 |  125

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

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

33499 |  44

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

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

26224 |  92

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

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

23406 |  96

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

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

17157 |  59

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

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

20991 |  64

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

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

8457 |  30

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

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

14080 |  93

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

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

11251 |  42

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

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

14018 |  70

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

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

6979 |  16

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

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

6125 |  15

Простой сайт на битрикс:

Здесь выложен видеоурок по созданию сайта на системе управления 1С-Битрикс. Поэтапно создан сайт для вымышленной фирмы "Компьютерная техподержка".

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

Исключительно возможностями битрикс создается и наполняется сайт.

Образец: comp-assistant.ru Плейлист на Плейлист на youtube

Случайные заметки из блога
Почему я не люблю Joomla

Очень часто приходится объяснять заказчику из каких параметров...

Глобальные фильтры на всякие случаи жизни

Глобальный фильтр, нужен чаще всего, для вывода определенных...

Валидация пароля и подтверждения при регистрации в битрикс

Встала задачка сделать валидацию пароля и его подтверждения ...

Правильное подключение стилей и скриптов в Битрикс

Есть несколько способов подключения файлов стилей и скриптов,...

Установка PHP 7 на VESTA CP под CentOs 6

Недавно я опубликовал заметку, в которой рассмотрел бесплатную...

Основные функции вывода в шаблонах Битрикс

Знаю, что все их знают. Но иногда не бывает лишним собрать все...

© 2011—2017 Частный вебмастер: ИП Базаров, ОГРНИП: 315784700173692. Работает на 1С-Битрикс.

Копирование материалов запрещено: "ГК РФ, часть 4, раздел VII: Права на результаты интеллектуальной деятельности".

Информация размещенная на сайте, не является публичной офертой. Политика конфеденциальности

x
Как к Вам обращаться? *
Ваша электронная почта: *
Доп. материалы (логотип, тех. задание):
 
Обзор
Текст сообщения:

Нажимая на кнопку "Отправить", Вы соглашаетесь на обработку Ваших персональных данных согласно политике конфеденциальности. Ознакомиться с которой, можно в нижнем правом углу сайта