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

Веб дизайн

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




Как в CSS сделать прозрачный фон, фоновый цвет или картинку

Видео «Как в CSS сделать прозрачный фон, фоновый цвет или картинку» посвящено вопросу о том, как на HTML странице сайта при помощи стилей CSS сделать прозрачный фон, поменять фоновый цвет или установить произвольную картинку, подключив файл с фоновым изображением. Каждый элемент на HTML странице сайта может иметь свой фон. По умолчанию он не установлен, т.е. все элементы имеют прозрачный фон, и только элемент body изначально отображается белым цветом. Цвет фона в CSS задается свойством...

Блочные и встроенные элементы в CSS. Свойство display

В этом видео уроке рассказывается о том, что такое блочные и встроенные элементы, чем они отличаются и как с ними работать в CSS. А также как из блочного элемента сделать встроенный и наоборот. Блочные элементы отличается от встроенных тем, что они всегда начинаются с новой строки, например тег div, p, h и т.д. Встроенные элементы (теги span, a, b, strong, I, em и т.д.) не разрывает строку, и используются в основном для выделения части текста каким-либо стилем. Внутри одного встроенного...

Конфликты полей блоков, особенности работы с отступами margin в CSS

Онлайн урок «Конфликты полей блоков, особенности работы с отступами margin в CSS» посвящен вопросу о том, какие проблемы могут возникнуть при работе с отступами и как их решить. Конфликты полей возникают в том случае, если для двух соседних блоков заданы разные внешние отступы. Приведем пример. Имеются два блока - верхний и нижний. У верхнего блока, при помощи свойства margin-bottom, задан внешний отступ снизу - 20 пикселей. А у нижнего блока задан верхний внешний отступ - margin-top в значении...

Размеры блока в CSS - ширина и высота блока, выравнивание. Свойства width и height

Это видео посвящено вопросу о том, как в CSS задается ширина и высота блока, т.е. его размеры - свойства width и height, а также как выравнивать блок по центру при помощи свойства margin. Для изменения ширины блока предназначено свойство width, которое указывается в пикселях или в процентах от свободного пространства, т.е. в этом случае ширина родительского блока берется за 100 процентов. За высоту блока отвечает свойство height и задается оно в пикселях. Здесь стоит отметить то, что размеры...

Блочная модель, отступы в CSS. Свойства margin и padding

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

Приоритет стилей в CSS, каскадность. Как отменить наследование свойств

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

Наследование свойств классов и стилей в CSS

Здесь рассказывается о том, как происходит наследование свойств классов и стилей в CSS. Наследование в CSS заключается в том, что при задании определенных свойств элементам HTML страницы, например, через класс или указание стиля напрямую через атрибут style, часть этих свойств распространяется и на другие элементы (потомки), которые находятся внутри главного элемента - родителя или предка. Если изучить и грамотно воспользоваться принципом наследования, то можно значительно сократить записи в...

Оформление списков в CSS, стили маркеров. Свойство list-style

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

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

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

Сокращенная запись в CSS для определения шрифта текста. Свойство font

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



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