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

Веб дизайн

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




Повтор фонового изображения в CSS. Свойство background-repeat

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

Как в 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. Свойства margin и padding

В этом онлайн уроке рассказывается о том, как устроена блочная модель HTML страницы, а также как в CSS сделать или убрать отступ от края блока (сверху, снизу, слева, справа) - свойства margin и padding. Дело в том, что для браузера, каждый тег 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, особенно в том случае, если изменяется много свойств текста. Теперь по подробней изучим...

Высота строки, регистр текста, расстояние между словами и буквами в CSS

Видео «Высота строки, регистр текста, расстояние между словами и буквами в CSS» посвящено вопросу о том, как в CSS задается межстрочный интервал, расстояние между словами и буквами, а также как оформить текст в нижнем или верхнем регистре. Межстрочный интервал - это расстояние между строками, а точнее между базовыми линиями строк текста. Для его определения предназначено свойство line-height, которое может иметь значение normal, что соответствует значению по умолчанию для данного шрифта. Также...



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