Дослідження процесу складання, монтажу, налагодження і тестування створюваного веб-сайтів та їх оптимізація

Приблизний алгоритм дій по створенню простого сайту наступний:

· Отримання верстки та ознайомлення з технічним завданням на сайт;

· Визначення необхідного числа шаблонів і їх структури;

· Установка дистрибутива «1C-Бітрікс»;

· Створення шаблонів і застосування їх до сайту;

· Створення та налагодження необхідних елементів шаблону для SEO-просування сайту;

· Створення структури сайту;

· Створення та налагодження Інфоблоки;

· Створення шаблонів візуальних компонентів;

· Тестування.

Під простими сайтами розуміються проекти, функціонал яких можна реалізувати штатними засобами Bitrix Framework з кастомізації тільки шаблонів компонентів з метою зміни форми виведення даних.

Складання технічного завдання - обов'язковий крок для розробки якісного, що задовольняє користувача сайту. Зазвичай клієнти звертаються за розробкою сайту, не маючи ні постановки задачі, ні, тим більше, технічного завдання. А лише маючи якесь формальне опис того, чого б їм хотілося отримати в результаті. Таке формальне опис називається "бриф".

Шаблон сайту і візуальне редагування

Bitrix Framework має можливість створення шаблону за допомогою вбудованого візуального редактора. Однак цей редактор розроблений для роботи з контентом. Тому цією можливістю користуватися не рекомендується. Редагування шаблону дизайну сайту в візуальному режимі буде відбуватися некоректно, якщо:

 

· в атрибутах HTML-тегів міститься php-код;

· якщо рядки та клітинки таблиці перериваються php-кодом при формуванні таблиці.

· Якщо в коді шаблону дизайну сайту є такі особливості, то редагувати його слід тільки в режимі коду. Також не рекомендується редагувати шаблон в візуальному редакторі при наявності складної верстки.

 

Визначення кількості необхідних шаблонів

Перед початком роботи необхідно визначити, скільки різних шаблонів сайту знадобиться. Зазвичай при розробці сайту промальовувалися все різні сторінки або основні елементи сайту.

 

Bitrix Framework дозволяє використовувати необмежену кількість шаблонів і призначати їх за різними умовами. Розглянемо найпростіший варіант, що на всіх цих сторінках простого сайту фактично змінюється лише тематична частина, а дизайн - не змінюється. Виняток становить головна сторінка, у якій тематична область влаштована по-іншому (не містить заголовка сторінки) і розділена на дві частини. Це можна реалізувати як додатковими умовами в шаблоні сайту, так і створенням двох шаблонів. Рекомендується використовувати додаткові умови, в цьому випадку буде потрібно всього один шаблон сайту.

Інтеграція компонентів

Для створення повноцінного сайту необхідно інтегрувати в шаблон компоненти. Для цього необхідно виділити в дизайні сайту блоки, які містять динамічну інформацію (замість них буде розміщений виклик компонентів) і блоки, інформація в яких повинна змінюватися користувачем без зміни шаблону (це будуть включаються області).

Кастомізація шаблонів компонентів

Кастомізація шаблону компонента, як правило, переслідує дві мети:

· Приведення форми виведення даних компонента у відповідність з дизайном сайту;

· Організація виведення даних компонента у вигляді, недоступному в стандартному варіанті.

На простих сайтах, як правило, шаблони вимагають кастомізації тільки при вирішенні першого завдання. Для зміни системного шаблону компонента під конкретний сайт, його необхідно спочатку цілком скопіювати в папку шаблону сайту. Після цього можна перейти до редагування скопійованого шаблону.

Створення структури сайту

Створення структури сайту проводиться відповідно до ТЗ на сайт.

На сайті повинна бути представлена статична (про компанії, контакти) і динамічна (новини, каталоги, форум) інформація.

Створіть необхідну для вас структуру файлів і папок. При створенні структури не можна забувати про спеціальні сторінки - пошук і карту сайту.

Налаштування Інфоблоки

Вивід динамічною інформації з бази даних в Bitrix Framework здійснюється в основному за допомогою інформаційних блоків. Створюючи сайт необхідно продумати структуру інформаційних блоків. Розглянемо приклад простого використання інформаційного блоку на прикладі каталогу.

 

Схема каталогу товарів яку необхідно побудувати на сайті:

 

1. Група 1

· Група 1.1

o Свій фільтр за властивостями

2. Група 1.2

o Свій фільтр за властивостями

Можливі способи реалізації

Перший спосіб. Всі товари в одному Інфоблоки. Інформаційний блок розташований на першому рівні (Група 1).

Плюси:

ієрархія, якою можна керувати з 1С;

легко керована структура каталогів в рамках сайту;

Мінуси:

складності з властивостями товарів, якщо товари різнорідні;

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

Другий спосіб. Товари розміщені в декількох Інфоблоки. Інформаційні блоки розташовані на другому рівні (Група 1.1; Група 1.2 і так далі).

Плюси:

індивідуальний фільтр з можливістю зберігання властивостей в різних таблицях;

списки порівняння будуть відразу розбиті за типами товарів і відповідним властивостям;

Мінуси:

додаткові зусилля по налаштуванню імпорту з 1С: в настройках вивантаження необхідно вказувати, які розділи прив'язуються до якогось Інфоблоки;

додаткові зусилля по створенню структури сайту: необхідно вручну створити потрібні підрозділи, а в них на потрібному рівні на сторінках розташувати прості або комплексні компоненти каталогу для відповідних Інфоблоки;

Після вибору схеми реалізації потрібно створити тип інформаційного блоку, власне інформаційний блок, задати його властивості і наповнити контентом через імпорт (csv, xml, 1C) або вручну.

Останній крок: настройка параметрів компонента на створений інформаційний блок.