Воскресенье, Август 16, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

Для того, чтобы научиться делать сайт, нужен домашний сервер, или локалхост. Мы для этого используем Denwer. О нём мы говорили в предыдущем уроке "Установка домашнего сервера". Установив Denwer, можно приступать к следующему важному делу, и сегодняшний урок посвящён изучению того,

       Как установить Joomla!

1. Предварительно скачиваем архив Joomla 1.5!
Скачать надо файл  с последней версией - Joomla_1.5.26-Stable-Full_Package.zip

Заостряю Ваше внимание на том, что в Базовом курсе мы с Вами изучаем Joomla 1.5

 
2. Скачиваем также файлы русификации:
ru-RU_joomla_lang_admin.1.5.25v1.zip  и 
ru-RU_joomla_lang_site.1.5.25v1.zip


 Процесс установки Joomla!

Для того, чтобы установить Joomla!, надо сделать несколько шагов. Не стоит пугаться того, что их достаточно много. Когда вы освоитесь, то с удивлением обнаружите, что по времени весь путь установки занимает ровно три минуты!!! - уж поверьте мне на слово, я специально сделала хронометраж.

Для облегчения понимания я разбиваю весь процесс установки на три этапа:

  • распаковка архива с Joomla! и копирование его в папку на Денвере
  • создание базы данных и пользователя
  • инсталляция (установка)

Все этапы мы пройдём по шагам. 

Но до того, как мы начнём свой путь, я настаиваю на том, чтобы вы установили на свой компьютер замечательный инструмент - файловый менеджер. Я уверена, что познакомившись с ним вы скажете мне большое спасибо . Ну и, самое главное, часть уроков основана на работе с этой программой, - так что не имея её в своём распоряжении, вы не сможете понять, о чём идёт речь.
Браузер Mozilla FirefoxИ ещё одно пожелание: самый лучший браузер (проверено лично мною) для работы с сайтом - Mozilla Firefox. Установите именно его, чтобы не тратить время на мучения с другими браузерами (типа  невменяемого Internet Explorer).


Этап 1. Переносим папки и файлы


Самый первый шаг: запускаем localhost. Для этого нажимаем на один из трех ярлычков Денвера, расположенных на вашем рабочем столе, а именно: Start Denwer ( или Run):
Иллюстрация 1

Шаг 2. Открываем файловый менеджер. Он состоит как бы из двух частей - левой и правой. На Рис.2 показан открытый у меня в данную минуту Total Commander : слева - диск С, справа - диск W:
Иллюстрация 2

Открыв виртуальный диск W (он появляется в результате установки Денвера), вы увидите, что на нём есть несколько папок:
Иллюстрация 3

Находим и открываем последовательно : папку home, в ней - папку localhost, и в этой папке ещё одну - www. Коротко эта последовательность, или путь, записывается вот так : w/home/localhost/www.

В дальнейшем, если я буду говорить об открытии какой-либо папки, то последовательность буду прописывать c помощью стрелок, то есть примерно вот так : w>>home>>localhost>>www .


Шаг 3. В папке WWW создаем новую папку. Назвать её вы можете как угодно, например, "site", или "demo", или "mysite", или ещё как-нибудь, главное, чтобы название было написано латинскими буквами.

Для своих уроков я буду создавать на localhost демонстрационный сайт под названием DEMO. Пока вы работаете на домашнем сервере, никакого принципиального значения название не имеет, поэтому (чтобы для первого раза не запутаться!) вам следует воспользоваться моим вариантом и назвать свой учебный сайт точно так же: demo.

Итак, для создания новой папки нажмём клавишу F7. В открывшемся окошке 1) напишем название папки: demo и 2) нажмём OK.:
Иллюстрация 4

На Иллюстрации 5 показано, что в папке www появилась новая папка demo:
Иллюстрация 5

Открываем её двойным щелчком левой кнопки мышки. Сейчас мы будем копировать сюда файлы из ZIP-архива с Джумлой.

Шаг 4. В левом окне файлового менеджера на диске C открываем Рабочий стол (как я уже говорила в статье "Что нужно знать новичку", у меня все загрузки приходят именно на Рабочий стол ). Находим здесь ZIP-файл с Joomla!
В правом окне в данный момент у нас на диске W открыта папка demo :
Иллюстрация 6


Шаг 5.
Распаковка архива Joomla!

Если у вас Windows XP, просто дважды щелкните на загруженном ZIP-архиве.
(В более старых версиях Windows для открытия архива нужно использовать ZIP-архиваторы, например, WinZip или 7-Zip ) .

