Приветствую Вас Гость | Регистрация | Вход

Веб дизайн

В разделе «Веб Дизайн» собраны онлайн уроки посвященные созданию сайтов, их раскрутке и продвижению в поисковых системах. Создание сайтов это достаточно интересный процесс, и все больше людей хотят сделать сайт своими руками. Здесь находятся подборка видео уроков, которая будет полезна как для начинающих веб-мастеров, так и для опытных web-дизайнеров. Обучение по HTML, CSS, PHP, JavaScript, базы данных MySQL, верстка сайта, системы управления сайтов (CMS) и многое другое. К некоторым видео урокам прилагаются дополнительные материалы, которые можно скачать. Все уроки из этого раздела вы можете смотреть абсолютно бесплатно. Приятного Вам обучения!




HTML/CSS, Разработка сайтов Создание гибкого элемента Head

Hallo. В этом видео мы создавали липкую шапку страницы, используя язык программирования JavaScript. При прокрутке страницы шапка сайта будет ужиматься в своих размерах, благодаря сравнению свойств элементов в коде. Для закрепления элемента к верху страницы мы повторим такое свойство как position со значением sticky Таймкод: 00:00 - Введение 0:58 - Разбор примера 1:42 - Открытие нового проекта в SublimeText3 1:57 - Создание базовой разметки документы 2:55 - Создание основной структуры...

Joomla 3.0. Изменение дизайна меню и его пунктов через CSS

Здесь рассказывается о том, как на сайте под управлением Joomla 3.0 изменить дизайн меню и его пунктов через CSS. Мы будем изменять оформление для главного меню и для верхнего горизонтального меню. Для того, чтобы создать класс для оформления главного меню, необходимо зайти в его модуль. Для этого через панель управления зайдите в Расширения - Менеджер модулей. На открывшейся страничке войдите в соответствующий модуль. Затем перейдите на вкладку - Дополнительные параметры. Обратите внимание на...

Создание сайта самостоятельно с нуля на PHP+SQL

В этом видео уроке вы узнаете как создается простой блог на PHP. Это заключительная часть курса по изучению PHP + MySQL с нуля. В первой части урока будет в ускоренном режиме показано как создаётся шаблон сайта. Это больше относится к внешнему виду сайта, т.е. к вёрстке, поэтому подробностей здесь не будет. Вёрстку сайта необходимо изучать в других курсах, которые посвящены работе с HTML и CSS. Во второй части данного видео урока и уже более подробно будет рассмотрена работа с PHP и MySQL...

Веб-дизайн с нуля в Figma (часть 1)

Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2

Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1

Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...

Проверка доступности и работоспособности сайта. Сервис мониторинга Ping-Admin

Здесь рассказывается о том, как первым узнать о недоступности или неработоспособности своего сайта. Проверку доступности и работоспособности сайта можно осуществлять при помощи специальных сервисов по онлайн мониторингу. Ping-Admin - это один из таких сервисов, который позволяет выполнять мониторинг работы сайтов и серверов в круглосуточном режиме. А в случае каких-либо сбоев, сервис будет предупреждать Вас об этом по электронной почте или через sms сообщения. Ping-Admin может проверять на...

Свойства стилей CSS, которые не наследуются. Значение inherit

Урок «Свойства стилей CSS, которые не наследуются. Значение inherit» посвящен вопросу о том, какие свойства являются ненаследуемыми, и как сделать так, чтобы они наследовались от своего родителя. Дело в том, что большинство свойств в CSS не наследуются от родителей, но при этом многие из них могут иметь значение inherit. При помощи inherit, можно указать браузеру на то, что значение данного свойство нужно брать от его родителя. Таким образом, мы можем сделать из ненаследуемого свойства...

Учебник HTML для начинающих. Радиокнопки (radio)

В этом видео уроке рассказывается о том, как сделать радиокнопку в HTML. Данный элемент формы обычно используется для выбора ответа на заданный вопрос из нескольких предложенных вариантов. При этом пользователь может выбрать только один из этих вариантов. Т.е. при выборе одного элемента, происходит автоматическое отключение другого. Для создания радиокнопок в HTML предусмотрен тег input, в котором атрибут type установлен в значение radio. Для него, как и для других элементов формы, необходимо...

Интернет-магазин uCoz. Прайс-лист, цены, управление заказами

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



Если у Вас есть качественные видео уроки, которых нет на нашем сайте, то Вы можете добавить их в нашу коллекцию. Для этого Вам необходимо загрузить их на видеохостинг (например, YouTube) и добавить код видео в форму добавления уроков. Возможность добавлять свои материалы доступна только для зарегистрированных пользователей.