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

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

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

 

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

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

 

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

 

 

 

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

 

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

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

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

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

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

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

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

 

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

 

HMA VPN

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

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

 

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

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

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

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

 

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

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

Предлагаю изначально создавать ваши проекты только на локальном сервере персонального компьютера, а таких несколько: 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. Нажимаем — Меню → Мои проекты → НАШ САЙТ.

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

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

 

Home

Рис. 1

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

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

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

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

 

 

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

 

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

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

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

Но для полного наполнения нашего тестового сайта, еще надо продолжать двигаться дальше.

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

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

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

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

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

В дальнейшем, для нормального функционирования сайта, надо установить несколько сторонних расширений.

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

 

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

Рис. 2

 

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

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

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

 

Выводы

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

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

 

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

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

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

 

 

 

   
Добавить комментарий

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter
Hosting CityHost