Веб дизайн. Уроки онлайн веб дизайн


Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 81-90

Страницы: « 1 2 ... 7 8 9 10 11 12 »

Интернет-магазин uCoz. Прайс-лист, цены, управление заказами

Видео урок «Интернет-магазин uCoz. Прайс-лист, цены, управление заказами» посвящен вопросу о том, как работать с модулем интернет магазина на uCoz. Здесь мы на конкретных примерах разберем такие моменты как загрузка прайс-листа, матрица формирования цен и управление заказами. Для начала зайдите через панель управления в раздел обработка прайс-листа. Укажите название, признак уникальности и выберите файл с данными. В нашем случае это обычный файл Exel с колонками: наименование, цена, вес, шт. У...

  • Веб дизайн
  • uCoz
  • Длительность: 10:13
  • Дата: 22.04.2013
  • Смотрели: 81
  • Рейтинг: 0.0/0

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

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

Завершение теоретической части обучающего курса по CSS

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

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

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

Декоративное объединение элементов формы в HTML. Теги fieldset и legend

Здесь рассказывается о том, как выполнить декоративное объединение элементов формы в HTML. Для выделения части полей формы в отдельную область и создания ей соответствующего названия, предназначены специальные теги - fieldset и legend. С помощью тега fieldset вокруг выделяемых элементов формы создается рамка. А если в этот тег поместить тег legend с текстом названия области, то на рамке появится надпись с этим текстом. Таким образом, можно красиво оформить разделение всех элементов формы на...

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

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

Выравнивание текста и красная строка в CSS. Свойства text-align и text-indent

В этом видео уроке рассказывается о том, как в CSS сделать выравнивание текста и отступ абзаца от края (красная строка). Для этого в CSS предусмотрены два свойства, это text-align и text-indent. За выравнивание текста отвечает свойство text-align, которое может иметь четыре значения. По умолчанию браузер выравнивает все элементы HTML страницы по левому краю, это соответствует значению left. Чтобы выровнять текст по правому краю, нужно использовать - right, а по центру - center. Также часто...

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

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

Вставка изображения в HTML документ. Тег img. Атрибуты src, alt

В этом онлайн уроке рассказывается о том, как вставить изображение в HTML документ. Вставка изображения на страницу веб-сайта осуществляется при помощи тега img. Но этого не достаточно, к тегу img обязательно нужно задать еще некоторые атрибуты. Например, src, значение которого должно соответствовать url адресу размещаемой картинки, т.е. путь с указанием имени файла изображения. В стандарте HTML 5 для тега img обязательным также является атрибут alt, в значение которого записывается текст...

Веб дизайн для начинающих - Основы

Курсы «Веб дизайн для начинающих» в Санкт-Петербургской школе телевидения позволяют изучить проектирование сайтов, освоить эту востребованную современную профессию и полюбить её. Данный цикл даёт возможность усвоить веб дизайн с нуля и состоит из четырёх этапов: графический дизайн, Adobe Illustrator, Adobe Photoshop, веб дизайн и построение сайтов. Вы можете изучать все направление целиком или выбрать определенный этап курса. Всё зависит от умений и навыков студента курса. Начальным этапом в...

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 51-60

Страницы: « 1 2 ... 4 5 6 7 8 ... 11 12 »

Изучение 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, указав в нем тип...

Основы по созданию сайта на HTML и CSS

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

Учебник по CSS для начинающих - бесплатный курс. Установка софта

В этом видео уроке рассказывается о том, что такое CSS, как создавать HTML сайты с использованием этой технологии. Это первый урок бесплатного обучающего курса по CSS для начинающих. Данный видео учебник будет полезен не только новичкам. Многие опытные Веб-мастера наверняка смогут найти для себя что-то новое. Здесь мы рассмотрим и установим программное обеспечение, которое нам пригодится для изучения CSS. Для начала скачайте архив с дополнительными материалами к данному курсу. Ссылка для...

Курс по HTML. Нужно ли знать все теги и атрибуты

Онлайн урок «Курс по HTML. Нужно ли знать все теги и атрибуты» посвящен вопросу о том, что необходимо изучать после освоения HTML. Несмотря на то, что в данном курсе были изучены не все существующие теги и атрибуты языка HTML, можно сказать, что основное мы все-таки изучили. Ведь на практике используются далеко не все элементы этого языка. Для создания сайтов достаточно знать только основные и самые часто используемые теги, которые мы и рассмотрели в предыдущих уроках данного курса. Главное...

HTML для начинающих. Теги div и span

Это видео посвящено вопросу о том, что собой представляют теги HTML - div и span, для чего они нужны и как с ними работать. Теги div и span являются тегами логического уровня, и сами по себе никак не проявляются. При помощи тега div создается своего рода контейнер, т.е. это блочный элемент, которому можно задать определенный набор свойств, используя CSS. Постепенно, с развитием CSS, тег div полностью заменил таблицы при верстке сайтов. Хотя, некоторое время назад, на табличной модели...

Валидация HTML документа. Проверка кода страницы сайта на ошибки

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

XHTML - расширяемый язык разметки гипертекста

Видео урок «XHTML - расширяемый язык разметки гипертекста» посвящен вопросу о том, что такое XHTML и особенности его использования. XHTML - это расширяемый язык разметки гипертекста, который достаточно динамично развивался какое-то время, но затем его развитие было остановлено, а команда разработчиков перешла в рабочую группу HTML5. Всего существует три типа документов XHTML: strict, transitional и frameset. Версии XHTML: 1.0, 1.1, Basic, Mobile Profile и последняя версия 2.0. XHTML является...

Как в HTML коде сделать комментарий

Здесь рассказывается о том, как в HTML коде сделать комментарий. Очень часто при создании страницы сайта возникает необходимость добавить служебную информацию в виде комментария к конкретному участку HTML кода. Например, если это совместная разработка сайта, либо нужно оставить комментарий для себя, ввиду большой сложности страницы. Но как сделать так, чтобы такая информация не выводилась пользователю при просмотре странице в браузере. Выход есть. Для этих целей в языке HTML предусмотрены...

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 21-30

Страницы: « 1 2 3 4 5 ... 11 12 »

Проверка отображения сайта в разных браузерах

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

Максимальная и минимальная ширина блока в CSS - max и min

Онлайн урок «Максимальная и минимальная ширина блока в CSS - max и min» посвящен вопросу о том, как при помощи стилей CSS ограничить максимальные и минимальные значения ширины блоков на HTML странице сайта. Ограничение ширины используется достаточно часто на сайтах со 100 процентной шириной, когда браузеры растягивают или сужают сайт в зависимости от разрешения экрана компьютера пользователя. Т.е. если разрешение экрана посетителя такого сайта слишком большое, то сайт в его браузере может...

Как скрыть элемент, отключить видимость в CSS. Свойства display и visibility

Это видео посвящено вопросу о том, как скрыть текст, картинку, блок или другой элемент на HTML странице сайта при помощи CSS стилей. Первый способ, который мы рассмотрим, позволяет скрыть элемент, отключив его видимость. Т.е. объект становится невидимым, а его место остается занятым. Второй способ позволяет полностью отключить элемент, т.е. удалить его и освободить место, которое он занимал. Для отключения видимости элемента в CSS предназначено свойство visibility, которое может иметь два...

Порядок отображения элементов - Z-индексы в CSS. Свойство z-index

В этом онлайн уроке рассказывается о том, как что такое z-индексы в CSS и в каких случаях их необходимо использовать. Все дело в том, что любые позиционированные элементы на HTML странице сайта могут накладываться друг на друга. Т.е. каждый из них может находиться либо выше, либо ниже других объектов. Иногда они располагаются в нужном порядке, а в некоторых случаях их положение не такое как требуется. Чтобы точно определить порядок положения позиционированных объектов относительно друг друга...

Фиксированное позиционирование в CSS. Свойство position со значением fixed

Видео урок «Фиксированное позиционирование в CSS. Свойство position со значением fixed» посвящен вопросу о том, как можно зафиксировать положение какого-либо элемента на HTML странице сайта. Для фиксации блока, картинки или другого элемента, в CSS предусмотрено свойство position, которому необходимо установить значение fixed. В этом случае браузер не будет прокручивать данный объект вместе с остальным контентом страницы сайта, а оставит его на той позиции, которую мы зададим в свойствах left...

