Joomla! урок 1

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

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

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

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

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

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

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

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

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

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. Хостинг (сервер)

Необходимые параметры:

• PHP
• MySQL
2. Локальный компьютер
3. 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
• поле Пароль оставьте пустым

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

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

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