Нужен собственный сайт, но нет денег для его разработки у профессиональных веб-мастеров? Выход из сложившейся ситуации есть, сделайте его собственноручно. Специально для Вас я записал 4 бесплатных видео урока в которых подробно описывается процесс создания полноценного сайта, используя современную систему управления сайтами Joomla 3x. Демо сайта, который в итоге должен получиться: Доп. материалы:


Модуль адаптивен для мобильных устройств и подходит как для Joomla 2.5, так и для Joomla 3 версии (на момент тестирования, работа модуля проверялась на версиях CMS Joomla 2.5.28 и 3.6.2). В качестве источника контента назначаются одна или несколько категорий материалов Joomla. Модуль прекрасно впишется для отображения последних новостей сайта, анонсов, самых просматриваемых материалов и т.д. Mj Simple News проверен на наличие вредоносного кода и закодированных ссылок - все чисто. Модуль полностью русифицирован. Скачать модуль:


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


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


Simple Pop-up - небольшой плагин для CMS Joomla, создающий всплывающие модальные окна с использованием cookie. Именно использование технологии cookie и делает этот плагин особенным, т.к. с его помощью можно создать автоматически всплывающее модальное окно, которое, например, будет показываться пользователю раз в неделю, месяц, год. Читать полное описание урока:


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


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


Постоянно пополняемая коллекция бесшовных фонов в форматах png, jpg и gif, состоящая из более чем 200 различных цветовых и графических вариаций. Читать полное описание урока:


Readmore.js - плагин с помощью которого скрывается часть текста при условии превышения заданной длины. После отображаемого текста размещается ссылка Читать далее , при нажатии на которую разворачивается весь текст. После полностью развернутого текста появляется ссылка Скрыть , при нажатии на которую текст снова сворачивается. Читать полное описание урока:


Социальные сети являются одним из главных источников трафика любого сайта. Именно поэтому каждому владельцу собственного сайта желательно иметь свое официальное представительство в популярных социальных сетях, таких как ВКонтакте, Facebook, Одноклассники и т.д. Читать полное описание урока:


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


Продолжаем обзор качественных CSS3 hover эффектов, используемых для внешнего оформления сайта. Рассмотрим работу 9 оригинальных анимационных эффектов при наведении курсора на объект. Читать полное описание урока:


В преддверии нового года большинство сайтостроителей вместе с праздничным настроением обретают желание красиво оформить свое веб-творение. Праздничное оформление не должно создавать серьезную нагрузку на сервер за счет тяжелой графики и других элементов украшения, создавая неудобство у пользователя в использовании сайта. Именно это может послужить причиной падения трафика сайта. Начать оформление стоит с использования легкого плагина csnow.js, который позволит реализовать падающий снег на сайте. Читать полное описание урока:


Официальная поддержка Joomla 2.5 закончилась 31 декабря 2014 года,соответственно, более обновлений для неё выходить не будет (финальной версией была Joomla 2.5.28) В добавок ко этому JED (Joomla Extensions Directory) 1 июня 2015 года удалило все расширения, связанные с Joomla 2.5, а 30 июня в JED полностью исчезло упоминание о Joomla 2.5. Рано или поздно Вы осознаете, что нужно идти в ногу со временем, обновив старую добрую версию Joomla 2.5 до 3 версии, элементарно даже для того, чтобы поддерживать безопасность своего сайта в актуальном состоянии. Рассмотрим пример того, что стало с Joomla 1.5: 27 сентября 2012 года была завершена поддержка версии 1.5, обновлений нет, уязвимости CMS выявлены - в итоге на данный момент очень большое количество сайтов на Joomla 1.5 заражены вредоносным кодом и, соответственно, взломаны. Причем взломы происходят в автоматическом режиме, т.к. в основном используются настраиваемые боты свободно ломающие подобные сайты. На всю процедуру миграции моего сайта с CMS Joomla 2.5 до 3-версии и дальнейших доработок у меня ушел 1 день. Смотрим подробности в представленном видео.


Скачать компонент, русификатор и скрипт восстановления:


Данный видео урок посвящен реализации поиска вирусов и вредоносного кода в файлах сайта при помощи бесплатной антивирусной утилиты от всеми нами известной компании Яндекс, которая имеет название Манул. Официальный сайт утилиты: Скачать измененную версию антивируса Manul (если у Вас не работает версия утилиты с официального сайта):


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


Кэширование - процесс сохранения страниц сайта в кэше для предотвращения их постоянной загрузки с сервера. При первом обращении пользователя к веб-странице сайта происходит её генерация и передача в браузер для обзора. За счет включенного кэширования страница не будет постоянно генерироваться, создавая лишнюю нагрузку на сервер, вместо этого она сохраниться в папке кэша сайта. Читать полное описание урока:


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


Довольно часто у многих вебмастеров появляется необходимость в использовании иконок для визуального оформления сайта. Использование картинок в качестве иконок является не совсем практичной затеей из-за проблем с масштабированием и сохранением качества изображения при этом. В качестве более практичной альтернативы появились иконочные шрифты, которые стали очень популярны среди многих веб разработчиков. Иконочный шрифт - шрифт, содержащий в себе специальные знаки и символы при помощи которых формируются необходимые иконки. Получившиеся в результате иконки являются векторной графикой, использование которой позволяет вебмастеру получать массу практичных возможностей. Читать полное описание урока:


Продолжаем открывать для себя удивительный мир CSS3 hover эффектов, используемых для оживления внешнего оформления сайта. Рассмотрим процесс реализации красивой и креативной CSS3 кнопки. Читать полное описание урока:


В предыдущем видео уроке шла речь о том как преобразить обычную таблицу при помощи CSS3 стилей, увеличив уровень легкости восприятия информации при её изучении. В результате таблица была оформлена в зебровидном стиле, также при наведении на определенную строку происходило её выделение определенным цветом. Разберем еще один вариант оформления таблицы. На этот раз будут использоваться не только CSS3 стили, но еще и библиотека JQuery. Читать полное описание урока:


В устаревших версиях браузера Internet Explorer сайт может отображаться некорректно. Это происходит из-за того, что современные сайты в своем дизайне используют каскадные таблицы стилей CSS3, которые не поддерживаются устаревшим IE с версии 5.5 до 9 (включительно). В этом случае, зашедший на Ваш сайт пользователь, используя Internet Explorer 8 версии, может сразу же его закрыть , посчитав сайт кривым и неудобным. В итоге будет потерян драгоценный пользователь и качественный трафик, который он мог бы предоставить. Читать полное описание урока:


Видео инструкция сервиса, позволяющего создавать CSS3 кнопки и генерировать их код для вставки на сайт. Перейти к сервису:


Использование таблиц подразумевает размещение большого количества информации в компактном, структурированном и логически понятном виде. При этом не стоит забывать о внешнем оформлении таблиц, т.к. от него напрямую зависит легкость восприятия информации конечным пользователем. В оформлении таблицы нам помогут незаменимые помощники любого веб-мастера - CSS стили. Читать полное описание урока:


Видео добавлено: