Знакомство с Joomla. Урок 5. Часть 1
Приветствую Вас, дорогие мои начинающие сайтостроители!!!
Выполнение прошлого урока далось не многим с первого раза, но тем не менее все с ним справились и получили готовый сайт. Вашим вчерашним заданием было опробовать новый сайт, походить по ссылкам, ознакомиться с видом материалов, поиграть с цветами шаблона. Все ли выполнили поставленное задание? Надеюсь, что все
Это было знакомство с фронтэндом сайта, т. е. с той его частью, которую видит посетитель.
Сегодня мы будем знакомиться с административной панелью. Местом, где происходит все самое интересное. Это настоящая мастерская волшебных дел и совсем скоро вы в этом сами убедитесь
Для начала включаем Денвер и открываем свой сайт. Полюбовались? Теперь в строке браузера добавляем к адресу нашего сайта эту надпись administrator/
У вас должно получиться так: http://адрес вашего сайта/administrator/
Перед вами вход в административную часть Джумлы, святую святых веб-разработчика.
Теперь нам надо попасть внутрь. Для того, чтобы это сделать, мы в поле Username вводим слово admin, а в поле пароля вводим тот пароль, который указывали при установке Джумлы. Надеюсь все его записали?
Вуаля! Мы внутри!!!
НО! Наша панель на английском языке, да и версия Джумлы старовата. Поэтому сейчас мы займемся обновлением Джумлы до предпоследней версии и ее русификацией.
Для этого мы скачиваем вот этот архив http://depositfiles.com/files/ptea1prkl
Вначале я хотела установить самую последнюю версии Джумлы (1.6), но к сожалению, в ней произошли такие большие изменения, что установить ее поверх нашей установленной Джумлы не получается, а готового инсталляционного пакета с новой версией у меня пока нет
Для нас это не принципиально, но если вы захотите устанавливать сайт с нуля и без готового шаблона, то можете воспользоваться новой версией. Архив с ней я также выкладываю для скачивания. Процедура установки такая же, как описано в Уроке 4.
Скачать архив с последней версией можно здесь http://depositfiles.com/files/piy7cpikc
Итак, архив скачан и вам надо его распаковать. Готово?
Теперь мы повторяем процедуру, описанную в предыдущих уроках. Выделяем все файлы новой Джумлы из нашего скачаного архива и нажимаем кнопочку "Переместить выделенные объекты". В появившемся окне выбираем наш сервер---сайт---папку www и нажимаем ок. Вы увидите предупреждением о том, что данная папка уже содержит такие файлы. Нажмите кнопку "Да для всех" и перезапишите файлы новыми.
После того, как вы проделали все эти манипуляции, зайдите в папку www, куда мы только что перенесли файлы новой версии, и удалите оттуда папку installation. Мы это уже делали на прошлом уроке, помните? Просто сейчас мы ее опять добавили вместе с новыми файлами.
После того, как все сделано, обновите страницу с админпанелью.
Готово!
Теперь мы имеем современную версию Джумлы!

Теперь нажмите на кнопку Preview, которая расположена в верхнем правом углу нашей админ панели. Наш сайт откроется в другой вкладке и мы сможем, работая в админпанели, сразу видеть, какие изменения появились на сайте.
Наши две рабочие вкладки открыты и пришло время заняться переводом нашей Джумлы на великий и могучий русский язык. Для этого мы в админпанели (
далее АП
) переходим в менеджер языков. Где он расположен, показано на скриншоте.
Перед нами открылся менеджер языков, где вы видите два языка. Дело в том, что та новая версия Джумлы, которую мы установили, уже русифицирована и ничего вручную делать не надо. Как русифицировать Джумлу вручную я напишу в одном из дополнительных уроков.
Выбираем русский язык - ставим галочку возле него - и жмем на звездочку, которая расположена в правом углу менеджера. Тем самым мы сделали я зык нашего сайта русским по умолчанию.
Но с АП ничего не произошло!
Все тот же забугорный язык!
А все потому, что для АП есть свой менеджер языков и находится он вот здесь:
Нажимаем и в появившемся окне проделываем все то же самое, что минуту назад, т. е. устанавливаем языком АП по умолчанию русский язык.
Чудо произошло! Теперь все ясно и понятно. Ура, товарищи!!!
Но это еще не все на сегодня, так что расслабляться рано
Вашим заданием на сегодня будет настройка шаблона сайта. Так как вам это нравится, естественно. Потом я попрошу у каждого выложить скриншоты того, что у нас получилось.
Итак, настраиваем наш шаблон:
Для этого, в верхнем меню АП мы идем во вкладку "РАСШИРЕНИЯ" и выбираем там пункт "МЕНЕДЖЕР ШАБЛОНОВ".
Там есть несколько шаблонов. Три из них входят в стандартный пакет джумлы и нам не интересны в силу своей малой функциональности и откровенной некрасивости. Нас интересует шаблон отмеченный звездочкой. Именно его мы и видим на фронтэнде (
далее ФН
) нашего сайта.
Нажимаем на ссылку с его названием. Перед нами открывается окно с настраиваемыми параметрами нашего сайта:
И вот здесь вы уже можете побаловаться как хотите. НО! Не трогать настройки, которые обведены скобкой! Это мы будем разбирать уже на более продвинутом уровне.
Обращаю внимание на очень важный момент.

