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

Веб дизайн

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

Как в CSS сделать красивое оформление элементов input в формах Смотреть урок онлайн

Как в CSS сделать красивое оформление элементов input в формах

Это видео посвящено вопросу о том, как в CSS сделать красивое оформление элементов input в формах. Для начала необходимо присвоить для тегов input, предназначенных для ввода имени и пароля, определенный класс, через который мы будем определять свойства, влияя на внешний вид элементов формы. Теперь в файле CSS можно установить для них рамку через свойство border и ширину - width. После этого, с помощью параметра background-image, поставим на фон элементов input изображение в виде градиента...

Оформление формы и её элементов через CSS стили Смотреть урок онлайн

Оформление формы и её элементов через CSS стили

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

Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание Смотреть урок онлайн

Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание

Видео урок «Оформление таблицы в CSS. Рамка, границы ячеек, фон, выравнивание» посвящен вопросу о том, как с помощью стилей можно управлять внешним видом таблиц. Для определения границ таблицы и ячеек используется свойство border, в котором указывается размер рамки, её стиль и цвет. Размеры таблицы задаются при помощи свойств width и height (ширина и высота). Для установки отступов внутри ячеек предназначено свойство padding. Чтобы выровнять текст в ячейках таблицы, например по центру...

Сокращенная запись свойств фона в CSS. Свойство background Смотреть урок онлайн

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

Здесь рассказывается о том, как использовать CSS свойство background для записи параметров фона в сокращенном виде. В тех случаях, когда для установки фоновых параметров используется несколько CSS свойств, становится целесообразнее использовать более короткую запись. Сделать это можно при помощи всего лишь одного свойства background, которое объединяет в себе все параметры отображения фона. В сокращенной записи все или некоторые значения таких параметров перечисляются через пробел в...

Как сделать фиксированный (неподвижный) фон в CSS Смотреть урок онлайн

Как сделать фиксированный (неподвижный) фон в CSS

В этом видео рассказывается о том, как на HTHL странице сайта при помощи CSS сделать неподвижный (фиксированный) фон. Т.е. при прокрутке страницы сайта фоновая картинка будет всегда отображаться на одном и том же месте. Этот способ фиксации изображения обычно используют для отображения на сайте контактных данных организации, номера телефонов и т.д. Итак, чтобы зафиксировать фоновую картинку, необходимо воспользоваться специальным CSS свойством background-attachment и присвоить ему значение...

Позиционирование фоновой картинки в CSS. Свойство background-position Смотреть урок онлайн

Позиционирование фоновой картинки в CSS. Свойство background-position

Урок «Позиционирование фоновой картинки в CSS. Свойство background-position» посвящен вопросу о том, как задать положение изображению, установленного в качестве фона. В CSS для позиционирования фона предназначено свойство background-position, в котором указываются координаты нового положения картинки. По умолчанию эти координаты сброшены в ноль, что соответствует верхнему левому углу блока, на фон которого установлена картинка. Значение свойства background-position можно установить несколькими...

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

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

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

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

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

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

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

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

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

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

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

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

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