Разработка веб-сайтов с использованием систем управления контентом (CMS)

1.

Разработка веб-сайтов с
использованием систем управления
контентом (CMS)

2. Выбор тематики сайта

1. Выбранная тематика, должна быть хорошо
знакома разработчику.
2. Круг рассматриваемых вопросов.
3. Конкретизация выбранной тематики.
4. Тематика сайта должна быть востребованной,
а содержание сайта конкурентоспособным.
5. Возможность структурирования информации.

3. Анализ целевой аудитории сайта

4. Подбор ключевых слов

низкочастотные (запрашивают в поисковых
системах от 1 до 100 раз в месяц);
среднечастотные (запрашивают в поисковых
системах от 101 до 1000 раз в месяц);
высокочастотные (запрашивают в поисковых
системах более 1001 раз в месяц).

5. Статистика поисковых запросов Яндекс и Google

https://wordstat.yandex.ru/

6. Составление семантического ядра сайта

7. Проектирование структуры сайта

8. Технологии создания сайтов

• Статические сайты
• Динамические сайты
• Флэш-сайты

9.

10. Рейтинг CMS

11. CMS Joomla!

Бесплатная CMS
Универсальность
Возможность расширения
Трансформация дизайна сайта

12. Установка на локальный компьютер

Веб-сервер
Apache
СУБД MySQL
Панель
phpMyAdmin
Интерпретатор
PHP

13. Joomla: ресурсы

http://joomla.ru
http://www.joomla.org

14. Хостинг для Joomla

https://beget.com/ru/free-hosting

15. Регистрация

16.

17.

18.

19.

20. Главная страница сайта

21. Вход в административную панель

http://n92023f8.beget.tech/administrator/

22. Административная панель

23. Система – общие настройки – система – время жизни сессии

24. Расширения - Шаблоны

25. Выбор шаблона

26. Сайты с бесплатными шаблонами Joomla

joomla24.com — огромная коллекция бесплатных
шаблонов Joomla (более 3100)
siteground.com — сайт с шаблонами, для
скачивания требуется регистрация (около 3000
шаблонов)
JoomlasHack.com — 5 качественных бесплатных и
десятки платных шаблонов Joomla по $45
Bestofjoomla.com — Сотни бесплатных шаблонов
от различных разработчиков шаблонов для
Joomla.

27. Расширения – Менеджер расширений - Установка

Все расширения устанавливаются в виде zip-архивов

28. Расширения - Шаблоны

Выбор шаблона осуществляется с
помощью значка

29. Бесплатный шаблон Ol Ilos Free

Позиции модулей

30. Настройка шаблона ol ilos

Для настройки щелкнуть ЛК по названию шаблона

31. Изменение логотипа

32.

Настройка слайдера

33. Загрузка изображений Материалы – медиа менеджер

При наименовании папок изображений следует использовать только
латинские буквы (без пробелов между словами)

34.

35. Иерархия материалов Joomla

36. Материалы – Менеджер категорий – Создать категорию

37. Материалы – менеджер материалов – создать материал

Избранные материалы отображаются на главной странице

38. Важно

Для того, чтобы материал
отображался на сайте необходимо
сделать материал «Избранным»
В пункте «Избранные» переключатель
поставить в положение «Да»

39. Редактор TinyMCE

Вставка текста из WORD.
Формат – очистить формат – ctrl+V

40. Инструменты – исходный код

41.

Тег — элемент языка разметки
<p style="text-align: center;">

42. Теги языка HTML

<p></p> - Абзац
<h3></h3> - Заголовок
….
<strong></strong> - полужирный
шрифт
<em></em> - курсив

43. Вставка изображения

44. Вставка изображения

45. Загрузка изображений

46. Вставка видео Youtube

Поделиться

47. Скопировать код видео

<iframe width="560" height="315"
src="https://www.youtube.com/embed/Pis
I9l2" frameborder="0"
allow="accelerometer; autoplay;
encrypted-media; gyroscope; picture-inpicture" allowfullscreen></iframe>
Инструменты – исходный код –
вставить в нужное место на странице

48. Вставка кнопки «Подробнее»

49. Сохранение материалов

50. Меню – менеджер меню – создать меню

51. Расширение – модули

52. Создать – Выбор типа модуля - Меню

Создать – Выбор типа модуля Меню

53. Создать – Выбор типа модуля - Меню

Создать – Выбор типа модуля Меню

54. Меню – менеджер меню – (наименование меню) – создать пункт меню

55. Создание пункта меню Тип пункта меню – выбрать – материалы – блог категории

56. Выбор категории