Относительное позиционирование в CSS. Свойство position со значением relative

Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно...

Абсолютное позиционирование в CSS. Свойство position со значением absolute

В этом видео рассказывается о том, что такое абсолютное позиционирование элементов в CSS, для чего оно нужно и как с ним работать. Чтобы абсолютно позиционировать какой-либо элемент HTML страницы сайта, необходимо в CSS прописать для него свойство position со значением absolute. В этом случае этот блок, картинка или другой элемент будет отделен от всего остального контента страницы и приподнимется над ним. Таким образом, первоначальное место расположения объекта станет свободно, и его смогут...

Позиционирование блоков и элементов. CSS свойство position

Урок «Позиционирование блоков и элементов. CSS свойство position» посвящен вопросу о том, как при помощи стилей CSS можно поместить картинку, блок или другой элемент HTML страницы в какое-либо место на сайте. Позиционирование очень часто используется при верстке сайтов, особенно в проектах со сложным дизайном. За позиционирование объектов отвечает свойство position, которое может принимать значения: absolute, relative, fixed и static. По умолчанию все элементы HTML страницы имеют свойство...

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

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

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

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

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 51-60

Страницы: « 1 2 ... 4 5 6 7 8 ... 11 12 »

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

Основы по созданию сайта на HTML и CSS

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

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 21-30

Страницы: « 1 2 3 4 5 ... 11 12 »

Фиксированное позиционирование в CSS. Свойство position со значением fixed

Видео урок «Фиксированное позиционирование в CSS. Свойство position со значением fixed» посвящен вопросу о том, как можно зафиксировать положение какого-либо элемента на HTML странице сайта. Для фиксации блока, картинки или другого элемента, в CSS предусмотрено свойство position, которому необходимо установить значение fixed. В этом случае браузер не будет прокручивать данный объект вместе с остальным контентом страницы сайта, а оставит его на той позиции, которую мы зададим в свойствах left...

Относительное позиционирование в CSS. Свойство position со значением relative

Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно...

Абсолютное позиционирование в CSS. Свойство position со значением absolute

В этом видео рассказывается о том, что такое абсолютное позиционирование элементов в CSS, для чего оно нужно и как с ним работать. Чтобы абсолютно позиционировать какой-либо элемент HTML страницы сайта, необходимо в CSS прописать для него свойство position со значением absolute. В этом случае этот блок, картинка или другой элемент будет отделен от всего остального контента страницы и приподнимется над ним. Таким образом, первоначальное место расположения объекта станет свободно, и его смогут...

Позиционирование блоков и элементов. CSS свойство position

Урок «Позиционирование блоков и элементов. CSS свойство position» посвящен вопросу о том, как при помощи стилей CSS можно поместить картинку, блок или другой элемент HTML страницы в какое-либо место на сайте. Позиционирование очень часто используется при верстке сайтов, особенно в проектах со сложным дизайном. За позиционирование объектов отвечает свойство position, которое может принимать значения: absolute, relative, fixed и static. По умолчанию все элементы HTML страницы имеют свойство...

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

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 51-60

Страницы: « 1 2 ... 4 5 6 7 8 ... 11 12 »

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

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

Настройка модуля Пользователи

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

Наследование свойств классов и стилей в CSS

Здесь рассказывается о том, как происходит наследование свойств классов и стилей в CSS. Наследование в CSS заключается в том, что при задании определенных свойств элементам HTML страницы, например, через класс или указание стиля напрямую через атрибут style, часть этих свойств распространяется и на другие элементы (потомки), которые находятся внутри главного элемента - родителя или предка. Если изучить и грамотно воспользоваться принципом наследования, то можно значительно сократить записи в...

Максимальная и минимальная ширина блока в CSS - max и min

Онлайн урок «Максимальная и минимальная ширина блока в CSS - max и min» посвящен вопросу о том, как при помощи стилей CSS ограничить максимальные и минимальные значения ширины блоков на HTML странице сайта. Ограничение ширины используется достаточно часто на сайтах со 100 процентной шириной, когда браузеры растягивают или сужают сайт в зависимости от разрешения экрана компьютера пользователя. Т.е. если разрешение экрана посетителя такого сайта слишком большое, то сайт в его браузере может...

Лог действий на uCoz сайтах

В этом онлайн уроке рассказывается о том, что такое лог действий на uCoz сайтах и как с ним работать. Этот вопрос больше касается безопасности Вашего сайта. Например, можно узнать какие изменения были сделаны в модулях сайта, перемещение пользователей из одной группы в другую, добавление комментариев, изменение страниц и т.д. В логах хранится история всех действий в виде таблицы. По ней можно определить дату и время конкретного изменения, модуль, в котором оно было совершено. А также...

Курс по HTML. Нужно ли знать все теги и атрибуты

Онлайн урок «Курс по HTML. Нужно ли знать все теги и атрибуты» посвящен вопросу о том, что необходимо изучать после освоения HTML. Несмотря на то, что в данном курсе были изучены не все существующие теги и атрибуты языка HTML, можно сказать, что основное мы все-таки изучили. Ведь на практике используются далеко не все элементы этого языка. Для создания сайтов достаточно знать только основные и самые часто используемые теги, которые мы и рассмотрели в предыдущих уроках данного курса. Главное...

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

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

Как установить и настроить Вебвизор от Яндекс Метрика на свой сайт

Видео урок «Как установить и настроить Вебвизор от Яндекс Метрика на свой сайт» посвящен вопросу о том, что такое Вебвизор, для чего он нужен и как его установить и настроить. Вебвизор - это один из инструментов сервиса статистики - Яндекс Метрика. Он предназначен для слежения за всеми действиями посетителей Вашего сайта. После установки и настройки Вебвизора вы сможете визуально наблюдать, как пользователи взаимодействуют с меню навигации, где они прокручивают страничку, на что обращают...

Как создать сайт-визитку в системе uCoz. Часть 2 из 2

В этом видео рассказывается о том, как создать сайт-визитку в системе uCoz. Это вторая часть урока по созданию сайта. Итак, продолжим. Закачаем несколько фотографий в раздел портфолио. После этого можно перейти на главную страничку фотоальбома и посмотреть на то, что получилось. В меню мы видим эффект подсвечивания текущей странички. Давайте разберемся с тем, как это сделать. Для выполнения данной функции воспользуемся условными операторами и специальными кодами, по которым можно определить...

  • Веб дизайн
  • uCoz
  • Длительность: 5:17
  • Дата: 22.04.2013
  • Смотрели: 15
  • Рейтинг: 0.0/0

Как создать контактную форму обратной связи для сайта в HTML. Тег form

Это видео посвящено вопросу о том, как в HTML создаются контактные формы или формы обратной связи для сайта. Здесь мы разберемся с созданием каркаса формы при помощи тега form и поговорим об обязательных атрибутах этого тега, а сами элементы, поля и кнопки рассмотрим по отдельности в следующих уроках. Перед тем как начать делать контактную форму, необходимо уяснить для себя несколько Важных моментов. Функция создаваемой формы будет заключаться в том, чтобы посетители Вашего сайта смогли...

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

videourokionline.ru

Веб дизайн - Бесплатные видео уроки

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

Всего материалов: 116 Показано материалов: 81-90

Страницы: « 1 2 ... 7 8 9 10 11 12 »

HTML таблица. Создание отступов, выравнивание текста, размеры

Видео урок «HTML таблица. Создание отступов, выравнивание текста, размеры» посвящен вопросу о том, как управлять внешним видом таблицы. Конечно, практически все атрибуты тегов таблицы, которые мы сейчас будем изучать, уже считаются устаревшими, но знать их все равно надо. Хотя бы для того, чтобы уметь править такие таблицы и знать, за что отвечает каждый атрибут. Сейчас же для выравнивания текста в ячейках, определения размеров таблицы, всевозможных отступов, и других параметров используют...

Как сделать таблицу в HTML. Объединение ячеек, границы. Теги table, tr, td, th

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

HTML ссылки. Якорные, на электронную почту

В этом видео рассказывается о том, как сделать ссылку в HTML на электронную почту и на конкретный участок определенной страницы сайта - якорные ссылки. Для того, чтобы сделать якорную ссылку, необходимо в атрибут href тега a записать идентификатор того тега, к которому мы хотим переместиться. Для примера, добавим якорную ссылку в самый конец HTML страницы с текстом - Перейти к началу статьи. А в качестве значения атрибута href присвоим идентификатор header, перед которым поставим знак решётки...

