Как за 2 часа создать многофункциональный сайт-визитку с нуля. Часть 1.

Часть 1. Установка сборки Joomla на локальный сервер.

Что необходимо:

- Программа для создания локального хостинга (рекомендуем рассмотреть на приведенном примере) Topserver 2.1 (в разделе "Программы" на нашем сайте.

- Сборка Joomla c выбранными вами в конструкторе Joomla-Maker расширениями или оригинальная скачанная в сети (все расширения вам придется добавлять самостоятельно). В случае если Вы будете использовать для создания сайта обычную сборку Joomla в которую вы будете искать и добавлять расширения самостоятельно, мы не гарантируем , что вы уложитесь в создание сайта-визитки за 2 часа.

- Подготовленные материалы для наполнения разделов сайта-визитки. (Чаще всего их предоставляет заказчик).

- Хостинг с поддержкой PHP и MySql.

Инсталлируем программу на Ваш компьютер.

Мы рассматриваем случай установки программы в D:\TopServer.

Заходим в меню программы TopServer и запускаем "Администрирование".

Попадаем в PhpMyadmin

в PhpMyadmin создаем базу данных "visitka"

переходим в главное меню PhpMyadmin

создаем нового пользователя а разделе "Привилегии"

Добавляем пользователя admin хост localhost пароль admin. Отмечаем все "Глобальные привилегии".

Жмем кнопку "Пошел"

База данных создана.

Создаем каталог visitka в D:\TopServer\home\localhost

Распаковываем в каталог visitka (D:\TopServer\home\localhost\visitka) все файлы из инсталяционного файла Joomla.

Набираем в адресной строке вашего броузера следующее: http:/localhost/visitka и жмете

"Enter"

Дальше повторяйте действия как на картинках. Особых описаний тут не требуется.

Тип базы данных "mysql" название хоста "localhost" имя пользователя "admin" пароль "admin"

название базы данных "visitka"

Конфигурацию FTP пропускаем. Её всегда можно настроить позже.

Вводим название сайта, почтовый адрес и пароли администратора (admin:admin). Демо-данные не устанавливаем.

Удаляем папку "Installation" в каталоге "visitka"

Все.

Вход в админпанель будет по адресу: http://localhost/visitka/administrator

Вход на сайт будет по адресу: http://localhost/visitka

Логин- "admin" Пароль- "admin"

Вид админпанели.

Расчетное время 15 минут.- вышеописанные процедуры.+ ( 5 минут -скачивание TopServer) +1 минута на создание сборки. + (6 минут скачивание сборки)

Осталось 1ч. 33 минуты до готового сайта.

При перепечатке ссылка на Joomla-Maker.ru & Joomla-Maker.net обязательна

Часть 2. Работа с контентом Joomla.

Как за 2 часа создать многофункциональный сайт-визитку с нуля. Часть 2.

Мы предполагаем , что вы воспользовались нашим конструкторомсборок Joomla-Maker и многие компоненты плагины и модули уже установленыв системе. После входа в админпанель вашего сайта вам необходимо их опубликоватьи указать в настройках места размещения модулей. Произвести настройку языков ишаблона сайта. Все это делается через специальные менеджеры.

Расположение их видно на рисунке ниже.

также , для удобства работы, в "Менеджере пользователей" подключаете предустановленный в сборку редактор JCE и публикуете его плагины.

Плагины

Создаем разделы сайта

Нашимаем ссылку "Создать" (справа вверху зеленый кружок с белым крестиком).

Создаем "Главный раздел сайта" и сохраняем.

Перезодим к созданию категорий при помощи "Менеджера категорий"Создаем категорию "Новости" и сохраняем.

Аналогично создаем категории "Мы предлагаем", "Наши цены", "Контакты" + все что вам нужно.

Переходим в "Менеджер материалов" и под каждую категориюсоздаем статью или наполняем готовым материалом.

Внимательно следим за размещением материала в соответствующем разделе и категории.

заполняем материалами все разделы и категории

Заходим в пункт "Все меню" - "Главное меню" и создаем необходимые нам пункты меню для отображения их на сайте.

Создаем по порядку с настройками указанными на картинке. Для собственных вариаций меню Вам придется почитать соответствующую литературу по Joomla.

Это не сложно, но мы в этом случае можем далеко отклониться от поставленной в этой статье задачи.

Итак, Пункт меню создать-Материалы -Шаблон блога категории

Шаблон блога категории настраиваем следующим образом.Если хотите разнообразия - можете почитать соответствующую

литературу по Joomla или поэкспериментировать с переменными. В меню присутствуют всплывающие подсказки

.

Таким же образом создаем остальные пункты меню.

Меняем у пункта меню "Главная" тип пункта меню на "Шаблон блога раздела"

Практически сайт готов. Его можно посмотреть в броузере и потестировать.

Дальнейшие настройки производятся выбором установленного Вами в сборку Joomla-Maker шаблона, настройкой и позиционированием модулей,

настройкой плагинов и компонентов. Графическая работа с шаблоном не будет лишней.

В основном, поставленная перед нами задача выполнена. Ожидаемое время выполнения задач текущей статьи без учета дизайнерских

излишеств - 30 - пусть 33 минуты.

Итак , у нас остался один час для установки сайта на хостинг с последующей настройкой. Скоро,

Часть 1. Установка сборки Joomla на локальный сервер.Часть 3. Установка сайта на хостинг.

При перепечатке прямая ссылка обязательна - Joomla-Maker.ru & Joomla-Maker.net

Установка сайта на хостинг.

Данное руководство подходит ко всем сайтам в основе которых лежит Joomla CMS.Проводим сжатие сайта утилитой zip. Сайт сжимаем без каталога, т.е.только внутреннее содержимое каталога. В нашем случае D:\localhost\visitka\*.*

Большинство провайдеров используют для своих хостингов cPanel.cPanel - интерфейс для управления вашим хостингом и именноиспользование этой программы мы и будем описывать.С помощью файлового менеджера cPanel закачиваем нашсжатый сайт в директорию где у вас по настройкам провайдерадолжны размещаться файлы html. Обычно этот каталог содержит всвоем названии "html" и содержит начальный файл index.html в ином случае уточните этот вопрос в техподдержке хостинга.

После успешной закачки даем команду на распаковку zip в файловом менеджере.

После распаковки удаляем исходный zip т.к. он нам больше не нужен.

Переходим к сохранению и загрузке на хост базы данных сайта.Заходим в панели управления TopServer в раздел PhpMyadminслева выбираем нашу базу данных, а правее вкладку "Экспорт"

На открывшейся вкладке "Экспорт" делаем отметки какна картинке ниже. И нажимаем кнопку "Пошел".

Сохраняем файл базы данных на диск.

Открываем сохраненную базу данных каким либо текстовымредактором позволяющим конвертировать файлы в UTF8(например Akelpad, Notepad++, Dreamweaver)и конвертируем файл базы данных в формат UTF8 (без BOM)

Возвращаемся в cPanel вашего хостинга.Используя мастер баз данных MySQL создаем новую базу длявашего сайта. Внимательно записываем созданные в процессе имена созданых пользователей и пароли, а также имя базы данных.В последствии эти данные будет необходимо внести в конфигурационный файл вашего сайта.

Устанавливаем все привилегии для суперадминистратора

Возвращаемся в cPanel и находим там ссылку на PhpMyadmin.

Выбираем название нашей созданной базы (она отобразится с нулевым количеством таблиц) и перейдем на вкладку "Импорт"

При помощи кнопки "Обзор" укажем путь к нашей базе на диске сохраненной в формате UTF8 и жмем "ОК"

Если все "ОК" мы увидим соответствующее сообщениеи количество таблиц занесенных в базу нашего сайта.Если что то пошло не так, то рекомендуется повторить всеоперации с базой данных удалив предидущую.

Осталось только настроить конфигурационный файл.Он находится в главной директории сайта и называетсяconfiguration.php

Приведу его листинг с указаниями по редактированию.

<?phpclass JConfig {/* Site Settings */var $offline = '0';var $offline_message = 'Сайт сейчас закрыт на техническое обслуживание.<br /> Пожалуйста зайдите позже.';var $sitename = 'Сайт-Визитка';var $editor = 'tinymce';var $list_limit = '20';var $legacy = '0';/* Debug Settings */var $debug = '0';var $debug_lang = '0';/* Database Settings */var $dbtype = 'mysql';var $host = 'localhost'; / сервер базы данных (чаще остается localhost) /var $user = 'admin'; /имя пользователя базы данных /var $password = 'admin'; / пароль пользователя базы данных/var $db = 'visitka'; / имя базы данных /var $dbprefix = 'jos_';/* Server Settings */var $live_site = ''; / здесь указываете название вашего хоста , например http://visitka.ru /var $secret = 'CXgR9Mn98WEWylb6';var $gzip = '0';var $error_reporting = '-1';

var $helpurl = 'http://help.joomla.org';var $xmlrpc_server = '0';var $ftp_host = '127.0.0.1';var $ftp_port = '21';var $ftp_user = '';var $ftp_pass = '';var $ftp_root = '';var $ftp_enable = '0';var $force_ssl = '0';/* Locale Settings */var $offset = '0';var $offset_user = '0';/* Mail Settings */var $mailer = 'mail';var $mailfrom = 'admin @ myhost.com';var $fromname = 'Сайт-Визитка';var $sendmail = '/usr/sbin/sendmail';var $smtpauth = '0';var $smtpsecure = 'none';var $smtpport = '25';var $smtpuser = '';var $smtppass = '';var $smtphost = 'localhost';/* Cache Settings */var $caching = '0';var $cachetime = '15';var $cache_handler = 'file';/* Meta Settings */var $MetaDesc = 'Joomla! - the dynamic portal engine and content management system';var $MetaKeys = 'joomla, Joomla';var $MetaTitle = '1';var $MetaAuthor = '1';/* SEO Settings */var $sef = '0';var $sef_rewrite = '0';var $sef_suffix = '0';/* Feed Settings */var $feed_limit = 10;var $feed_email = 'author';var $log_path = 'T:\\home\\localhost\\visitka\\logs'; /временные директория должны быть доступны на запись/

var $tmp_path = 'T:\\home\\localhost\\visitka\\tmp'; / обычно сокращают var $tmp_path = '/tmp'; соответственно и /logs//* Session Setting */var $lifetime = '15';var $session_handler = 'database';}?>

Я не привожу здесь описаний всех настроек, так как у нас в данной статье другая задача.Желающие прочтут сами а для других этих настроек вполне достаточно чтоб сайт

заработал, а произвести остальные настройки можно из админпанели сайта в графическом интерфейсе с всплывающими подсказками.

Необходимо выставить права на папки, переименовать htaccess.txt в .htaccess,настроить robots.txt.

Это уже отдельная история больше связанная с безопасностью сайта, а в описаном нами случае все будет работать и дополнительные настройки можно проводить уже

в процессе работы сайта.

Расчетное время на выполнение вышеописанных операций30 минут.

У вас останется еще 30 минут на настройки в админпанели публикацию модулейи компонентов предустановленных Joomla-Maker , настройки

порядка расположения модулей на странице.

Часть 1. Установка сборки Joomla на локальный сервер.Часть 2. Работа с контентом Joomla.

Что предлагает онлайн конструктор сборок Joomla

Joomla-Maker.ru & Joomla-Maker.net

Отметить при необходимости установки в сборку демо данных:

Installation Предустановка Демо данных в сборку Site

Языки сайта и административной панели:

German (Germany-Switzerland-Austria) +Admin+S

Russian (CIS) +Admin+S

Ukrainian (Ukraine) +Admin+S

Polish (Poland) +Admin+S

Latvian (Latvia) +Admin+S

Italian (Italy) +Admin+S

French (France) +Admin+S

Español (Spanish Formal International) +Admin+S

Idioma Português (Portugal) +Admin+S

Nederlands - (Duch) +Admin+S

Norsk nynorsk (Norway) +Admin+S

Croatian (HR) +Admin+S

Estonian (Estonia) +Admin+S

Czech (Czech republic) +Admin+S

Hungarian (formal) +Admin+S

Finnish (Suomi) +Admin+S

Icelandic (Ísland) +Site

Slovak (Slovak Republic) +Admin+S

Македонски (Macedonian) +Admin+S

Svenska (Sverige) +Admin+S

Шаблоны:

RedEvo Aphelion Template Ver. 1.1.0.7 Red Evolution 19/11/07 Sunshine Template Ver. 1.0.4 Fio 26.10.08 Next Level Design Template Ver. 1.0 NLD 11/05/09 Keepitsimple Ver. 1.0.0 Joomlaxe 10/05/09 Subblack Ver. 1.1 dragmen 11/11/08 WhiteSpace Ver. 2.0 James Hafner 26/06/09 Eclipse Ver. 1.0 Camp26 Team 11/06/08 Js Jamba Ver. 1.6.1 Casey Lee March/08 Js Optimus Free Casey Lee 10/01/08 JSN Epic Free Ver. 2.0 JoomlaShine May/08 Aha Flufix Ver. 1.0 AHA Design 23/06/09 Aha editionblack Ver. 1.0 AHA Design 08/11/24

Модули:

Ajax Shoutbox (Bart Jochems) 1.2.0

Vinaora Visitors Counter (VINAORA) 1.7.0

Display News BK (BK) 1.6.2

Custom Code (Joomlaspan/FijiWebDesign) 1.0

Sponsored Links ClickSafe&Regular ( Joomlaspan!) 3.0

Sape Module (Andrew J. Lutsenko) 0.10.0

JW Tabs & Slides Module (JoomlaWorks) 1.0.0

Links Iconizer (Mohamad Ballouk) 1.0.J

News Show GK3 (Gavick.com) 3.2.0

PWCLogin (www.proWebCreative.com) 1.0.0

Page Peel Banner (TemplatePlazza Team) 1.1.2

Font Size Changer (UnDesign) 1.0.2

Core Design Login module (Daniel Rataj) 1.1.6

AMoney Donate (Adeptus) 1.0.0

Adeptus Clock (Adeptus) 1.2.0

Template Changer (JoomlaGear.com) 1.2.0

Extended Menu (Daniel Ecer) 1.0.6

-

Компоненты:

JoomlaPack plus (JoomlaPack) 2.3.2

sh404sef (Yannick Gaultier) 1.0.2

Linkr (Frank) 2.3.4

MorfeoShow Gallery (Vamba) 1.2.0

Joom!Fish (Think Network) 2.0.3

Vemod News Mailer (T.Allin) 1.2.12

Attachments (J. M. Cameron) 1.3.4

JComments (smart) 2.00.2

eXtplorer (soeren, QuiX Project) 2.0.1

ReReplacer (Peter van Westen) 2.4.0

Jumi (Edvard Ananyan) 2.1.0

VirtueMart 1.1.3

Language pack for VirtueMart 1.1.3

Community Builder (joomlapolis) 1.2.1

Kunena forum (kunena.com) 1.5.4

JCE 1.5.7-1.54 Pack (R.Demmer) 1.5.4

Плагины:

AllVideos (by JoomlaWorks) 2.5.4

ExtraVote-Display Rating Stars (Jesus Vargas) 1.4

JomiHide (Deep Arora - HowIDid.com) 1.5

Google Maps (Mike Reumer) 2.12j

Search Engine Keywords Highlight (JoeGuo) 1.0

SEOMeta (joe) 1.2

MultiAds (Joe Guo) 1.9

Kill Unapproved Users (Mitrich) 1.0

meta_NoFollow (John Connolly) 1.0

RD Add PHP ( Robert Deutz) 5.0

Simple Image Gallery Plugin (JoomlaWorks) 1.2.1

Tabs & Slides (in content items) (JoomlaWorks) 2.4

JoomSlide (Juan Miguel Sanchez) 1.41

LazyBackup 2 (Jean-Sebastien Gervais) 2.1.1

J-noindex-url add noindex tag (Balashov Alexandr) 1.1

Title Manager (Ercan Özkaya) 1.0.1

Jwrapperbot (infograf768) 1.0

System - Modalizer (nonumber.nl) 1.2.3

Введите Ваш ПИН-Код

За основу взята полностью руссифицированная сборка - от http://joomlaportal.ru

Англоязычный вариант конструктора

Отметить при необходимости установки в сборку демо данных:

Installation Предустановка Демо данных в сборку Site

Языки сайта и административной панели:

German (Germany-Switzerland-Austria) +Admin+S

Russian (CIS) +Admin+S

Ukrainian (Ukraine) +Admin+S

Polish (Poland) +Admin+S

Latvian (Latvia) +Admin+S

Italian (Italy) +Admin+S

French (France) +Admin+S

Español (Spanish Formal International) +Admin+S

Idioma Português (Portugal) +Admin+S

Nederlands - (Duch) +Admin+S

Norsk nynorsk (Norway) +Admin+S

Croatian (HR) +Admin+S

Estonian (Estonia) +Admin+S

Czech (Czech republic) +Admin+S

Make Joomla file >

Hungarian (formal) +Admin+S

Finnish (Suomi) +Admin+S

Icelandic (Ísland) +Site

Slovak (Slovak Republic) +Admin+S

Македонски (Macedonian) +Admin+S

Svenska (Sverige) +Admin+S

Шаблоны:

RedEvo Aphelion Template Ver. 1.1.0.7 Red Evolution 19/11/07 Sunshine Template Ver. 1.0.4 Fio 26.10.08 Next Level Design Template Ver. 1.0 NLD 11/05/09 Keepitsimple Ver. 1.0.0 Joomlaxe 10/05/09 Subblack Ver. 1.1 dragmen 11/11/08 WhiteSpace Ver. 2.0 James Hafner 26/06/09 Eclipse Ver. 1.0 Camp26 Team 11/06/08 Js Jamba Ver. 1.6.1 Casey Lee March/08 Js Optimus Free Casey Lee 10/01/08 JSN Epic Free Ver. 2.0 JoomlaShine May/08 Aha Flufix Ver. 1.0 AHA Design 23/06/09 Aha editionblack Ver. 1.0 AHA Design 08/11/24

Модули:

Ajax Shoutbox (Bart Jochems) 1.2.0

Vinaora Visitors Counter (VINAORA) 1.7.0

Display News BK (BK) 1.6.2

Custom Code (Joomlaspan/FijiWebDesign) 1.0

Sponsored Links ClickSafe&Regular ( Joomlaspan!) 3.0

Sape Module (Andrew J. Lutsenko) 0.10.0

JW Tabs & Slides Module (JoomlaWorks) 1.0.0

Links Iconizer (Mohamad Ballouk) 1.0.J

News Show GK3 (Gavick.com) 3.2.0

PWCLogin (www.proWebCreative.com) 1.0.0

Page Peel Banner (TemplatePlazza Team) 1.1.2

Font Size Changer (UnDesign) 1.0.2

Core Design Login module (Daniel Rataj) 1.1.6

AMoney Donate (Adeptus) 1.0.0

Adeptus Clock (Adeptus) 1.2.0

Template Changer (JoomlaGear.com) 1.2.0

Extended Menu (Daniel Ecer) 1.0.6

-

Компоненты:

JoomlaPack plus (JoomlaPack) 2.3.2

sh404sef (Yannick Gaultier) 1.0.2

Linkr (Frank) 2.3.4

MorfeoShow Gallery (Vamba) 1.2.0

Joom!Fish (Think Network) 2.0.3

Vemod News Mailer (T.Allin) 1.2.12

Attachments (J. M. Cameron) 1.3.4

JComments (smart) 2.00.2

eXtplorer (soeren, QuiX Project) 2.0.1

ReReplacer (Peter van Westen) 2.4.0

Jumi (Edvard Ananyan) 2.1.0

VirtueMart 1.1.3

Language pack for VirtueMart 1.1.3

Community Builder (joomlapolis) 1.2.1

Kunena forum (kunena.com) 1.5.4

JCE 1.5.7-1.54 Pack (R.Demmer) 1.5.4

Плагины:

AllVideos (by JoomlaWorks) 2.5.4

ExtraVote-Display Rating Stars (Jesus Vargas) 1.4

JomiHide (Deep Arora - HowIDid.com) 1.5

Google Maps (Mike Reumer) 2.12j

Search Engine Keywords Highlight (JoeGuo) 1.0

SEOMeta (joe) 1.2

MultiAds (Joe Guo) 1.9

Kill Unapproved Users (Mitrich) 1.0

meta_NoFollow (John Connolly) 1.0

RD Add PHP ( Robert Deutz) 5.0

Simple Image Gallery Plugin (JoomlaWorks) 1.2.1

Tabs & Slides (in content items) (JoomlaWorks) 2.4

JoomSlide (Juan Miguel Sanchez) 1.41

LazyBackup 2 (Jean-Sebastien Gervais) 2.1.1

J-noindex-url add noindex tag (Balashov Alexandr) 1.1

Title Manager (Ercan Özkaya) 1.0.1

Jwrapperbot (infograf768) 1.0

System - Modalizer (nonumber.nl) 1.2.3

Введите Ваш ПИН-Код

За основу взята оригинальная версия от http://joomla.org

Приглашаем посетить RU http://joomla-maker.ru

ENG http://joomla-maker.net

DEMO http://letitbit.net/download/3721.384ea465932ba837b1945ed5c6/17.09.2009.09.30.25.Joomla_Maker.net.FullRussFree.zip.html

DEMO http://letitbit.net/download/8382.83f0c3d89c0bce574232be6a6e/17.09.2009.09.48.18.Joomla_Maker.net.file.zip.html

Make Joomla file >