Если вы открыли и читаете эту страницу, значит хотите узнать, а как это сделать?..
Ресурс будет полезен для начинающих пользователей, которые хотят посвятить себя сайтостроению. Если не на коммерческой основе, то хотя бы для себя.
Это станет вашим хобби, полезным и увлекательным времяпровождением. Вы узнаете много новых и нужных знаний, как на компьютере, так и в интернете...
Если вы ещё молодой, то получите самоутверждение, и наверно получите толчок к познанию интересного и полезного, учиться и развиваться.
Для облегчения восприятия большого потока информации, в данной статье создано несколько разделов. Раскройте содержание ниже.
Внимание! В материалах сайта используется быстрый и удобный web-метод копирования кода:
В блоке <pre>, где отображается HTML-, PHP-, CSS-код — встроена кнопка для копирования этого кода. При нажатии, — код автоматически копируется в буфер обмена.
С чего начать?
Прежде всего, получить элементарные знания языка программирования - HTML и CSS.
И если хотите немного освоить этот язык, то сначала потренируйтесь хотя бы с файлами расширением .html на компьютере.
Затем, когда "созреете",- можно приступать к созданию своего проекта.
Его мы будем делать вместе на локальном сервере.
Подробно расскажу о сайте на который вы зашли, как он создавался, и на его примере, мы вместе сделаем подобный тестовый сайт.
Как его создать?,- с поэтапными шагами вы ознакомитесь ниже.
Внимание! В материалах сайта используются несколько ссылок на посторонние ресурсы. Но из-за сегодняшней ситуации в мире, некоторые сайты по этим ссылкам могут быть заблокированы.
Чтобы исключить блокировку, рекомендуем установить на ваших ресурсах программное обеспечение VPN.
Предлагаю надежный VPN-клиент для Windows: HMA! Pro VPN,- который предлагает своим пользователям широкий выбор удаленных серверов, неограниченный объем сетевого трафика, а также простоту использования. Никакой регистрации.
Об этом приложении вы почитаете здесь, где также можете бесплатно скачать с нашего сервера.
Для чего нужен сайт?
Когда вы захотите создать собственный, прежде всего определитесь, для чего он вам нужен, и для каких целей.
По своему содержанию и предназначению, они бывают самой различной тематики и направленности.
Например: информационные, учебные, развлекательные, музыкальные, кино сайты, новостные, игровые, для бизнеса, коммерческие, интернет-магазины, сайты визитка, блоги, персональные и т.д.
Где хранятся сайты?
Каждый сайт может храниться в трех местах. Либо на локальном сервере, т.е. на сервере вашего компьютера, с последующим размещением в интернете на сервере хостинга, а также и в локальной сети. Какой использовать сервер?,- вам решать.
Предлагаю изначально создавать ваши проекты только на локальном сервере персонального компьютера, а таких несколько: 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. Спасибо всем пользователям интернета за интерес к созданию этого проекта.
На этом сайте информационная компания не заканчивается. Будем стараться продолжать публиковать интересный материал для наших читателей.
Мы учимся сами, осваиваем новое, полезное - чтобы передать знания вам.
