ВИДЕО УРОКИ ДЛЯ ВСЕХ
И ОБО ВСЁМ!
Приветствую Вас Гость | Регистрация | Вход

Веб дизайн

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




Создание сайта в системе uCoz

В этом онлайн уроке рассказывается о том, как создать сайт в системе uCoz. Для создания сайта, используя конструктор сайтов uCoz, вам необходимо сначала зарегистрироваться в этой системе. Внизу данного урока находится ссылка на сайт системы uCoz. Если Вы уже зарегистрированы, то войдите под своим логином и паролем. После авторизации, вы попадете на так называемый вебтоп. Это Ваше рабочее место, где имеется папка с созданными сайтами. Зайдите в эту папку, у вас она будет ещё пуста. Для создания...

Как вставить карту гугл (Google) на сайт

В этом онлайн уроке рассказывается о том, как вставить карту гугл на страницу своего сайта. Сервис от Google позволяет бесплатно вставить карту на какой-либо сайт. Можно добавить на свой сайт карту с выделением конкретного места, адреса или участка с обозначением схемы проезда. Такие карты часто встречаются в Интернете на сайтах организаций, агентств недвижимости и т.д. Для того, чтобы вставить такую карту себе на сайт, необходимо зайти на сервис maps от google и авторизироваться там под своим...

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

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

Выравнивание блоков div по высоте (одинаковые колонки сайта) с помощью jQuery

В этом онлайн уроке рассказывается о том, как сделать выравнивание блоков div по высоте. Это часто требуется в том случае, если на сайте имеется несколько блоков div, каждый из которых может меняться по высоте в зависимости от размещённого в нём текста или другого контента. Например, это могут быть боковые части сайта (сайдбары) и блок с основным контентом. Для того чтобы колонки сайта были одинаковые по высоте необходимо воспользоваться одним из вариантов решения данной проблемы. В интернете...

Разметка HTML страницы сайта на основе блоков div и CSS свойства float

В этом видео уроке рассказывается о том, как выполняется разметка HTML страницы сайта на основе блоков div и CSS свойства float. Для того чтобы сделать каркас сайта на основе плавающих элементов нам понадобятся несколько блоков div, которые будут играть роль шапки сайта, сайдбаров (боковые части), основного блока с контентом, и нижней части сайта. Далее, при помощи стилей CSS и свойства float мы будем определять внешний вид этих блоков, их размеры и положение на HTML странице. Каждому тегу div...

Как в CSS сделать красивое оформление элементов input в формах

Это видео посвящено вопросу о том, как в CSS сделать красивое оформление элементов input в формах. Для начала необходимо присвоить для тегов input, предназначенных для ввода имени и пароля, определенный класс, через который мы будем определять свойства, влияя на внешний вид элементов формы. Теперь в файле CSS можно установить для них рамку через свойство border и ширину - width. После этого, с помощью параметра background-image, поставим на фон элементов input изображение в виде градиента...

Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание

Видео урок «Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание» посвящен вопросу о том, как с помощью стилей можно управлять внешним видом таблиц. Для определения границ таблицы и ячеек используется свойство border, в котором указывается размер рамки, её стиль и цвет. Размеры таблицы задаются при помощи свойств width и height (ширина и высота). Для установки отступов внутри ячеек предназначено свойство padding. Чтобы выровнять текст в ячейках таблицы, например по центру...

Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border

Урок «Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border» посвящен вопросу о том, как делается рамка для HTML элементов - таблицы, вокруг текста, картинки и т.д. Для создания рамки в CSS предусмотрено три свойства. В свойстве border-width указывается толщина рамки в пикселях, а border-style отвечает за её стиль. Здесь можно указать следующие значения: dotted (точечная), dashed (пунктирная), solid (сплошная) и double (двойная). За цвет рамки отвечает свойство border-color. В...

Выравнивание текста и красная строка в CSS. Свойства text-align и text-indent

В этом видео уроке рассказывается о том, как в CSS сделать выравнивание текста и отступ абзаца от края (красная строка). Для этого в CSS предусмотрены два свойства, это text-align и text-indent. За выравнивание текста отвечает свойство text-align, которое может иметь четыре значения. По умолчанию браузер выравнивает все элементы HTML страницы по левому краю, это соответствует значению left. Чтобы выровнять текст по правому краю, нужно использовать - right, а по центру - center. Также часто...

Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration

Онлайн урок «Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration» посвящен вопросу о том, как выделить текст подчёркиванием или перечёркиванием. За такое декоративное оформление текста в CSS отвечает свойство text-decoration. Оно имеет несколько значений. Первое из них это underline, что означает подчеркивание текста. Следующее значение overline ответственно за верхнее подчеркивание текста. И последнее значение line-through используется для перечеркивания текста...



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