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

Веб дизайн

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




Выравнивание блоков div по высоте (одинаковые колонки сайта) с помощью jQuery

В этом онлайн уроке рассказывается о том, как сделать выравнивание блоков div по высоте. Это часто требуется в том случае, если на сайте имеется несколько блоков div, каждый из которых может меняться по высоте в зависимости от размещённого в нём текста или другого контента. Например, это могут быть боковые части сайта (сайдбары) и блок с основным контентом. Для того чтобы колонки сайта были одинаковые по высоте необходимо воспользоваться одним из вариантов решения данной проблемы. В интернете...

Особенности использование float в CSS, отмена обтекания. Свойство clear

Видео «Особенности использование float в CSS, отмена обтекания. Свойство clear» посвящено вопросу об основных моментах, на которые стоит обратить внимание при работе с плавающими элементами и как сделать очистку свойства float. Первая особенность использования float заключается в том, что для создания плавающего элемента необходимо обязательно указать его ширину в свойстве width. Иначе он будет занимать всё предоставленное ему пространство по ширине и не даст себя обтекать. При использовании...

Разметка HTML страницы сайта на основе блоков div и CSS свойства float

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

CSS свойство float. Выравнивание и обтекание блока или картинки текстом

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

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

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

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

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

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

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

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

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

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

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

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

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



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