Перед вами откроется содержимое архива с Joomla! :
Иллюстрация 7

Шаг 6. Копирование архива с Joomla! в папку demo.

Поставьте курсор на папке "Администратор" и нажмите на правую кнопку мыши. Не отпуская нажатой кнопки, проведите курсором вниз по всем файлам и папкам, так, чтобы они "покраснели":
Иллюстрация 8

Теперь нажмем кнопку F5 (или на кнопку Копировать внизу экрана ). Начнется копирование файлов в папку demo. Дождемся окончания копирования, и удостоверимся, что все папки и файлы архива перенесены в папку demo:
Иллюстрация 9

То, что вы видите на Иллюстрации 9  в папке demo, и есть корневой каталог  Джумла, или, в простонародье, корень сайта. Обязательно запомните это понятие, т.к. в дальнейшем вы с ним часто будете сталкиваться.
На Иллюстрации 9 представлена базовая структура каталогов и основные файлы, находящиеся в корневом каталоге Joomla! Названия каталогов тщательно продуманы, поэтому вы сразу можете догадаться, что находится в том или ином каталоге.
В корневом каталоге содержится главный файл index.php, запускающий установку системы после её загрузки на Web-сервер. Если же index.php обнаружит наличие файла configuration.php (и нужные параметры в нём), то будет запущена Joomla! Сейчас этого файла в корневом каталоге нет, но он появится автоматически во время инсталляции.
 

Этап 2. Создание базы данных

На этом этапе мы создадим 1) базу данных сайта и 2) пользователя


Как установить ДжумлуВнимание!!! Будьте особенно внимательны при прохождении этого этапа! Проверяйте каждую буквочку, каждый значок! Если вы что-то пропустите в шагах, или даже  просто сделаете орфографическую ошибку, то при инсталляции обязательно увидите сообщение Джумлы:
"Unable to connect to the database:Could not connect to MySQL", т.е. нет соединения с базой данных.


Шаг 7. Открываем браузер (у меня это Mozilla Firefox), пишем в адресной строке: http://localhost/tools/phpmyadmin и жмём Enter:
Иллюстрация 10

Внимание! Если вы сейчас подключены к Интернет, то запрашиваемая вами страница откроется, как любая другая вебстраница. Но, если вы не в онлайне, то могут быть проблемы с открытием страницы. В этом случае откройте пункт меню "Файл" и  поставьте галочку в пункте "Работать автономно", просто щелкнув по ней левой кнопкой:
Иллюстрация


Шаг 8. Если у вас установлен Денвер с версией PHP 5.3, то в открывшемся окне нажимаем сначала на кнопку вверху Databases и уж потом прописываем "demo" в строке Create database :
Иллюстрация 11-2

После того, как мы нажали кнопку Create (Создать), откроется следующее окно с сообщением, что база данных demo создана :
Иллюстрация 12

 

Шаг 9. Создаём нового пользователя.

9.1. !!! Нажимаем опять на иконку с домиком :


Рис.13

9.2. Откроется новое окошко, в котором надо нажать на Privileges  :
Иллюстрация 14

9.3. В следующем окне создаём пользователя. Для этого прокрутите окно вниз и найдите вот это место:
Иллюстрация 15

Нажмите на Add a new User .

9.4. В новом окне, в блоке "Login information" заполняем строчки:

1. User name
(имя пользователя) - чтобы не запутываться, назовём пользователя по имени базы данных, т.е тоже "demo";  Внимание! - ничего к этому слову не добавляем: только "demo", и всё!
2. Host
- в выпадающем списке выберем "localhost";
3. Password
- пароль - наберите пока что-нибудь простое ( потом всё-равно надо будет изменить). Запомните, а ещё лучше выпишите в бумажный блокнотик этот пароль. И ещё: при написании пароля учитывайте раскладку: если включен "русский" режим -это будет одно, если "английский" - совсем другое!
А вообще мой совет таков: пишите пароль при английской раскладке и латинскими буквами, например: okno.

Найти переключатель режимов можно в нижнем правом углу рабочего окна компьютера:


4. Re-tipe- повторите пароль.

9.5. В блоке "Global Priveleges" нажмите на Chek All (отметить всё):
Иллюстрация 16

В пустых клетках появятся "галочки". Теперь нажмите на кнопку "Go":
Иллюстрация 17

В результате должно появиться сообщение о том, что новый пользователь был добавлен:
Иллюстрация 18

Итак, теперь у нас создана база данных, она называется "demo". У нас также есть пользователь, и он тоже называется "demo".

