Просмотр полной версии : CMS Joomla!
Joomla! - бесплатная система управления сайтом
Joomla — (в переводе с языка суахили "Все вместе" или "Единое целое") популярная система управления контентом, работаящая на PHP и использующая JS
Joomla! - бесплатная система управления сайтом с открытым кодом. CMS Joomla! позволяет добиваться наилучшего соотношения цена-качество при создании сайта. В отличие от многих других систем Joomla! не требовательна к ресурсам сервера - для нее подойдет практически любой хостинг с поддержкой php и mysql. Управлять сайтом на Joomla легко без специальных знаний программирования и html-верстки. Joomla! - самая распространенная в мире система управления, на ней сделано более миллиона сайтов. И с каждым днем это число растет. Статистика популярности систем на google в сравнении с ближайшими конкурентами - бесплатным drupal и платным 1с-битрикс говорит о том, что система в разы опережает конкурентов.
http://www.fotohost.by/pic_b/10/02/14/3673c11c79c516259d97dcf64ee5dd6d.png (http://www.fotohost.by/v.php?id=3673c11c79c516259d97dcf64ee5dd6d)
http://www.fotohost.by/pic_b/10/02/14/fb3d4bc05911ab9767919f37399bb617.png (http://www.fotohost.by/v.php?id=fb3d4bc05911ab9767919f37399bb617)
Популярность системы росла с момента ее появления в 2006 году после разделения проекта CMS Mambo и обусловлена простыми принципами разработчиков - отрытость кода и бесплатность системы (и ее расширений, но это отдельная история) и поддержкой коммьюнити, самого многочисленного профессионального коммьюнити в Интернет - на официальном форуме зарегистрировано более 150 000 членов и более миллиона сообщений. И это не учитывая множество национальных форумов (как русскоязычные joomlaforum.ru или joomla-support.ru)! Преимуществами такой ситуации пользуются все - и сами разработчики, получающие множество готовых решений и пользователи, создающие сайты на этой CMS, при необходимости имеющие возможность легко найти помощь среди профессиональных разработчиков.
Joomla подойдет для разработки сайта-визитки, интернет-магазина, социальной сети или корпоративного портала - практически любой проект можно реализовать на основе этой системы. Для расширения функционала сайта достаточно установить одно из 10 тысяч расширений Joomla, которые можно скачать с сайта http://extensions.joomla.org. Большая часть расширений распространяется бесплатно, но наиболее сложные или коммерческой направленности, как правило, платные. Это позволяет разработчикам развивать их решения с большей отдачей и обеспечивать пользователй лучшей поддержкой.
ТУД (http://piples.ru/books/16539-programmirovanie-chast-4.html) выложена книга Хагена Графа Создание веб-сайтов с помощью Joomla! 1.5 http://www.fotohost.by/pic_b/10/02/14/61e7043367810bfac7b602adc5664fd1.jpg (http://www.fotohost.by/v.php?id=61e7043367810bfac7b602adc5664fd1).
Я эту книгу скачивал на внешке и с ней шел дополнительный материал - возможно кому то он будет полезен.
Chapter 2 содержит Joomla 1.5.0.zip
Chapter 12 содержит галерею Expose, диспетчер альбомов для этой галереи, компоненты DOCman, модуль и подключаемый модуль DOC man
Chapter 13 содержит новый шаблон Joomla
Chapter 15 содержит файлы кода компонента, модуля и подключаемого модуля Auto
Chapter 16 содержит два шаблона для Бертрана, которые можно напрямую инсталлировать в Joomla!
Chapter 17 содержит два дополнительных шаблона - NGO и Versatality
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/35470ef5d4)
Неплохая база знаний Joomla! - туд (http://www.joomla-docs.ru/Программирование_для_Joomla)
Joomla XTC — Modules, Components and Plugins 2010
http://www.fotohost.by/pic_b/10/02/14/3d17f1333d6ba9a47617888b84bc7b76.jpg (http://www.fotohost.by/v.php?id=3d17f1333d6ba9a47617888b84bc7b76)
Компоненты(февраль 2010):
— Deluxe MP3 Player
— V-Tube Pro Video Gallery
— Primetime Slideshow Pro
— Banner Slideshow Pro
— Accordian Show Pro
— Artist Showcase MP3 Player
Модули(февраль 2010):
— Virtuemart Banner Suite
— VideoShow Plus
— Virtuemart Advanced Drill Search
— Google Analytics 4 Virtuemart
— Maplink USA
— Flash XTC Module
— Virtuemart Product Showcase
— Mini FLV
— VAI Media Center Module
— Deluxe News Pro Module
— Virtuemart Advanced Manufacturers Module
— Splash Panel Pro
— RS Gallery 2 Image Wall
— Maplink UK
— RS Banners
— Maplink Europe
— Maplink World
— M-MP3
— Maplink Asia
— Maplink Austrailia
— Maplink Canada
— Maplink South America
— Maplink Central America
— NewsShare
— JCal Pro 2 Event Wall
— Seyret Video Wall
— JomSocial Avatar Wall
— Maplink Africa
— Virtuemart ProductShare
— VideoShow LE
— ID-MP3
— Eventlist Event Wall
— JomComment Wall
— Virtuemart 3D Carousel
— Timebomb Countdown
— Banner Slideshow Pro
— Accordian Show Pro
— Primetime Slideshow Pro
— Artist Showcase MP3 Player
— Joomla 3d Banner Module
— Maplink Spain
— Maplink Mexico
— Moset Tree Listing Wall
— Maplink Austria
— Maplink Germany
— Maplink Italy
— V-Tube Video Player LE
Плагины(февраль 2010):
— JOMRES My Reservations CB Plug
— Virtuemart Banner Suite
— Mosets Tree JomSocial Suite
— Virtuemart JomSocial Suite
— J! Module JomSocial Plug
— J1 Module CB Plug — 6 Pack
— J! Module CB Plug
— Deluxe MP3 Player CB Edition
— Virtuemart CB Suite
— Virtuemart My Downloads CB Plug
— Virtuemart Media Suite
— Mosets Tree Community Builder Suite
— Virtuemart My Orders CB Plug
— Virtuemart MyBuys CB Plug
— M-MP3
Разработчик: JOOMLAXTC (http://joomlaxtc.com)
Размер архива: 8.1 Mb
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg ( http://freespace.by/download/e3c045c1b6)
http://joomlaportal.ru/ туд тоже много полезного
Joomla, часть 1: организация CMS
http://www.fotohost.by/pic_b/10/02/14/dd56338a5145599cc299dea0cfbec420.jpg (http://www.fotohost.by/v.php?id=dd56338a5145599cc299dea0cfbec420)
После того, как CMS Joomla! установлена на хостинге, можно переходить к обустройству сайта с использованием этой CMS. Для этого нужно создать информационную структуру (отразив её в навигационном меню), наполнить структуру статьями, выбрать подходящее оформление для сайта. Всё это несложно сделать, используя интерактивный интерфейс администратора CMS.
(При подготовке текста статьи использована версия 1.0.12.) Приведённые примеры использования Joomla! - и, что более важно, иллюстрации, - подразумевают, что работа с CMS происходит сразу после установки «чистой» системы и под учётной записью пользователя с администраторскими правами (такой пользователь обязательно создаётся при установке).
Хитрости управления
Прежде всего, обратите внимание на то, что у сайта, работающего на CMS Joomla!, есть как бы две стороны: публичная часть, отображающая контент, и закрытая часть, обеспечивающая управление. Такое описание ситуации является упрощённым, однако разделение всех функций CMS на эти две группы позволяет лучше понять организацию работы сайта.
И публичная, и закрытая (интерфейс администратора) части сайта доступны через браузер, но при этом для входа в администраторскую часть потребуется ввести логин и пароль. Предположим, что сайт размещается по адресу www.moysait.ru. Тогда, при стандартной установке Joomla!, закрытая часть сайта доступна по адресу www.moysait.ru/administrator.
Всё управление содержанием сайта осуществляется через интерфейс администратора, который предоставляет набор инструментов, сгруппированных по своему назначению.
http://www.fotohost.by/pic_b/10/02/14/a3bc6bba0befab5729337cc061edbe4f.jpg (http://www.fotohost.by/v.php?id=a3bc6bba0befab5729337cc061edbe4f)
При использовании интерфейса администратора в верхней части окна браузера отображается основное меню, пункты которого позволяют вызывать все доступные администратору инструменты.
http://www.fotohost.by/pic_b/10/02/14/b0a43af04750410731d184e5ec554164.gif (http://www.fotohost.by/v.php?id=b0a43af04750410731d184e5ec554164)
Начальная страница, в дополнение к меню, предоставляет кнопки для быстрого перехода к наиболее часто требуемым функциям интерфейса. Например, к добавлению статей или к управлению медиафайлами.
Структура контента
Важной особенностью CMS Joomla! является жёсткое разделение составляющей сайт информации на контент и оформление (такой же подход используется и в большинстве других современных CMS). Контент - это смысловое содержание сайта. Например: текст статьи, иллюстрация к статье, список корпоративных контактных телефонов, перечень публикаций писателя - это всё контент. Оформление - это внешняя форма для контента. Например: тип и цвет шрифта, которым отображается текст; графика, украшающая страницу; логотип компании в верхнем левом углу; элементы HTML, определяющие структуру текста на странице - это всё детали оформления контента. Управление контентом и оформлением осуществляются в администраторском интерфейсе.
Контент в Joomla! хранится отдельно от данных, относящихся к оформлению. При этом все параметры оформления страниц сайта, определяющие их внешний вид, в Joomla! сводятся в так называемые шаблоны оформления. При формировании страницы контент как бы оборачивается в шаблон. А так как контент и оформление в Joomla! фактически не зависят друг от друга, то внешний вид сайта можно изменить без малейшего вмешательства в контент - достаточно просто установить новый шаблон оформления.
http://www.fotohost.by/pic_b/10/02/14/ed8cf777665102cd4d7eed7d34468271.gif (http://www.fotohost.by/v.php?id=ed8cf777665102cd4d7eed7d34468271)
Например, сайт может выглядеть так, как на иллюстрации выше - в одном шаблоне.
http://www.fotohost.by/pic_b/10/02/14/b0b30c74d7ba0f3940c329fc180c4cec.jpg (http://www.fotohost.by/v.php?id=b0b30c74d7ba0f3940c329fc180c4cec)
Достаточно сменить шаблон (это делается всего несколькими кликами в меню управления сайтом) - и тот же самый контент приобретает совершенно иную форму, что и видно на иллюстрации.
При первоначальной установке Joomla! в вашем распоряжении уже оказывается как минимум один готовый шаблон оформления. В большинстве случаев этих шаблонов будет несколько - количество зависит от конкретного дистрибутива. Если вы в ходе установки выбрали опцию "Установить демонстрационные данные", то внутри CMS, сразу после установки, окажется и небольшой набор демонстрационного контента. Обычно этот контент представлен несколькими статьями, несложной структурой информационного наполнения и меню.
Таким образом, сразу после установки Joomla! вы получаете уже работающий сайт, представленный используемым по умолчанию шаблоном оформления и демонстрационным контентом.
За управление контентом и информационной структурой сайта отвечают несколько разделов интерфейса администратора, эти разделы, как мы упоминали выше, обозначены специальными кнопками на начальной странице интерфейса.
Контент в CMS Joomla! представлен либо статьями ("новости" также относят к статьям), либо статичным содержимым. Для организации статей Joomla! предлагает иерархию из двух уровней: "Разделы" и "Категории". В общем виде структура информационного наполнения сайта в CMS выглядит так:
* Раздел -> Категория -> Статья
То есть внутри каждого раздела выделяются категории, к которым и относят статьи. Статья обязательно должна быть отнесена к какой-то категории, при этом только к одной. А раздел, для того чтобы в него можно было поместить статьи, должен содержать хотя бы одну категорию.
Начинать наполнение нового сайта контентом следует с создания информационной структуры из разделов и категорий. Попробуем создать на нашем только что запущенном сайте раздел "Растения", внутри которого будут две категории: "Кактусы" и "Деревья".
Создание разделов и категорий
http://www.fotohost.by/pic_b/10/02/14/5548cc803c32bccd20ad01162f5933fe.gif (http://www.fotohost.by/v.php?id=5548cc803c32bccd20ad01162f5933fe)
Откроем страницу управления разделами в интерфейсе администратора, воспользовавшись соответствующей кнопкой на главной странице интерфейса.
http://www.fotohost.by/pic_b/10/02/14/1d8b0ea10a71d493f2f24db325beb9d0.gif (http://www.fotohost.by/v.php?id=1d8b0ea10a71d493f2f24db325beb9d0)
При установке CMS уже созданы три раздела, и на странице выводится их список. Эти разделы как раз относятся к "демонстрационным данным", которые загружаются инсталлятором Joomla!. Демонстрационные данные помогают новичку сориентироваться в интерфейсе администратора, эти данные можно безбоязненно удалить, когда надобность в них исчезнет.
http://www.fotohost.by/pic_b/10/02/14/95bad326c25c0b5cf3c9faf4cbde825a.gif (http://www.fotohost.by/v.php?id=95bad326c25c0b5cf3c9faf4cbde825a)
Для создания нового раздела воспользуемся кнопкой "Новый", расположенной в верхней части страницы.
http://www.fotohost.by/pic_b/10/02/14/e3d23c20da43c59bcc223cf76c881862.gif (http://www.fotohost.by/v.php?id=e3d23c20da43c59bcc223cf76c881862)
Клик по кнопке приводит на страницу редактирования описания раздела. Здесь, как минимум, нужно указать заголовок, название раздела, уровень доступа и признак публикации. Так же можно привязать к разделу иллюстрацию и подробное описание. Заголовок будет использован в публичной части сайта для обозначения раздела. А название используется в интерфейсе администратора, дополнительно к заголовку. Укажем заголовок раздела "Растения" и название "Растения средней полосы". Заголовок и название могут совпадать. Для сохранения внесённых изменений нужно кликнуть по кнопке "Сохранить", в верхней части страницы. Теперь в списке разделов сайта появился новый элемент "Растения средней полосы (Растения)" - в скобках отображается заголовок раздела.
http://www.fotohost.by/pic_b/10/02/14/3354502229109124e0dea74b85bb6679.gif (http://www.fotohost.by/v.php?id=3354502229109124e0dea74b85bb6679)
Создадим в только что созданном разделе две категории. Для этого можно выбрать пункт управления категориями из основного меню вверху страницы интерфейса администратора. Появившаяся страница со списком имеющихся на сайте категорий выглядит очень похоже на страницу списка разделов. Для создания новой категории также воспользуемся кнопкой "Новый".
http://www.fotohost.by/pic_b/10/02/14/e054ccc54a86daa7f0c707186910a91a.gif (http://www.fotohost.by/v.php?id=e054ccc54a86daa7f0c707186910a91a)
Страница создания категории в общем аналогична странице создания раздела: здесь тоже нужно указать заголовок, название и другие параметры. Главным отличием является дополнительный пункт настроек, позволяющий выбрать раздел, к которому относится новая категория. В нашем примере категории "Кактусы" и "Деревья" относятся к разделу "Растения", а в качестве названий мы ввели, соответственно, "Категория про кактусы" и "Категория про деревья".
http://www.fotohost.by/pic_b/10/02/14/9473d602e5011985f086515e5c13fd0e.gif (http://www.fotohost.by/v.php?id=9473d602e5011985f086515e5c13fd0e)
Только что созданные категории появились в таблице со списком категорий. При этом в колонке "Раздел" таблицы отображаются заголовки разделов, к которым относятся категории. Помимо только что созданных новых категорий, в списке присутствуют категории из демонстрационных данных. Некоторые из них мы позже удалим.
Теперь, в дополнение к демонстрационным данным, у нас есть новая структура из одного раздела и двух категорий. Однако, если взглянуть на начальную страницу, то никаких ссылок на новые разделы или категории не появилось. Дело в том, что навигация по сайту в Joomla! реализована другим механизмом - системой меню. И созданные разделы, для того чтобы их можно было открыть из публичной части сайта, нужно привязать к меню.
Joomla, часть 2: структура меню
http://www.fotohost.by/pic_b/10/02/14/08f80e9b289bc521f96226d17f5326c8.jpg (http://www.fotohost.by/v.php?id=08f80e9b289bc521f96226d17f5326c8)
Под меню в Joomla! подразумевается конструируемая администратором иерархия "пунктов", каждый из которых связан с элементом контента. Например, пункт меню "Новости" связан с разделом "Новости", внутри которого размещаются статьи с новостями сайта. Можно сказать, что система меню отражает в навигационной информации структуру разделов, категорий и статей (на практике от меню в Joomla! можно получить несколько больше). Joomla! позволяет создавать множество меню и управлять их отображением на сайте.
http://www.fotohost.by/pic_b/10/02/14/cbd2b3233b6fbfb79d1441aa34e37950.gif (http://www.fotohost.by/v.php?id=cbd2b3233b6fbfb79d1441aa34e37950)
Управление меню осуществляется из специального раздела интерфейса администратора.
Загруженные в первоначальную установку Joomla! демонстрационные данные содержат несколько готовых меню. Так, основное меню (mainmenu) включает в себя пункты из традиционного "навигационного набора" типичного сайта.
Попробуем добавить к этому меню пункт, позволяющий пользователю открыть список статей из нашего нового раздела "Растения". Воспользуемся основным меню интерфейса администратора (вверху страницы) и вызовем пункт "Меню->mainmenu".
http://www.fotohost.by/pic_b/10/02/14/f48fb7cac4ddfff25e79f98f0b990be5.gif (http://www.fotohost.by/v.php?id=f48fb7cac4ddfff25e79f98f0b990be5)
В браузер загружается страница со списком пунктов, входящих в меню mainmenu (это и есть наше "Основное меню"). Здесь каждому пункту соответствует информация о состоянии публикации (виден ли этот пункт посетителям сайта или нет), параметры сортировки пунктов (эти параметры определяют порядок, в котором пункты отображаются в меню), уровень доступа (группы пользователей, которым доступен данный пункт меню), идентификаторы и типы элементов, связанных с данным пунктом меню. Сейчас нам наиболее интересен именно этот последний параметр.
В Joomla! есть строго определённый набор типов элементов, которые могут быть связаны с пунктом меню. Например, присутствующий в нашем меню пункт "Главная" связан с компонентом CMS "Главная страница" (так же называемым "Начальная страница", Front Page), и таким образом при клике пользователя на этот пункт будет всегда открываться начальная страница сайта.
Важно сразу отметить одну, часто вызывающую путаницу, особенность CMS Joomla, связанную с "главной" ("начальной") страницей сайта. CMS устроена таким образом, что в качестве "начальной" страницы, то есть страницы, которая отображается в том случае, если пользователь открыл корневую папку сайта, всегда используется тот объект СMS, на который указывает первый опубликованный пункт в меню mainmenu. Также в Joomla! существует компонент "Главная страница" (Front Page), отображающий контент, привязанный к этому компоненту при публикации (о том, как такая привязка осуществляется, рассказано ниже).
В большинстве случаев меню mainmenu настраивается таким образом, что первый опубликованный пункт в нём как раз указывает на компонент "Главная страница" (Front Page). Поэтому, если читатель открывает корневую папку сайта (например, http://moysite.ru/), то CMS отображает результаты работы компонента "Главная страница", и то же самое происходит, если пользователь выбрал пункт меню "Главная". То есть поведение CMS по отображению страниц совпадает в обоих случаях.
Однако в качестве первого опубликованного пункта меню mainmenu можно установить пункт, указывающий не на компонент "Главная страница", а на какой-то другой компонент, на раздел сайта, на статичное содержимое или на любой другой допустимый для пунктов меню элемент CMS. Предположим, что наш сайт расположен по адресу moysite.ru/ и мы устроили меню mainmenu таким образом, что первый опубликованный пункт указывает на раздел "Новости проекта". В этом случае, если читатель откроет сайт, набрав адрес корневой страницы - moysite.ru/, - то CMS Jooomla! отобразит содержимое раздела "Новости проекта". А если посетитель кликнет на пункт меню, связанный с компонентом "Главная страница", то CMS отобразит результаты работы этого компонента. То есть при такой конфигурации поведение CMS различно и посетитель увидит разные страницы, в зависимости от того, открыл ли он корневую папку сайта, набрав её адрес, или перешёл к компоненту "Главная страница", использовав соответствующий пункт меню.
Типов элементов, которые можно назначить пунктам меню, много. На обычном web-сайте наиболее востребованы типы, относящиеся к отображению содержимого разделов и категорий.
Итак, перейдём к созданию пункта меню "Растения". Для этого на странице просмотра списка пунктов меню нужно кликнуть кнопку "Новый" в верхней части страницы.
http://www.fotohost.by/pic_b/10/02/14/6108e86325c83cd02c4909d17c140932.gif (http://www.fotohost.by/v.php?id=6108e86325c83cd02c4909d17c140932)
Создание нового пункта состоит из двух шагов. На первом шаге нужно выбрать тип элемента. В нашем случае воспользуемся группой типов "Содержимое" и выберем тип "Блог - содержимое раздела". Каждый тип пунктов, из имеющихся в распоряжении администратора Joomla! для связывания с меню, отличается от других прежде всего тем, что именно будет отображаться при клике на пункт меню и тем, как результат будет отображаться. Например, выбранный нами пункт "Блог - содержимое раздела" выводит анонсы статей из всех категорий заданного раздела в виде блога, то есть в виде ленты, где анонсы упорядочены, например по дате. Тип "Таблица - содержимое раздела" будет выводить только заголовки статей из раздела, в табличной форме. А тип "Блог - содержимое категории" аналогичен типу "Блог - содержимое раздела", но выводит содержимое заданной категории.
Выберем тип "Блог - содержимое раздела", кликнув на название типа. После этого интерфейс администратора автоматически переходит ко второму шагу создания пункта меню - ввод параметров.
http://www.fotohost.by/pic_b/10/02/14/15e38e1f5d6d0ab9e332701f8f6531f0.gif (http://www.fotohost.by/v.php?id=15e38e1f5d6d0ab9e332701f8f6531f0)
Страница, служащая для ввода параметров пункта меню, содержит множество регулируемых значений. Прежде всего, можно ввести название пункта меню - именно под этим названием пункт появится на страницах сайта. В нашем примере используем название "Растения". Так как выбранный тип пункта меню "Блог - содержимое раздела", то нужно указать раздел, содержимое которого, собственно, будет выводиться. Выбрать раздел можно в списке под полем ввода для названия. В нашем примере используется раздел "Растения". Список разделов, как нетрудно догадаться, соответствует тому их набору, который ранее был создан для контента сайта.
Другим параметром, который можно выбрать из списка, является "Родительский пункт меню" - этот параметр служит для создания многоуровневых структур меню, в которых внутри одного пункта находится несколько подчинённых ему пунктов ("подменю"). Выберем здесь пункт Top, означающий, что наш новый пункт меню в качестве родительского использует самый верхний уровень. Прочие варианты в этом списке формируются из имеющихся в данном меню названий пунктов. (Для пункта меню также можно выбрать состояние публикации.)
В правой части страницы редактирования пункта меню содержится большой раздел, управляющий тем, как будет отображаться контент на странице сайта, связанной с данным пунктом меню. Здесь можно выбрать изображение, привязываемое к этому пункту. Можно установить параметры связывания со стилями из таблицы CSS шаблона (использование суффикса позволяет сопоставить пункту меню уникальный стиль из таблицы стилей). Здесь же указывается заголовок страницы, выводимой после клика на пункт меню, и параметры отображения содержимого. На этом шаге мы оставим все значения параметров без изменений.
Для добавления пункта меню нужно кликнуть по кнопке "Сохранить" в верхней части страницы. После этого новый пункт меню будет создан и (если указан соответствующий режим публикации и уровень доступа) показан на сайте.
Аналогично создадим внутри пункта "Растения" два пункта меню "Кактусы" и "Деревья". Воспользуемся только что описанным методом создания пунктов меню, отличие будет состоять лишь в том, что на первом шаге мы выберем тип "Блог - содержимое категории", а на втором шаге, выбрав соответствующую категорию, укажем в качестве родительского пункта "Растения", а не Top.
В результате у нас в «Основном меню» появилась двухуровневая структура: пункт меню «Растения» содержит два подпункта - «Кактусы» и «Деревья».
http://www.fotohost.by/pic_b/10/02/14/56626556f11a4994484a7352c1aba44d.gif (http://www.fotohost.by/v.php?id=56626556f11a4994484a7352c1aba44d)
Результат преобразования можно увидеть, зайдя на публичную часть сайта, – в списке пунктов меню появился пункт «Растения». Подпункты можно увидеть, если активировать этот пункт, кликнув по нему.
Необходимо заметить, что в CMS Joomla! имеется и другой путь для связывания разделов и категорий с пунктами меню. Для того чтобы его проиллюстрировать, попробуем добавить в главное меню новый пункт "Камни", соответствующий разделу контента, который создаётся описанным ранее способом.
http://www.fotohost.by/pic_b/10/02/14/3ec4ec7d84b0e7fa1d6b3d4fbcc7d3cb.gif (http://www.fotohost.by/v.php?id=3ec4ec7d84b0e7fa1d6b3d4fbcc7d3cb)
После того, как создан новый раздел, можно перейти к редактированию его параметров, кликнув на название раздела на странице со списком разделов.
http://www.fotohost.by/pic_b/10/02/14/871c3824ecebbc884fcfecf930f7c9d6.gif (http://www.fotohost.by/v.php?id=871c3824ecebbc884fcfecf930f7c9d6)
Открывшаяся страница почти совпадает со страницей, которая отвечает за создание нового раздела, однако теперь в правой части появилась дополнительная группа параметров, отвечающих за связывание с пунктами меню. Заполнив соответствующие поля в этой области, можно сразу же создать пункт в меню, связанный с данным разделом.
Важно заметить, что активировать область управления связыванием с пунктами меню можно при создании нового раздела (или категории), без возврата к странице со списком разделов (категорий). Для этого, после того как параметры нового раздела введены, достаточно вместо кнопки "Сохранить" кликнуть кнопку "Применить".
Первые итоги
Итак, мы создали простую структуру для контента из одного раздела и двух категорий и соответствующие ей пункты меню. Теперь можно несколько прорядить использованные нами демонстрационные данные, чтобы убрать лишнее. Начнём с приведения в порядок пунктов главного меню.
http://www.fotohost.by/pic_b/10/02/14/ce76442eeffebf119aad2309b53ab172.gif (http://www.fotohost.by/v.php?id=ce76442eeffebf119aad2309b53ab172)
Используя страницу со списком пунктов, удалим лишнее. Для удаления пункта меню нужно отметить этот пункт в списке и кликнуть кнопку "В корзину" в верхней части страницы.
http://www.fotohost.by/pic_b/10/02/14/b85a3b248d4284c7a15f05d5a7cd7e9d.gif (http://www.fotohost.by/v.php?id=b85a3b248d4284c7a15f05d5a7cd7e9d)
Удалим несколько пунктов меню, которые нам не потребуются на сайте. После удаления в главном меню осталось пять пунктов, которые мы планируем использовать.
Конечно, наш пример создания "структуры сайта" - самый простой. При работе с реальным сайтом, скорее всего, информационная структура окажется сложнее (потребуется больше разделов и категорий), что приведёт к усложнению структуры меню. Тем не менее, дальнейшее усложнение структуры сайта может производиться повторением описанных только что шагов для новых разделов, категорий и пунктов меню.
Joomla, часть 3: Статьи, иллюстрации, шаблоны
http://www.fotohost.by/pic_b/10/02/14/df487bcd36c753a830977f865361fde8.jpg (http://www.fotohost.by/v.php?id=df487bcd36c753a830977f865361fde8)
Созданную информационную структуру сайта можно начинать заполнять контентом, то есть статьями. CMS Joomla! предоставляет достаточно развитые средства для управления иллюстрациями в статьях, а общий внешний вид сайта настраивается при помощи шаблонов. Добавление статей
В качестве примера добавим на сайт, в категорию "Кактусы" раздела "Растения", первую статью. Для добавления статьи можно воспользоваться кнопкой "Добавить новость/статью" на главной странице интерфейса администратора.
http://www.fotohost.by/pic_b/10/02/14/47c8a32b36987b642e492e8f4d85c2ff.gif (http://www.fotohost.by/v.php?id=47c8a32b36987b642e492e8f4d85c2ff)
Другой способ - вызвать страницу со списком имеющихся на сайте статей ("Содержимое->всё содержимое") и воспользоваться кнопкой "Новый".
http://www.fotohost.by/pic_b/10/02/14/e46573deadcd4066c59770295cdb091c.gif (http://www.fotohost.by/v.php?id=e46573deadcd4066c59770295cdb091c)
Страница добавления новой статьи состоит из нескольких областей, отвечающих за различные параметры статьи. Не обязательно вводить все параметры, однако статье, как минимум, потребуется название и вводный текст (анонс). Также статью обязательно нужно привязать к какой-либо категории (внутри того или иного раздела).
Для примера назовём нашу статью "Кактус мексиканский полевой - растение лекарственное", введя название в поле "Заголовок". Под полем ввода заголовка присутствует поле "Псевдоним заголовка" - псевдонимы заголовков используются некоторыми модулями Joomla!, сейчас мы не будем использовать это поле.
Ниже, под полями ввода заголовка и выбора пары раздел/категория, находятся два больших текстовых поля, предназначенных для ввода и редактирования анонса и текста статьи. Первое поле, "Вводный текст", обычно используется для ввода анонса статьи. Впрочем, если статья короткая, например она представляет собой краткую новость, то весь текст может уместиться в поле анонса. В таком случае, поле "Основной текст" можно оставить пустым ("Вводный текст" обязательно нужно заполнить).
Для "полноразмерной" статьи большая часть текста размещается в поле "Основной текст". При просмотре статьи на страницах сайта, анонс из поля "Вводный текст" будет показываться в качестве первой части статьи. При просмотре анонсов, например в случае вывода содержимого раздела при помощи типа меню "Блог - содержимое раздела", который мы использовали ранее, на странице будут показываться только анонсы статей (то есть, только "Вводный текст").
В правой части страницы редактирования статьи находится область управления параметрами публикации статьи, которая содержит несколько закладок. Эти закладки позволяют управлять параметрами публикации, изображениями, параметрами "внешнего вида", ключевыми словами и связью с меню. Последняя вкладка устроена во многом аналогично вкладке связывания с меню на странице управления разделами (или категориями) и предоставляет возможность создать пункт меню, ведущий на данную статью. Для того, чтобы анонс статьи отображался на первой (главной) странице сайта, во вкладке "Публикация" нужно активировать флаг "Показывать на главной". Методы добавления изображений к статьям мы более подробно разберём позже.
http://www.fotohost.by/pic_b/10/02/14/2624ced321616dcb45b08580c06058da.gif (http://www.fotohost.by/v.php?id=2624ced321616dcb45b08580c06058da)
Для того чтобы статья сохранилась в базе данных сайта и появилась на его страницах, нужно кликнуть кнопку "Сохранить" в верхней части страницы интерфейса администрирования. Теперь только что созданная статья появилась в списке статей на сайте. В этом же списке до сих пор присутствуют статьи из демонстрационных данных. Сейчас самое время удалить лишнее. Удаление статей можно произвести обычным способом, аналогичным тому, которым удалялись лишние пункты меню.
http://www.fotohost.by/pic_b/10/02/14/d1a3966f98bc55735101853fcfcc6545.gif (http://www.fotohost.by/v.php?id=d1a3966f98bc55735101853fcfcc6545)
Итак, после прореживания у нас осталось лишь несколько статей: к статье про кактусы, для примера, добавлено две статьи про деревья.
Добавление иллюстраций
Для управления файлами изображений, находящимися на сайте, служит раздел "Медиа" интерфейса администратора. Прежде чем иллюстрировать статьи, соответствующие изображения нужно загрузить на сайт.
http://www.fotohost.by/pic_b/10/02/14/733ac993698073400970feaefe51c28f.gif (http://www.fotohost.by/v.php?id=733ac993698073400970feaefe51c28f)
Для того чтобы загрузить на сайт файл, следует выбрать этот файл на локальном компьютере (для этого используется браузер, а имя файла размещается в специальном поле ввода - см. иллюстрацию) и нажать кнопку "Загрузить" в верхней части страницы управления "медиа".
Удобнее всего организовать различные медиафайлы по папкам, размещённым на сервере. Так, изображения для иллюстрирования статей мы будем сохранять в папке stories. (Навигация по папкам в разделе "Медиа" интерфейса администратора Joomla! осуществляется самым обычным образом, аналогичным тому, как это, например, происходит в операционной системе Windows на настольном компьютере.)
Joomla! предоставляет несколько способов добавления иллюстраций к элементам контента. Мы, используя самый простой способ, добавим к одной из статей иллюстрацию, изображающую дерево.
http://www.fotohost.by/pic_b/10/02/14/5b598312d4713362abde92bdd3b7614e.gif (http://www.fotohost.by/v.php?id=5b598312d4713362abde92bdd3b7614e)
Для этого откроем статью в режиме редактирования, кликнув на её название в окне просмотра списка статей. Для вставки изображения в текст используется специальная кнопка, размещённая под каждым полем редактирования текста. Клик по этой кнопкеи приводит к тому, что в текст, в текущей позиции курсора, вставляется специальный "тэг" для "загрузки" изображения: . При выводе статьи этот "тэг" будет автоматически заменён изображением.
http://www.fotohost.by/pic_b/10/02/14/c688bfa31946b872f19a5c4b38ca264b.gif (http://www.fotohost.by/v.php?id=c688bfa31946b872f19a5c4b38ca264b)
Само изображение, соответствующее , нужно определить, используя закладку "Изображения" из области управления параметрами статьи, расположенной в правой части страницы. В этой закладке содержатся два списка с именами файлов изображений. Список слева - доступные изображения. Список справа - изображения для использования в статье. Перемещать изображения из одного списка в другой можно с помощью кнопок, расположенных между списками. Если выделить имя какого-либо изображения в списке, то ниже появляется само изображение. В нашем примере используется только одно изображение, с именем pictree.jpg, однако в статью можно добавить несколько изображений, разместив несколько "тэгов" . В случае нескольких изображений, порядок их появления в статье будет соответствовать порядку в "правом списке".
Для каждого выделенного в списке загруженных в статью изображений можно указать некоторые параметры отображения. Для этого служат поля ввода, находящиеся под изображениями (см. иллюстрацию). Здесь можно указать тип выравнивания изображения, ввести подпись и изменить другие параметры.
http://www.fotohost.by/pic_b/10/02/14/b99f07f5340c3646df948296173a1b1b.gif (http://www.fotohost.by/v.php?id=b99f07f5340c3646df948296173a1b1b)
После того как изображение выбрано и указаны его параметры, необходимо кликнуть по кнопке "Применить", которая расположена в самом низу закладки "Изображения" (см. иллюстрацию выше) - в противном случае все сделанные изменения (касающиеся изображения) при сохранении статьи потеряются.
http://www.fotohost.by/pic_b/10/02/14/44615617f396995ca0bb08f3f241f067.gif (http://www.fotohost.by/v.php?id=44615617f396995ca0bb08f3f241f067)
Результат добавления изображения выглядит так, как на этой иллюстрации (изображение добавлено в самое начало анонса статьи, используется левое выравнивание).
Статичное содержимое
Помимо только что описанных элементов - статей, - на сайте, работающем под управлением CMS Joomla!, можно использовать другую форму для создания контента - статичное содержимое. От статей статичное содержимое отличается тем, что оно не может быть привязано к структуре разделов/категорий и оно не может выводиться в виде блогов и таблиц. Впрочем, статичное содержимое можно показывать, используя ссылки из меню.
Создать элемент статичного содержимого можно, используя ссылку с главной страницы интерфейса администратора или соответствующий пункт меню.
Добавление нового и редактирование имеющегося на сайте статичного содержимого очень похоже на работу со статьями, описанную выше. В виде статичного содержимого может оказаться удобным оформить такие элементы информационного наполнения сайта, как страница со схемой проезда к офису компании или список контактных телефонов.
По шаблонам
Загруженный в базу данных CMS Joomla! контент отображается этой системой с использованием шаблонов оформления. Шаблоны, фактически, не связаны с самим содержимым, но служат для него формой. Шаблон Joomla! - это пакет из нескольких файлов, структурированный в соответствии с требованиями Joomla!. Найти (ссылка) шаблоны оформления можно в Интернете, на сайтах дизайнеров или на сайтах сообществ Joomla!. Шаблон, несмотря на то что он может состоять из множества файлов, распространяется в виде одного файла-архива (пакета). Этот файл-архив можно очень просто установить внутрь CMS Joomla!, используя встроенные в администраторский интерфейс функции по управлению шаблонами. Прежде чем устанавливать шаблон, файл-архив с ним нужно загрузить на локальный компьютер из Интернета.
http://www.fotohost.by/pic_b/10/02/14/6da3d07f82b678d62fc1f3ad928ffd81.gif (http://www.fotohost.by/v.php?id=6da3d07f82b678d62fc1f3ad928ffd81)
Перейти в раздел установки шаблонов можно, воспользовавшись главным меню вверху страницы интерфейса администратора. После вызова пункта меню "Установка/удаление->Шаблон сайта" появится страница установки шаблона.
http://www.fotohost.by/pic_b/10/02/14/566e270f82c9bcc74fba644d0f34a417.gif (http://www.fotohost.by/v.php?id=566e270f82c9bcc74fba644d0f34a417)
Для продолжения установки следует выбрать файл-архив с соответствующим шаблоном с помощью браузера (нажав на кнопку "Обзор...", имя и путь к файлу-архиву отобразится в поле "Файл пакета") и кликнуть на кнопку "Загрузить и установить". После этого система попытается принять файл-архив, распаковать его и установить находящийся внутри шаблон. Если установка прошла успешно, то шаблон появится в списке доступных шаблонов сайта.
http://www.fotohost.by/pic_b/10/02/14/ca6ad3b3d3bc008e94c0e14fc41d6669.gif (http://www.fotohost.by/v.php?id=ca6ad3b3d3bc008e94c0e14fc41d6669)
Выбрать основной шаблон, используемый сайтом, можно, отметив соответствующую строчку в списке установленных шаблонов и кликнув кнопку "По умолчанию" в верхней части страницы.
Итоги
В этом кратком введении в использование Joomla! описаны принципы структурирования контента в этой CMS, базовые методы создания структуры разделов и категорий, пунктов меню и элементов контента. Важно заметить, что мы поверхностно коснулись только самых простых функций CMS Joomla!, собрав минимум практических навыков, необходимых для того, чтобы начать работать с этой системой. Кроме затронутых во введении функций, в Joomla! есть множество других, например: разграничение прав пользователей, редактирование статей из публичной части сайта, управление баннерами, рассылка почтовых уведомлений. А так как Joomla! - открытая платформа, то большое количество новых функций можно получить, установив дополнения от независимых разработчиков.
Joomla! Руководство пользователя.
http://www.fotohost.by/pic_b/10/02/15/79990dc9b9a3b2e1b8fd9010e9399b67.jpg (http://www.fotohost.by/v.php?id=79990dc9b9a3b2e1b8fd9010e9399b67)
Совместный проект www.joolaua.com и http://joomlaportal.ru/.
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/4450bb86a5)
Бэрри Норт Joomla! Практическое руководство.
http://www.fotohost.by/pic_b/10/02/15/c8185b899fd4b4ff4c14ad22f9ca50f0.jpg (http://www.fotohost.by/v.php?id=c8185b899fd4b4ff4c14ad22f9ca50f0)
Joomla! представляет собой эффективную систему управления содержимым веб-сайтов, распространяемую бесплатно и обладающую особой гибкостью использования, что выгодно отличает ее от других подобных программных продуктов. В этой книге, написанной ведущим консультантом проекта Joomla!, Бэрри Нортом, раскрываются все особенности и преимущества новейшей версии.
Вы ознакомитесь с техническими возможностями Joomla, ее модулями и компонентами, научитесь грамотно формировать содержимое и узнаете о способах управления им. Не будут обойдены вниманием такие важнейшие вопросы, как разработка шаблонов, создание удобной системы навигации, оптимизация сайтов для поисковых систем и многое другое. Кроме того, вы найдете три примера создания веб-сайтов "с нуля". Книга написана простым и живым языком, содержит минимум технических терминов, не требует от читателя знания PHP, CSS и прочих терминов, обычных для веб-дизайна, и при этом в ней представлено множество практических приемов, советов и вариантов решения возможных проблем.
Эта книга станет отличным учебным и справочным пособием для профессиональных веб-дизайнеров и для тех, кто только приобщается к современному искусству создания веб-сайтов.
Книга: Joomla! Практическое руководство
Автор: Берри Норт
Год издания: 2008
Страниц: 450
Язык: Русский
Формат: DJVU
Размер: 31558K
Издательство: Символ-Плюс, 2008 г.
Мягкая обложка, 448 стр.
ISBN 5-93286-117-7, 978-5-93286-117-2, 0136135609
Тираж: 2000 экз.
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/fe7e037e5a)
Дэн Рамел Joomla! Самоучитель.
http://www.fotohost.by/pic_b/10/02/15/d0b3276e49412e0e29fce00d303b5fed.jpg (http://www.fotohost.by/v.php?id=d0b3276e49412e0e29fce00d303b5fed)
Название: Самоучитель Joomla!
Автор: Дэн Рахмел
Страниц: 448
Формат: djvu
Размер: 5792K Mb
Качество: Хорошее
Год издания: 2008
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/986aefc9e1)
Колисниченко Д.Н. Руководство пользователя Joomla!
http://www.fotohost.by/pic_b/10/02/15/8cc33179f10be486f7ee6501b93d84d6.jpg (http://www.fotohost.by/v.php?id=8cc33179f10be486f7ee6501b93d84d6)
Год выпуска: 2009
Автор: Колисниченко Д.Н.
Жанр: Компьютерная литература
Издательство: Диалектика
ISBN: 978-5-8459-1509-2
Формат: DjVu + CD
Качество: Отсканированные страницы
Количество страниц: 212
Описание: Эта книга — простое и эффективное учебное пособие по освоению и использованию системы управления контентом веб-сайта Joomla 1.5. Система очень популярна в Сети, поскольку обладает открытым кодом, проста в инсталляции, управлении и очень надежна. В книге рассматриваются все основные аспекты использования Joomla 1.5:
* установка и настройка системы,
* конфигурирование интерфейса управления,
* структуризация и размещение контента сайта,
* расширение системы новыми компонентами, модулями и плагинами,
* создание собственных шаблонов.
На диске представлены все обсуждаемое в книге программное обеспечение, подборка бесплатных шаблонов для Joomla.
Книга рассчитана на пользователей любой квалификации и будет полезна как начинающим, так и достаточно опытным разработчикам веб-сайтов.
Диска к сожалению нет, если имеете, то поделитесь - может он кому-то и понадобится.
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/465158289c)
Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke
http://www.fotohost.by/pic_b/10/02/15/d98df58a97a3c36ff317e3623c39e367.jpg (http://www.fotohost.by/v.php?id=d98df58a97a3c36ff317e3623c39e367)
Название: Движок для вашего сайта. CMS Joomla!, Slaed, PHP-Nuke
Автор: Колисниченко Д.Н.
Издательство: БХВ-Петербург
Год издания: 2008
Страниц: 368
Язык: русский
Формат: DJVU
Размер: 16.07 Мб
Книга ориентирована как на обычных пользователей Интернета, которым нужно в кратчайшие сроки создать свой сайт, так и на разработчиков, которые заинтересованы в построении собственной системы управления сайтом.
Рассмотрены три уже готовые системы управления сайтом — Joomla!, Slaed, PHP-Nuke. С позиции пользователя описывается, как установить, настроить, разработать графическую тему и расширить возможности каждой системы. Для разработчиков описано программирование собственных расширений для рассмотренных движков, а также создание собственной системы управления сайтом. Отдельное внимание уделяется защите от взлома разрабатываемой системы, а также интеграции с популярным форумом phpBB из файла задания.
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/d5214ea3be)
Шаблоны для Joomla 1.5 — Mixxmag (Full Template).
http://www.fotohost.by/pic_b/10/02/15/c5e5255e570416bb36f899897c1fdab3.jpg (http://www.fotohost.by/v.php?id=c5e5255e570416bb36f899897c1fdab3)
32,3 Мб
http://foto.hz.by/pictures/224edc207e5654d2d74351d9077b402e.jpg (http://freespace.by/download/3eb7df733c)
JoomlaPack 2.4.1 Full (Рус)
JoomlaPack – это лучший компонент для резервного копирования вашего сайта на Joomla 1.5. Компонент создает полную резервную копию (backup) вашего сайта вместе с дампом базы данных в одном архиве, прямо из административной панели Joomla.
Архив бэкапа может быть неограниченного размера, или разбит по частям. Кроме того, вы можете сделать резервную копию только файлов сайта или базы данных.
AJAX-резервное копирование (сайта и базы данных или только базы данных)
Возможность исключения определенных папок и файлов
Возможность исключения определенных таблиц базы данных
Совместимость с разными версиями MySQL
AJAX- восстановление
Сжатие в формате zip, gzip
Автоматический режим резервного копирования.
Вес архива JoomlaPack 2.4.1 Full (Рус) 9,23 Mb
depositfiles.com (http://depositfiles.com/files/nv4rwq9ec)
letitbit.net (http://letitbit.net/download/2947.24c77894a8438864292bf2bc6/JoomlaPack_2.4.1_full.rar.html)
freespace.by (http://freespace.by/download/31f599d3ea)
Asteriks
11.03.2010, 16:24
Знатоки Goomla, вы меняли стандартную картинку на шапке сайта на свой логотип? Я пробовала. Старую удалить просто, через css. На её место следует прописать свою картинку. Но у меня не совпали расширения (я так думаю) и моя картинка не загрузилась. Вопрос: а в какую папку грузить свою картинку? Или это не имеет значения? Я вижу причину в расширении: стандартная png, а у меня jpeg. Если меняли, то ответьте, меняли только часть адреса в ссылке на картинку или весь путь? Если весь, то где его смотреть?
Конкретно не скажу - не паложено кату много знать, но если зайдешь сюда (http://joomla-support.ru/thread19621.html), то найдешь там тему Как изменить шапку сайта и задний фон сайта и возможно получишь ответы на свои вопросы. Только для полноценного серфинга там желательно зарегится
Asteriks
11.03.2010, 16:49
Да читала я это всё. Я у практиков спрашиваю. Материал у меня есть про загрузку картинки.
А это мы читали
раз (http://www.idea2site.com/cms/menyaem-logo-joomla/)
еще раз (http://joomlaforum.ru/index.php?topic=79401.0)
Asteriks
11.03.2010, 17:28
По первой статье я и делала. Между прочим.
да её надо просто через ФТП залить и всё
Asteriks
11.03.2010, 21:49
Про ФТП имею узкое понятие. Счас картинку покажу. Может и никуда не годная, но лучшего ни чего не придумалось.
http://www.fotohost.by/pic_b/10/03/11/7f24e0da9c450dfbbc00cbc107899134.jpg (http://www.fotohost.by/show/7f24e0da9c450dfbbc00cbc107899134)
делаешь картинку одинакового разрешения и расширения, и просто меняешь её вместо стандартной :) всё просто
Asteriks
07.04.2010, 22:56
Ваня, поздно. Пока ты ответил, не понадобилась картинка. А красивенько я Блогосфера написала) Ммм, аж самой нравится.
HOLPER.BY!