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

Веб дизайн

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




Как скрыть элемент, отключить видимость в CSS. Свойства display и visibility

Это видео посвящено вопросу о том, как скрыть текст, картинку, блок или другой элемент на HTML странице сайта при помощи CSS стилей. Первый способ, который мы рассмотрим, позволяет скрыть элемент, отключив его видимость. Т.е. объект становится невидимым, а его место остается занятым. Второй способ позволяет полностью отключить элемент, т.е. удалить его и освободить место, которое он занимал. Для отключения видимости элемента в CSS предназначено свойство visibility, которое может иметь два...

Порядок отображения элементов - Z-индексы в CSS. Свойство z-index

В этом онлайн уроке рассказывается о том, как что такое z-индексы в CSS и в каких случаях их необходимо использовать. Все дело в том, что любые позиционированные элементы на HTML странице сайта могут накладываться друг на друга. Т.е. каждый из них может находиться либо выше, либо ниже других объектов. Иногда они располагаются в нужном порядке, а в некоторых случаях их положение не такое как требуется. Чтобы точно определить порядок положения позиционированных объектов относительно друг друга...

Фиксированное позиционирование в CSS. Свойство position со значением fixed

Видео урок «Фиксированное позиционирование в CSS. Свойство position со значением fixed» посвящен вопросу о том, как можно зафиксировать положение какого-либо элемента на HTML странице сайта. Для фиксации блока, картинки или другого элемента, в CSS предусмотрено свойство position, которому необходимо установить значение fixed. В этом случае браузер не будет прокручивать данный объект вместе с остальным контентом страницы сайта, а оставит его на той позиции, которую мы зададим в свойствах left...

Относительное позиционирование в CSS. Свойство position со значением relative

Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно...

Абсолютное позиционирование в CSS. Свойство position со значением absolute

В этом видео рассказывается о том, что такое абсолютное позиционирование элементов в CSS, для чего оно нужно и как с ним работать. Чтобы абсолютно позиционировать какой-либо элемент HTML страницы сайта, необходимо в CSS прописать для него свойство position со значением absolute. В этом случае этот блок, картинка или другой элемент будет отделен от всего остального контента страницы и приподнимется над ним. Таким образом, первоначальное место расположения объекта станет свободно, и его смогут...

Позиционирование блоков и элементов. CSS свойство position

Урок «Позиционирование блоков и элементов. CSS свойство position» посвящен вопросу о том, как при помощи стилей CSS можно поместить картинку, блок или другой элемент HTML страницы в какое-либо место на сайте. Позиционирование очень часто используется при верстке сайтов, особенно в проектах со сложным дизайном. За позиционирование объектов отвечает свойство position, которое может принимать значения: absolute, relative, fixed и static. По умолчанию все элементы HTML страницы имеют свойство...

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

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

Особенности использование float в CSS, отмена обтекания. Свойство clear

Видео «Особенности использование float в CSS, отмена обтекания. Свойство clear» посвящено вопросу об основных моментах, на которые стоит обратить внимание при работе с плавающими элементами и как сделать очистку свойства float. Первая особенность использования float заключается в том, что для создания плавающего элемента необходимо обязательно указать его ширину в свойстве width. Иначе он будет занимать всё предоставленное ему пространство по ширине и не даст себя обтекать. При использовании...

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

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

CSS свойство float. Выравнивание и обтекание блока или картинки текстом

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



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