Сделаем сайт вместе

 

  Приветствую посетителей этого сайта!

Если вы открыли и читаете эту страницу, значит хотите узнать, а как это сделать?..

 

Преамбула

Ресурс будет полезен для всех пользователей, которые хотят посвятить себя сайтостроению. Если не на коммерческой основе, то хотя бы для себя.

 

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

 

Для облегчения восприятия многопоточной информации, в данном материале создано несколько разделов. Раскройте содержание ниже.

 

 

 

Внимание! В статьях сайта используется быстрый и удобный web-метод копирования кода:
В блоке <pre>, где отображается HTML-, PHP-, CSS-код — встроена кнопка для копирования этого кода. При нажатии, — код автоматически копируется в буфер обмена.

 

С чего начать?

Прежде всего, получить элементарные знания языка программирования - HTML и CSS.

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

Затем, когда "созреете",- можно приступать к созданию своего проекта.

Его мы будем делать вместе на локальном сервере.

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

Как его создать?,- с поэтапными шагами вы ознакомитесь ниже.

 

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

 

Предлагаю надежный VPN-клиент для Windows: HMA! Pro VPN,- который предлагает своим пользователям широкий выбор удаленных серверов, неограниченный объем сетевого трафика, а также простоту использования. Никакой регистрации.

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

Это приложение также можно скачать и установить с Google Play на Андроиде. Код на бесплатную лицензию действителен.

 

Для чего нужен сайт?

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

По своему содержанию и предназначению, они бывают самой различной тематики и направленности.

Например: информационные, учебные, развлекательные, музыкальные, кино сайты, новостные, игровые, для бизнеса, коммерческие, интернет-магазины, сайты визитка, блоги, персональные и т.д.

 

Где хранятся сайты?

Каждый сайт может храниться в трех местах. Либо на локальном сервере, т.е. на сервере вашего компьютера, с последующим размещением в интернете на сервере хостинга, а также и в локальной сети. Какой использовать сервер?,- вам решать.

Предлагаю изначально создавать ваши проекты только на локальном сервере персонального компьютера, а таких несколько: Open Server, XAMPP, Denwer и др...

Для создания и модернизации этого сайта - использую Open Server.

 

Локальный сервер Open Server

Open Server Panel — это портативная программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.

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

Скачать дистрибутив можно на сайте разработчика OSPanel.io.

 

Во время создании этой статьи - вышел новый релиз дистрибутива OSPanel версии 6.0, который для начинающего Web-мастера окажется затруднительным, и на мое мнение - не совсем доработанным.

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

 

Дальнейшая информация в этой статье касается предыдущей версии OSPanel 5.4.3, которая на мой взгляд проще, визуально и интуитивно понятней для простого пользователя.

Скачать этот дистрибутив Open Server Panel 5.4.3 (x64) можно здесь.

 

Весь информационный ресурс по установке, запуске, настройке Open Server Panel вы можете получить в материале нашего сайта.

 

Что такое CMS?

CMS (англ. Content Management System) — это система предоставляющая широкие функциональные возможности для создания и управления сайтом с визуально удобным интерфейсом, и с помощью которого, можно добавлять и редактировать содержимое сайта, а также управлять контентом – хранение, контроль, назначение доступа.

 

Почему CMS Joomla?

CMS Joomla! — специальное программное обеспечение, позволяющее управлять содержимым сайта: добавлять и редактировать новые страницы, управлять метатегами, работать с текстом, изображениями и другим контентом.

Joomla! бесплатная платформа для создания веб-сайтов. Это проект с открытым исходным кодом, который стремительно развивается. С помощью данного «движка» вы сможете создавать сайты и управлять ими с максимальной простотой. За семь лет своего существования Joomla! обрела популярность среди миллионов пользователей Интернета.

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

 

Пользоваться CMS Joomla или нет - решать вам. На наш взгляд Joomla! имеет больше преимуществ использования, чем недостатков. А открытость кода дает почти безграничные возможности применения в реализации большого числа идей и задумок!

 

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

Самый верный путь!..

Создать сайт на Joomla!, а мы это сделаем вместе,- и как гласит логотип нашего сайта, совсем несложно, если вы выбрали для этого бесплатную платформу для создания веб-сайтов — CMS Joomla!

 