Обратите внимание на меню, которое вы видите в шаблоне:
Пока, мы будем пользоваться тремя основными кнопками: Сохранить, Применить и Закрыть.
Давайте немного поговорим об этом. Нажимая кнопку сохранить, вы закрываете страницу редактирования шаблона и сохраняете сделанные изменения. Это понятно, я думаю. А зачем тогда кнопка ПРИМЕНИТЬ? Это кнопка нужна для того, чтобы изменения сохранялись, но страница редактирования не закрывалась. Например, вы поменяли цвет шаблона, нажали ПРИМЕНИТЬ и обновили станицу ФН. Цвет вам не понравился, вам надо его изменить. Вы идете в АП, а страница тут как тут. Не надо тратить время на то, чтобы ее открывать заново, как произошло бы, если бы вы нажали СОХРАНИТЬ. Очень быстро и удобно. Рекомендую использовать постоянно. Кстати, такая кнопка есть почти во всех компонентах Джумлы, так что пользуйтесь на здоровье!
Ну, что такое кнопка Закрыть, я думаю, рассказывать не надо?
Вот скриншот моего дизайна сайта. Настройки, которые я выбрала, есть на предыдущем скриншоте.

Выполнение прошлого урока далось не многим с первого раза, но тем не менее все с ним справились и получили готовый сайт. Вашим вчерашним заданием было опробовать новый сайт, походить по ссылкам, ознакомиться с видом материалов, поиграть с цветами шаблона. Все ли выполнили поставленное задание? Надеюсь, что все

Это было знакомство с фронтэндом сайта, т. е. с той его частью, которую видит посетитель.
Сегодня мы будем знакомиться с административной панелью. Местом, где происходит все самое интересное. Это настоящая мастерская волшебных дел и совсем скоро вы в этом сами убедитесь

Для начала включаем Денвер и открываем свой сайт. Полюбовались? Теперь в строке браузера добавляем к адресу нашего сайта эту надпись administrator/
У вас должно получиться так: http://адрес вашего сайта/administrator/
Перед вами вход в административную часть Джумлы, святую святых веб-разработчика.

Теперь нам надо попасть внутрь. Для того, чтобы это сделать, мы в поле Username вводим слово admin, а в поле пароля вводим тот пароль, который указывали при установке Джумлы. Надеюсь все его записали?

Вуаля! Мы внутри!!!

НО! Наша панель на английском языке, да и версия Джумлы старовата. Поэтому сейчас мы займемся обновлением Джумлы до предпоследней версии и ее русификацией.
Для этого мы скачиваем вот этот архив http://depositfiles.com/files/ptea1prkl
Вначале я хотела установить самую последнюю версии Джумлы (1.6), но к сожалению, в ней произошли такие большие изменения, что установить ее поверх нашей установленной Джумлы не получается, а готового инсталляционного пакета с новой версией у меня пока нет