На этом Этап 2 закончился. Нас ждёт Этап 3, на котором мы свяжем всё то, что сделали на первых двух этапах:



Этап 3. Инсталляция (установка)

Шаг 10. Открываем в браузере новую вкладку и вписываем в адресной строке: http://localhost/demo :

Рис.19

Шаг 11. Нажимаем Enter. Откроется первая страница Установки - Выбор языка. Отметьте ru-Ru Русский и нажмите на кнопку Далее:
Иллюстрация 20

Шаг 12. Следующее окно - Начальная проверка. Желательно, чтобы шрифт строчек в графе "Текущее" был зеленым (допускается 1-2 с красным), так, как на рисунке:
Иллюстрация 21


Шаг 13. Нажимаем Далее и читаем Лицензию. Затем - опять Далее:
Иллюстрация 22

Шаг 14. Конфигурация базы данных. В форму вставляем данные из "Login information" (см. Шаг 9.4.) :
Иллюстрация 23

Нажимаем на Далее.

Шаг 15. В новом окне "Конфигурация FTP" не заполняем ничего, просто пропускаем как бы эту страницу, нажав на Далее:
Иллюстрация 24

Шаг 16. Страница "Главная конфигурация".
Здесь:
- дайте название сайту ("Демо-сайт");
- укажите любую, но реальную, вашу почту;
- пароль администратора - тот же, что и в форме "Информация логина".
- отметьте также "Установить демо-данные" и нажмите на кнопку с аналогичным текстом:
Иллюстрация 25

Демо данные установятся, о чем вы получите сообщение:
Иллюстрация 26

Нажмите на Далее.

Шаг 17. Завершение. Это последняя страница Установки. Здесь вам сообщается, что логин Администратора (то есть ваш) - admin.
Кроме того, идёт напоминание о том, что необходимо полностью удалить папку installation :
Иллюстрация 27

Мы продолжим установку, поэтому не убирайте вкладку.

Шаг 18. Удаление папки installation

Возвращаемся в файловый менеджер и находим в папке "demo" папку "installation". Кликаем по ней правой кнопкой мыши, и строчка подсветится красным:
Иллюстрация 28

Теперь нажимаем F8, появится окно с просьбой подтвердить удаление. Нажимайте Да, а в следующем окошке - Delete (удалить).

Шаг 19. Открываем главную страницу сайта.

Открывается главная страница любого сайта на localhost с написания в адресной строчке браузера определенной формулы, а именно: http://localhost/название вашего сайта. В нашем случае это будет выглядеть так: http://localhost/demo . Таким способом вы будете в последующем открывать свой рабочий сайт ежедневно.

Но сегодня мы сделаем это по-другому, чтобы до конца пройти путь установки. Для этого возвращаемся к последней странице Установки и нажимаем здесь на кнопку САЙТ:
Иллюстрация 29

Перед нами откроется главная страница сайта:
Иллюстрация 30

Это и есть ваш сайт. Конечно, с ним ещё предстоит поработать, но это уже самый настоящий сайт - есть статьи, меню, модули. Вы видите, что сайт заполнен контентом на английском языке. Это результат установки демо-данных. В последующих уроках мы будем работать именно с ними, чтобы вы наглядно поняли, как устроена наша администраторская "кухня". Иными словами, мы будем использовать демо-версию как полигон для практического обучения. Полученные навыки вы сможете использовать при создании самого настоящего - т.е. сделанного самостоятельно и с полного "нуля"- сайта.

Чтобы закрепить пройденное, вы можете повторить этот урок, создав второй сайт, но уже с названием demo2.

Подводим итоги:

Сайтов на Денвере может быть угодно много, с разными, естественно, названиями, но все они делаются по одному принципу: сначала создаём папку на home>>localhost>>www, в которую копируем Джумлу, затем создаем к ней новую базу данных и пользователя. Проводим инсталляцию - и получаем новый сайт. Поэтому Денвер мы устанавливаем один раз, а вот для каждого нового сайта - новая Джумла! Образно это будет так: Денвер - большой гараж, а сайты - это автомобили в гараже. И у каждого автомобиля свой двигатель. Вы же не перетаскиваете двигатель с одного авто на другое, правда?  Именно для понимания этого принципа я предложила вам создать demo2.

А пока - отдохните. Отсылаю вас на экскурсию по шаблону нашего сайта. Она должна вдохновить вас на то, чтобы научиться мастерски управляться с Joomla! и создавать сложные, но невероятно красивые сайты.

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться: