Как создать сайт самому?!

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


Урок 1 - установка локального сервера

Итак устанавливаем сервер на локальный компьютер.

Скачайте этот архив к себе на компьютер. Делаем по нему двойной щелчек и устанавливаем.

Нас там спросят, уверены ли мы в том, что хотим установить базовый пакет? Нажимаем ДА

Появляется вот такое окно:


Урок 2 - установка Joomla

Итак, среда для Joomla есть (сервер). Теперь установим саму Joomla.

Для этого запускаем Денвер, заходим на диск Х (или как Вы там его назвали), далее заходим в папки: home - localhost - www

Здесь мы и будем создавать папки для наших проектов. Рекомендую кстати использовать Total Commander. С ним очень удобно работать. Запомните хорошо путь к этой папке. Мы с Вами часто будем сюда заходить. Итак создаем там папку. Назовем ее "project" 


Урок 3 - устанавливаем шаблон, добавляем материалы, формируем главное меню

Ну вот мы и подошли непосредственно к созданию сайта-визитки.

Мне было очень лень выдумывать тексты (контент), поэтому я решил скопировать один из сайтов, которые нашел в интернете. Скопировать только контент (тексты), а дизайном займемся отдельно. Вот этот сайт-визитка. Мы сейчас его быстренько создадим с Вами, абсолютно бесплатно, а его владельцы, между прочим, отдали за него 700 грн. (87,5 $). Не верите? Вот сайт конторы, которая его создала, он находится у них в портфолио. Ну или по крайней мере находился, я не знаю, как долго он будет поддерживаться.


Урок 4 - дорабатываем главное меню, создаем пункт "Контакты"

Идем дальше. Дорабатываем главное меню.

Для начала изменим в главном меню пункт Home на что-нибудь более подходящее. Делается это так. Заходим в админпанели в верхнем меню в "все меню" - "Main Menu*" и выбираем там пункт Home (кликаем на него). К

Урок 5 - дорабатываем статьи, вставляем в статью изображение

Теперь давайте добавим картинку на главную страницу, как это сделано на образце. Сама картинка находится в архиве, который Вы себе скачали в 3-м уроке.

Заходим в папку X:\home\localhost\www\project\images\stories\ на Вашем компьютере. В эту папку и копируем нашу картинку. 
01_main.jpg - это тот файл (картинка) который мы скопировали.


Урок 6 - разбираемся с модулями

В этом уроке предлагаю разобраться с модулями. Я уже где-то раньше писал о том, что за вывод каких-нибудь элементов (меню, произвольный текст, различные голосования, блок поиска по сайту и т.д.) отвечает определенный модуль, который и закрепляет за этим элементом какие-то свойства. Может быть я тут не совсем понятно нагородил, сейчас на примере разберемся.


Урок 7 - перенос сайта на хостинг

Итак, очередной урок - перенос сайта на хостинг.

Для начала ознакомьтесь с этой статьей. В ней изложены мои рекомендации по выбору домена и хостинга.

Сразу подберем себе домен (имя сайта). Для этого переходим на сайт хостинговой компании. Выбираем там раздел "Регистрация доменов" - 
Здесь Вы проверяете, свободен ли домен, который Вы хотите на свой сайт.


Шаблоны Joomla

Как и обещал, вот Вам первая партия шаблонов, архив ниже. Единственное, я не везде просмотрел, закреплены ли все позиции за модулями в файле templateDetails.xml

Но даже если не везде, то Вы это легко можете исправить сами. Об этом подробно описано в уроке 6.


Урок 8 - добавляем фотогаллерею

Начинаем очередной урок. Сейчас мы будем ставить фотогаллерею.

Фотогаллерея - это стороннее расширение, не встроенное в Joomla. Поэтому устанавливать его будем самостоятельно. Скачайте этот архив себе на компьютер.


Урок 9 - ставим карту сайта

В этом разделе мы установим на наш сайт карту сайта. Это внешнее расширение, ставить его очень просто. Не смотря на всю простоту, оно довольно важное. Благодаря карте сайта поисковики будут лучше индексировать сайт, ну и посмотрев на карту сайта посетитель, возможно, сможет лучше сориентироваться. Пожалуй, это единственные ее функции.


Урок 10 - добавляем новые модули

В этом уроке мы с Вами будем добавлять новые модули.

Ну, для начала, давайте переставим наше главное меню в позицию left. Заходим в админпанель, "расширения" - "менеджер модулей", выбираем "Main Menu" и в поле "позиция" выбираем "left". Сохраняем. Я специально не делал скринов, потому что в одном из уроков это подробно описывалось.


Урок 11 - ставим баннер

В этом уроке мы с Вами будем устанавливать баннер. Но не просто картинку, как мы делали в предыдущем уроке, а красивый банер, использующий в своей работе php-код и flash-графику.

Дело в том, что изначально в Joomla не встроен модуль, который позволяет вставлять подобные элементы. Максимум что там есть - это "вставить произвольный HTML-код". Поэтому программисты-умельцы создали с нуля такой модуль, за что им огромное спасибо. Он для нас будет внешним расширением, поэтому и устанавливать мы его будем как внешнее расширение. Для начала скачайте отсюда этот модуль.


Урок 12 - работаем с разделами и категориями

В этом уроке мы с Вами создадим раздел, в нем категории, а в них статьи. Как во многих блогах, может быть Вы обратили внимание. Идет статья, потом она прерывается, идет ссылка "подробнее", переходя по которой попадаем на полный вариант статьи. Так вот таких статей с "подробнее" может быть на странице (в категории) много. Ну или мало... В общем, сколько выставим, столько и будет.


Урок 13 - меняем стандартную иконку

В этом уроке я расскажу Вам как поменять иконку Вашего сайта в браузере. Пример иконки Вы можете увидеть на моем сайте. У меня это радуга. Там, где в браузере пишите адрес сайта, и на вкладке. Знаю, что радуга никак не связана с темой этого сайта, но просто она мне очень понравилась, и я решил ее оставить. На Яндексе, например, это красная буква "Я". В общем, надеюсь Вы поняли о какой иконке я веду речь.

 

Урок 14 - делаем красивые ссылки ("урлы")

В этом уроке мы с Вами сделаем красивые, читаемые "урлы" (ссылки) на нашем сайте. Что я имею в виду: зайдя на любую страницу нашего сайта Вы увидите в адресной строке браузера очень длинный набор всяких символов, которые Джумла генерирует автоматически. 

Например, зайдем в "номера". В адресной строке Вы видите вот это:

Не очень красиво... Согласитесь, было бы намного лучше, если бы там было, к примеру, http://localhost/project/nomera


Урок 15 - обновляем Joomla!

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

До этого момента мы с Вами пользовались версией 1.5.7
В настоящее время уже есть версия 1.5.22 (может уже больше, я же не знаю, сколько пройдет времени с момента написания этого урока, до того, как Вы его прочитаете)
Чем они отличаются? Разработчики утверждают, что залатываются дыры в системе безопасности, увеличивается скорость обработки данных, а значит и время загрузки сайта и т.д. В всяком случае визуальных отличий практически никаких не будет. Панель управления все та же.
Движок: uCoz
Адаптация by © AID