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

Веб дизайн

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




Блочная модель, отступы в 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, что соответствует значению по умолчанию для данного шрифта. Также...

Выравнивание текста и красная строка в 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 используется для перечеркивания текста...

Жирный и курсивный шрифт текста в CSS. Свойства font-weight и font-style

Это видео посвящено вопросу о том, как сделать жирный и курсивный шрифт текста в CSS. Для выделения текста курсивом, предназначено свойство font-style со значением italic. Чтобы выделить часть текста курсивным шрифтом, можно сначала в HTML коде страницы сайта обозначить его тегами span и задать атрибут class. Затем, в таблице стилей, при помощи селектора классов задать свойство font-style со значением italic. Таким образом, обозначенная часть текста будет выделена курсивом, а остальной текст не...

Как изменить размер шрифта в CSS. Свойство font-size

В этом онлайн уроке рассказывается о том, как изменить размер шрифта в CSS. Делается это при помощи свойства font-size, в котором указывается размер шрифта в той или иной единице измерения. Размер шрифта, т.е. расстояние от базовой линии до верхней кегельной площадки, можно указывать в пикселях (px), пунктах (pt), процентах (%), в базовых единицах (em), а также при помощи ключевых слов - medium, small, large и т.д. Базовый размер шрифта, т.е. стандартный размер, который браузеры используют по...



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