Установка Joomla

Последний релиз Joomla 5 скачиваем с официального сайта Joomla.org.

 

На Open Server Panel версии 5.4.3, в папке domain - создаем подпапку с названием нашего сайта. В эту папку распаковываем архив с Joomla.

Указываю эту версию, т.к. совсем недавно вышла новая версия OS Panel 6.0. Этот дистрибутив немного отличается от предыдущего.

Как установить Joomla! здесь?,- ознакомьтесь с этим материалом на нашем сайте отдельно.

Итак, перезапускаем OS Panel - нажимаем — Меню → Мои проекты → НАШ САЙТ.

 

Процесс установки Joomla совсем простой, несложный и доступный любому начинающему пользователю! - (не люблю вульгарное слово "чайник")

 

Начинаем... Запустился процесс установки Joomla... Об этом вы подробно почитаете в отдельном материале нашего сайта.

 

Установка Joomla 5 закончилась успешно и вас поздравляют - ВЫ УСПЕШНО УСТАНОВИЛИ Joomla!

 

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

Как это сделать?,- вы узнаете в другой статье нашего сайта.

 

Для того чтобы зайти в Панель управления, надо в адресной строке браузера прописать http://ВАШ_САЙТ/administrator/.

 

Чтобы через Панель управления открыть сайт: вверху, справа - нажмите кнопку с названием сайта. Об этом вы подробно читали выше.

 

В дальнейшем, для входа на сайт будете использовать меню Open Server — Меню OS → Мои проекты → ВАШ_САЙТ.

 

 

Наконец то открылась чистая Главная страница нашего проекта! - (Рис. 1).

 

Мы выполнили лишь начальную стадию по созданию тестового продукта. Для того чтобы наполнить сайт контентом, и в результате чего должен получиться тестовый сайт - надо выполнить немалый объем работы.

Чтобы не запутать вас, т.к. статья очень длинная - с большим объемом информации, предлагаю создать план нашей дальнейшей поэтапной работы.

Вы посмотрите его, раскрыв сжатый вид ниже.

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

 

 

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

 

Тестовый сайт

Для тестового сайта у нас уже есть немало материалов.

• Создан дочерний шаблон Cassiopeia_child - шаблон для внешнего интерфейса Joomla 5, построенный на фреймворке Bootstrap 5.
• Установлен другой логотип
• Создано: Горизонтальное меню
• - несколько тестовых статей
• Созданы категории материалов
• Выполнены первоочередные переопределения и настройки Панели управления, и др.

Но для полного наполнения сайта, еще надо провести некоторую работу.

Переименовать два системных модуля - (Login Form) в (Форма входа); модуль меню (Main Menu) в (Навигация), и разместить их по разным модульным позициям.

Создать несколько стандартных модулей из предложенного системного списка:

• Копирайт
• Поиск
• Популярные материалы
• Случайное изображение
• Список материалов
• Новости
• Последние материалы
• Список категорий
• Test-Новости

Последний Test-Новости - это дубликат модуля Новости, но только со своими настройками.

Еще осталось несколько невостребованных модулей, в т.ч. модуль для вставки на сайт произвольного HTML-кода. А так, системный багаж расширений истощился...

Завершили установку доступных системных модулей, и вот какой получился шикарный примерный тестовый сайт!,- раскрой аккордеон (Рис.2) и см. картинку ниже.

 

 

Стоит заметить, что для создания этого тестового сайта не применялось ни одного пользовательского стиля и скрипта - все системное.

И на мой взгляд, получился этот адаптивный тестовый сайт с offcanvas-меню совсем приличный.

Если его модернизировать, наполнить нужным контентом, использовать грамотные CSS-стили и некоторые скрипты, а также установить необходимые расширения, то получится довольно нормальный профессиональный Web-проект.

 

Выводы

Название нашей Главной станицы, а также информация на логотипе сайта подтверждается,- создать приличный сайт на CMS Joomla! совсем просто и несложно, и у нас это получилось вместе...

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

 

P.S. Спасибо всем пользователям интернета за интерес к созданию этого проекта.

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

Мы учимся сами, осваиваем новое, полезное - чтобы передать знания вам.

 

---