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

Веб дизайн

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




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

Как подключить шрифт в CSS. Свойство font-family

Видео урок «Как подключить шрифт в CSS. Свойство font-family» посвящен вопросу о том, как в CSS выполняется подключение того или иного шрифта для текста HTML страницы. Для того чтобы изменить стандартный шрифт текста на какой-то другой, используется свойство font-family, что означает семейство шрифтов. В качестве значения для этого свойства необходимо указать название того шрифта, который мы хотим использовать для селектора данного свойства. Но здесь есть одна особенность. Дело в том, что...

Псевдоселекторы ссылок в CSS - a, link, visited, hover, active

Здесь рассказывается о том, как определить свойства ссылки в зависимости от её состояния. Например, как изменить цвет ссылки при наведении на неё курсора мыши или при клике на ней. При помощи псевдоселекторов в CSS можно задать определенный набор свойств для каждого состояния ссылки. Псевдоселектор ссылок состоит из селектора и состояния. Так, для тега a можно через двоеточие указать конкретное состояние ссылки. Причем делать это нужно в определенной последовательности. Псевдоселектор a:link...

Изучение CSS. Селекторы потомков

В этом видео рассказывается о том, как в CSS использовать, так называемые, селекторы потомков. Итак, разберемся, что же такое предок и потомок. Все дело в том, что для браузера HTML страница представляется в виде дерева, т.е. каждый элемент занимает своё место в иерархии тегов. Главным из них является тег html. Затем, на одном уровне идут блоки head и body. Видимая часть HTML страницы находится в теге body, в котором также имеется своя иерархия элементов. Например, тег списка ul является...

Обучение по CSS для начинающих. Групповые селекторы

Урок «Обучение по CSS для начинающих. Групповые селекторы» посвящен вопросу о том, как в одной записи CSS задать определенный набор свойств сразу нескольким группам элементов HTML страницы, например, нескольким тегам одновременно. Сделать это можно разными путями. Один из них заключается в том, что нужно создать определенный класс, т.е. значение атрибута class для тегов, и присвоить его всем нужным элементам страницы. Затем, при помощи селектора классов добавить запись в CSS файл с присвоением...

Подключение файла стилей CSS к HTML. Виды селекторов - тег, class, id

В этом онлайн уроке рассказывается о том, как подключить файл стилей CSS к HTML странице сайта, а также мы поговорим об основных видах селекторов, а именно о селекторе тегов, классов (class) и о селекторе идентификаторов (id). Для начала, создайте новый текстовый файл и сохраните его с именем style.css. Все файлы стилей обычно хранят в отдельной папке сайта. Теперь, для подключения этого файла к HTML документу, необходимо прописать в области head специальный тег link, указав в нем тип...



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