Скачать архив с последней версией можно здесь http://depositfiles.com/files/piy7cpikc
Итак, архив скачан и вам надо его распаковать. Готово?
Теперь мы повторяем процедуру, описанную в предыдущих уроках. Выделяем все файлы новой Джумлы из нашего скачаного архива и нажимаем кнопочку "Переместить выделенные объекты". В появившемся окне выбираем наш сервер---сайт---папку www и нажимаем ок. Вы увидите предупреждением о том, что данная папка уже содержит такие файлы. Нажмите кнопку "Да для всех" и перезапишите файлы новыми.
После того, как вы проделали все эти манипуляции, зайдите в папку www, куда мы только что перенесли файлы новой версии, и удалите оттуда папку installation. Мы это уже делали на прошлом уроке, помните? Просто сейчас мы ее опять добавили вместе с новыми файлами.
После того, как все сделано, обновите страницу с админпанелью.
Готово!



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



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


А все потому, что для АП есть свой менеджер языков и находится он вот здесь:

Нажимаем и в появившемся окне проделываем все то же самое, что минуту назад, т. е. устанавливаем языком АП по умолчанию русский язык.
Чудо произошло! Теперь все ясно и понятно. Ура, товарищи!!!



Но это еще не все на сегодня, так что расслабляться рано

Вашим заданием на сегодня будет настройка шаблона сайта. Так как вам это нравится, естественно. Потом я попрошу у каждого выложить скриншоты того, что у нас получилось.
Итак, настраиваем наш шаблон:
Для этого, в верхнем меню АП мы идем во вкладку "РАСШИРЕНИЯ" и выбираем там пункт "МЕНЕДЖЕР ШАБЛОНОВ".
Там есть несколько шаблонов. Три из них входят в стандартный пакет джумлы и нам не интересны в силу своей малой функциональности и откровенной некрасивости. Нас интересует шаблон отмеченный звездочкой. Именно его мы и видим на фронтэнде (


Нажимаем на ссылку с его названием. Перед нами открывается окно с настраиваемыми параметрами нашего сайта:

И вот здесь вы уже можете побаловаться как хотите. НО! Не трогать настройки, которые обведены скобкой! Это мы будем разбирать уже на более продвинутом уровне.


Обратите внимание на меню, которое вы видите в шаблоне:
Пока, мы будем пользоваться тремя основными кнопками: Сохранить, Применить и Закрыть.
Давайте немного поговорим об этом. Нажимая кнопку сохранить, вы закрываете страницу редактирования шаблона и сохраняете сделанные изменения. Это понятно, я думаю. А зачем тогда кнопка ПРИМЕНИТЬ? Это кнопка нужна для того, чтобы изменения сохранялись, но страница редактирования не закрывалась. Например, вы поменяли цвет шаблона, нажали ПРИМЕНИТЬ и обновили станицу ФН. Цвет вам не понравился, вам надо его изменить. Вы идете в АП, а страница тут как тут. Не надо тратить время на то, чтобы ее открывать заново, как произошло бы, если бы вы нажали СОХРАНИТЬ. Очень быстро и удобно. Рекомендую использовать постоянно. Кстати, такая кнопка есть почти во всех компонентах Джумлы, так что пользуйтесь на здоровье!

Ну, что такое кнопка Закрыть, я думаю, рассказывать не надо?

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

Вы смогли выполнить задания этого урока?
Комментарии
вот мой)
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
СПАСИБО!
разбираюсь с шаблонами
ОГРОМНЕЙШЕЕ СПАСИБО!!!
Может реализуется проект школьного сайта?....
получилось вот что
догоняю вас
вот мой скрин
правда со сменой цвета браузеры мои тупят что-то
вчера даже комп не включала
↑ Перейти к этому комментарию
догоняю вас
вот мой скрин
правда со сменой цвета браузеры мои тупят что-то
↑ Перейти к этому комментарию
а так я уже все проглядела, все что можно, но без учителя ни-ни
↑ Перейти к этому комментарию
это мой переводчик в хроме постарался
у меня 4 браузера
↑ Перейти к этому комментарию
это мой переводчик в хроме постарался
↑ Перейти к этому комментарию
это мой переводчик в хроме постарался
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
догоняю вас
вот мой скрин
правда со сменой цвета браузеры мои тупят что-то
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
↑ Перейти к этому комментарию
Вставка изображения
Можете загрузить в текст картинку со своего компьютера: