Joomla! урок 1

На уроке рассматривается административная панель joomla! и основные принципы работы в системе

Выбор технологии создания сайта

Самописный информационный сайт
Выбор технологии создания сайта в первую очередь зависит от самого будущего продукта, т.е. сайта, от его назначения и функционала, так сказать.
Так, если будущий ресурс несет только информационную нагрузку, не включая большого количества интерактивных и динамических элементов, то такой сайт может быть разработан самыми простыми и доступными средствами и технологиями: HTML и CSS, ну и, все же следует хоть какую-то динамичность добавить посредством javascript (хотя можно обойтись и даже без этого).

Таким требованиям отвечает, например, обычный информационный сайт-визитка или сайт-каталог (не магазин!). Таких сайтов еще недавно было достаточно много во всемирной паутине. Их можно было создать на локальном компьютере, а потом закачать по FTP-клиенту на сервер хостера. Обзавестись доменным именем (а на многих хостингах эта услуга предоставлялась сразу с размещением своего сайта) и вуаля! — Ваш сайт уже на просторах Интернета.

Сайт на «движке» и самописный интерактивный ресурс
Но современные тенденции развития в мире WWW демонстрируют иные требования или предпочтения. Пользователям уже не интересно просто «читать», им необходимо взаимодействовать с ресурсом.

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

Когда мы говорим о ресурсах такой сложности, то сразу возникает необходимость использования таких понятий как front-end и back-end. Очень поверхностное объяснение этим понятиям таково:

  • front-end, или будем говорить интерфейсная часть, — это действительно, по сути, интерфейс сайта, т.е. его внешний вид. Занимаются разработкой front-end, как правило, веб-дизайнеры и «немножко» программисты. А если вы работаете с CMS системой, то это «ложится уже на плечи» самой системы, без вмешательства человека;
  • back-end — это та часть сайта, которая программируется, причем программируется на серверной стороне, соответственно для этого используются серверные языки программирования. Но опять-таки, если говорить о CMS, — то и этот функционал там автоматизирован.

Таким образом, можно обойтись и без особых навыков веб-программирования, используя CMS. Но самые небольшие требуемые изменения повлекут к тому, что все же разбираться надо и в программировании, хотя бы поверхностно.
административная панель joomla

Для самописных сложных проектов потребуется примерно следующий арсенал инструментария:

front-end: HTML, CSS, Photoshop, Javascript (или библиотеки, например, jQuery) и т.п.
back-end: основной серверный язык программирования (например, PHP), средство для работы с базой данных (например, mySQL и, конечно, сам SQL-язык), jQuery (или другая библиотека), Ajax и т.п.

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

Этапы разработки сайта

  1. Заливка системы на хостинг (сервер)
  2. Установка системы
    • Проверка системы
    • Лицензия
    • Настройка Базы данных
    • Название сайта
    • Установка пароля системы
  3. Общая настройка системы
    • Дата и время
    • Регистрация пользователей
    • Визуальный редактор
    • Вывод материала
  4. Наполнение контентом
    • Статичное содержимое
    • Разделы и категории
  5. Адаптация дизайна под систему
    • Расстановка меток
    • Корректировка путей картинок и css
    • Перенос дизайна в систему
    • Загрузка картинок и css на сервер
  6. Разные модули и компоненты

Использование систем управления содержимым сайта (CMS)

CMS – создана для управления большими сайтами

Плюсы:

  • Системой может управлять пользователь без глубокого знания html и css
  • Быстрота создания сайта
  • Оперативное обновление информации
  • Расширяемость возможностей сайта (внедрение новых компонентов);
  • Большой выбор профессиональных шаблонов
  • Уменьшение сроков и стоимости разработки

Минусы:

  • Время на изучение;
  • Умение работать с локальным сервером
  • Сайты на CMS требуют больше ресурсов («тяжелые»)

Технические требования к оборудованию (хостингу)

  1. Хостинг (сервер)
  2. Необходимые параметры:

    • PHP
    • MySQL
  3. Локальный компьютер
  4. Denwer

Принцип работы системы

  1. Установка среды для работы (локального сервера с базой данных)
  2. Создание БД
  3. Установка Joomla! на сайт
  4. Работа с административной панелью по созданию сайта

Локальная установка системы

  1. Установка среды (локальный сервер Denwer): Denwer… .exe.
  2. Установка базы данных:
    • Запустить ярлык сервера Start Denwer.
    • Запустить браузер, в строке поиска браузера набрать: http://localhost/Tools/phpMyAdmin.
    • Создать БД, записав ее имя в поле Создать новую БД (например, project). Щелкнуть Создать.
  3. В папке z:\home\ cоздать папку с будущим названием сайта (латинскими буквами, например: z:\home\ivanov_site\ ). В этой папке создать еще папку www
  4. Извлечь архив Joomla… .zip. Все содержимое папки Joomla … Russian скопировать в созданную папку www.
  5. Запустить ярлык сервера Restart Denwer.
  6. Запустить браузер. В адресной строке ввести http://ivanov_site

Конфигурация

  • Перейдите в браузер и наберите в строке адреса: http:// имя_папки_с_сайтом.
  • Начальная проверка, Лицензия: оставьте как есть (щелкаем Далее) до пункта База данных.
  • База данных:
    • запишите имя созданной БД в поле Имя базы данных
    • в поле Название хоста: localhost
    • в поле Имя пользователя: root
    • поле Пароль оставьте пустым

административная панель joomla: конфигуряция

  • Конфигурация FTP: пропустите, ничего не вводя. Далее.
  • В поле Название сайта: любое название для Вашего сайта (например, Электронный учебник).
  • В поле Ваш e-mail: служебные данные с сайта отсылаются на этот электронный ящик.
  • Придумайте Пароль администратора (вход в административную часть осуществляется по нему).

административная панель joomla

  • Не нужно устанавливать демо-данные.
  • Удалите папку installation (Z://home/имя_папки_с_сайтом/www/installation).
  • Зайдите в область admin (заполните: Логин: admin (или другой ранее созданный), Пароль: указанный ранее пароль).
  • Чтобы заходить из браузера, наберите: http://название_сайта/administrator/.

вход в административную панель joomla!

Важно: НЕ ЗАБУДЬТЕ ПОЛНОСТЬЮ УДАЛИТЬ ДИРЕКТОРИЮ INSTALLATION

Настройка вывода

настройка системы joomla!