Если вы открыли и читаете эту страницу, значит хотите узнать, а как это сделать?..
Ресурс будет полезен для начинающих пользователей, которые хотят посвятить себя сайтостроению. Если не на коммерческой основе, то хотя бы для себя.
Это станет вашим хобби, полезным и увлекательным времяпровождением. Вы узнаете много новых и нужных знаний, как на компьютере, так и в интернете...
Если вы ещё молодой, то получите самоутверждение, и наверно получите толчок к познанию интересного и полезного, учиться и развиваться.
Для облегчения восприятия большого потока информации, в данной статье создано несколько разделов. Раскройте содержание ниже.
Внимание! В материалах сайта используется быстрый и удобный web-метод копирования кода:
В блоке <pre>, где отображается HTML-, PHP-, CSS-код — встроена кнопка для копирования этого кода. При нажатии, — код автоматически копируется в буфер обмена.
С чего начать?
Прежде всего, получить элементарные знания языка программирования - HTML и CSS.
И если хотите немного освоить этот язык, то сначала потренируйтесь хотя бы с файлами расширением .html на компьютере.
Затем, когда "созреете",- можно приступать к созданию своего проекта.
Его мы будем делать вместе на локальном сервере.
Подробно расскажу о сайте на который вы зашли, как он создавался, и на его примере, мы вместе сделаем подобный тестовый сайт.
Как его создать?,- с поэтапными шагами вы ознакомитесь ниже.
Внимание! В материалах сайта используются несколько ссылок на посторонние ресурсы. Но из-за сегодняшней ситуации в мире, некоторые сайты по этим ссылкам могут быть заблокированы.
Чтобы исключить блокировку, рекомендуем установить на ваших ресурсах программное обеспечение VPN.
Предлагаю скачать и установить бесплатное приложение для Windows:
Программа не "супер", но пользуюсь ней давно и она часто выручает.
Для чего нужен сайт?
Когда вы захотите создать собственный, прежде всего определитесь, для чего он вам нужен, и для каких целей.
По своему содержанию и предназначению, они бывают самой различной тематики и направленности.
Например: информационные, учебные, развлекательные, музыкальные, кино сайты, новостные, игровые, для бизнеса, коммерческие, интернет-магазины, сайты визитка, блоги, персональные и т.д.
Где хранятся сайты?
Каждый сайт может храниться в трех местах. Либо на локальном сервере, т.е. на сервере вашего компьютера, с последующим размещением в интернете на сервере хостинга, а также и в локальной сети. Какой использовать сервер?,- вам решать.
Предлагаю изначально создавать ваши проекты только на локальном сервере персонального компьютера, а таких несколько: Open Server, XAMPP, Denwer и др...
Для создания и модернизации этого сайта - использую Open Server.
Локальный сервер Open Server
Open Server Panel — это портативная программная среда, созданная специально для веб-разработчиков с учётом их рекомендаций и пожеланий.
Этот программный комплекс включает в себя тщательно подобранный набор серверного программного обеспечения, а также удобную управляющую утилиту с широкими возможностями по администрированию и настройке всех имеющихся компонентов.
Скачать дистрибутив можно на сайте разработчика
Во время создании этой статьи - вышел новый релиз дистрибутива 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
На 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). Но здесь почти пусто?!..
Мы выполнили лишь начальную стадию по созданию нашего проекта. Для того чтобы наполнить сайт контентом, и в результате чего должен получиться тестовый сайт - надо выполнить немалый объем работы.
Чтобы не запутать вас, т. к. статья очень длинная с большим объемом информации, предлагаю создать план нашей дальнейшей поэтапной работы.
Вы посмотрите его, раскрыв сжатый вид ниже.
Почти по каждому пункту плана написан материал на эту тематику, с которым вы ознакомитесь перейдя по соответствующей ссылке.
- Создать: дочерний шаблон Cassiopeia;
- - несколько категорий материалов;
- - несколько тестовых статей;
- - горизонтальное меню.
- Заменить логотип CASSIOPEIA в новом шаблоне.
- Переопределить макет материала Joomla в используемый шаблон.
- Подключить к сайту пользовательские стили и скрипты.
- Выполнить настройки в менеджере материалов.
- Добавить нужные базовые модули.
- Оформить страничку обратной связи - Контакты - (здесь об этом подробно рассказано при создании одноименного меню).
- Оформить страницу - Ошибка 404.
- Установить первоочередные расширения.
Закончили выполнение всего, согласно выше намеченному плану, и теперь продолжаем наши действия дальше...
Тестовый сайт
Для тестового сайта у нас уже есть много материалов.
- Создан дочерний шаблон Cassiopeia_child - шаблон для внешнего интерфейса Joomla 5, построенный на фреймворке Bootstrap 5.
- Установлен другой логотип
- Создано: Горизонтальное меню
- - несколько тестовых статей
- Созданы категории материалов
- Выполнены первоочередные переопределения и настройки Панели управления, и др.
Но для полного наполнения нашего тестового сайта, еще надо продолжать двигаться дальше.
Переименовать два системных модуля - (Login Form) в (Форма входа); модуль меню (Main Menu) в (Навигация), и разместить их по разным модульным позициям.
Создать несколько стандартных модулей из предложенного системного списка:
- Копирайт
- Поиск
- Популярные материалы
- Случайное изображение
- Список материалов
- Новости
- Последние материалы
- Список категорий
- Test-Новости
Последний Test-Новости - это дублер модуля Новости, но только со своими настройками.
Еще осталось несколько невостребованных модулей, в т. ч. модуль для вставки на сайт произвольного HTML-кода — замечу, что очень хороший модуль! А так, системный багаж расширений истощился...
В дальнейшем, для нормального функционирования сайта, надо установить несколько сторонних расширений.
И после установления системных модулей - вот какой получился примерный тестовый сайт - раскрой аккордион (Рис.2) и см. картинку ниже.
Стоит заметить, что для создания этого тестового сайта не применялось ни одного пользовательского стиля и скрипта - все системное.
И на мой взгляд, получился этот адаптивный тестовый сайт с offcanvas-меню совсем приличный.
Если его модернизировать, наполнить нужным контентом, использовать грамотные CSS-стили и некоторые скрипты, а также установить необходимые расширения, то получится довольно нормальный профессиональный Web-проект.
Выводы
Название нашей Главной станицы, а также информация на логотипе сайта подтверждается,- создать сайт на CMS Joomla! совсем просто и не сложно...
Если применить знания, умения и хватку, для такого выбранного не простого решения - создание сайта.
P.S. Спасибо всем пользователям интернета за интерес к созданию этого проекта.
На этом сайте информационная компания не заканчивается. Будем стараться продолжать публиковать интересный материал для наших читателей.
Мы учимся сами, осваиваем новое, полезное - чтобы передать знания вам.