Как сделать ссылку на сайт или файл в HTML. Тег a. Атрибуты href, target, title

Урок «Как сделать ссылку на сайт или файл в HTML. Тег a. Атрибуты href, target, title» посвящен вопросу о том, как сделать ссылку и разместить её на странице своего сайта. Это один из самых важных вопросов в HTML. Ведь он исходит из самого его определения как языка разметки гипертекста. Для того чтобы добавить ссылку, ведущую на какой-либо сайт в интернете или на скачивание определенного файла, необходимо вставить код ссылки в то место HTML документа, в котором Вы хотите её видеть. Код ссылки...

Вставка изображения в HTML документ. Тег img. Атрибуты src, alt

В этом онлайн уроке рассказывается о том, как вставить изображение в HTML документ. Вставка изображения на страницу веб-сайта осуществляется при помощи тега img. Но этого не достаточно, к тегу img обязательно нужно задать еще некоторые атрибуты. Например, src, значение которого должно соответствовать url адресу размещаемой картинки, т.е. путь с указанием имени файла изображения. В стандарте HTML 5 для тега img обязательным также является атрибут alt, в значение которого записывается текст...

Атрибуты HTML тегов

Видео «Атрибуты HTML тегов» посвящено вопросу о том, что такое атрибуты и какую функцию они выполняют. Атрибуты предназначены для присвоения тегам каких-либо дополнительных свойств. Например, чтобы выровнять абзац по центру, для тега p используется атрибут выравнивания align со значением center. По такому же принципу можно изменить свойства для других тегов. Возьмем, к примеру, тег нумерованного списка ol и добавим к нему атрибут start со значением 0. В результате чего нумерация данного списка...

Как сделать список в HTML - маркированный, нумерованный. Теги ol, ul, dl, li, dt, dd

В этом видео уроке рассказывается о том, как работать со списками в HTML. Как сделать неупорядоченный (маркированный) и упорядоченный (нумерованный) список. Для создания списков в HTML имеются специальные теги. Они бывают трех видов. Первый, с которого мы начнем изучение, это обычный упорядоченный список. Создается он при помощи тега ol, при этом каждый его элемент определяется тегом li. Этот вид списков часто называют нумерованный, т.к. напротив каждого его элемента стоит цифра или буквенное...

Параграф (абзац) и заголовок в HTML. Теги p, h2, h3, h4, h5, h5, h6

Онлайн урок «Параграф (абзац) и заголовок в HTML. Теги p, h2, h3, h4, h5, h5, h6» посвящен вопросу о том, как оформить текст в виде абзаца и заголовка. Для изучения тегов p и h нам понадобится страница с произвольным текстом, который мы сейчас будем приводить в порядок. Чтобы сделать так, чтобы часть текста была в виде абзаца, необходимо заключить его между открывающей и закрывающей частью тега p. Таким образом, мы сообщаем браузеру, где начинается каждый параграф и где он заканчивается...

HTML теги. Создание страницы сайта

Это видео посвящено вопросу о понятии HTML тега. Здесь Вы узнаете, как создать страницу сайта и что из себя представляет её код. Создайте новый текстовый документ и скопируйте в него код шаблона, т.е. каркаса HTML страницы. Этот код Вы можете взять из дополнительных материалов. Архив со всеми дополнительными материалами приложен к первому уроку данного курса, и Вы можете его там скачать. Файл главной страницы сайта, как правило, имеет имя - index.html. Содержимое именно этого файла будет...

HTML учебник для начинающих. Основы создания сайта

В этом онлайн уроке рассказывается об основах создания сайтов - HTML учебник для начинающих. Это первая часть обучающего видео курса по языку разметки гипертекста. На этой странице Вы сможете бесплатно скачать архив со всеми дополнительными материалами к курсу. Здесь Вы узнаете, как работают сайты в Интернете, какие версии языка HTML являются актуальными на данный момент (html 4, 5). Установка программ, которые нам понадобятся при изучении. Перед тем как приступить к изучению тегов, мы...

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

videourokionline.ru