Веб дизайн
В разделе «Веб Дизайн» собраны онлайн уроки посвященные созданию сайтов, их раскрутке и продвижению в поисковых системах. Создание сайтов это достаточно интересный процесс, и все больше людей хотят сделать сайт своими руками. Здесь находятся подборка видео уроков, которая будет полезна как для начинающих веб-мастеров, так и для опытных web-дизайнеров. Обучение по HTML, CSS, PHP, JavaScript, базы данных MySQL, верстка сайта, системы управления сайтов (CMS) и многое другое. К некоторым видео урокам прилагаются дополнительные материалы, которые можно скачать. Все уроки из этого раздела вы можете смотреть абсолютно бесплатно. Приятного Вам обучения!
HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2
Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 19:59
- Рейтинг: 0.0/0
HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1
Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 16:43
- Рейтинг: 0.0/0
HTML/CSS, Разработка сайтов Создание гибкого элемента Head
Hallo. В этом видео мы создавали липкую шапку страницы, используя язык программирования JavaScript. При прокрутке страницы шапка сайта будет ужиматься в своих размерах, благодаря сравнению свойств элементов в коде. Для закрепления элемента к верху страницы мы повторим такое свойство как position со значением sticky Таймкод: 00:00 - Введение 0:58 - Разбор примера 1:42 - Открытие нового проекта в SublimeText3 1:57 - Создание базовой разметки документы 2:55 - Создание основной структуры...
- Веб дизайн
- HTML
- Автор: CODDY school
- Длительность: 25:51
- Рейтинг: 3.0/1
HTML учебник для начинающих. Основы создания сайта
В этом онлайн уроке рассказывается об основах создания сайтов - HTML учебник для начинающих. Это первая часть обучающего видео курса по языку разметки гипертекста. На этой странице Вы сможете бесплатно скачать архив со всеми дополнительными материалами к курсу. Здесь Вы узнаете, как работают сайты в Интернете, какие версии языка HTML являются актуальными на данный момент (html 4, 5). Установка программ, которые нам понадобятся при изучении. Перед тем как приступить к изучению тегов, мы...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 16:46
- Рейтинг: 0.0/0
HTML теги. Создание страницы сайта
Это видео посвящено вопросу о понятии HTML тега. Здесь Вы узнаете, как создать страницу сайта и что из себя представляет её код. Создайте новый текстовый документ и скопируйте в него код шаблона, т.е. каркаса HTML страницы. Этот код Вы можете взять из дополнительных материалов. Архив со всеми дополнительными материалами приложен к первому уроку данного курса, и Вы можете его там скачать. Файл главной страницы сайта, как правило, имеет имя - index.html. Содержимое именно этого файла будет...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 15:09
- Рейтинг: 0.0/0
HTML теги для вставки внешних объектов - iframe и object
Видео «HTML теги для вставки внешних объектов - iframe и object» посвящено вопросу о том, какие теги используются в языке HTML для вставки объектов, взятых с какого-либо другого сайта. Например, это может быть код видеоролика с сайта YouTube или какого-либо другого видеохостинга. Т.е. при размещении кода такого объекта, сам файл видеоролика не будет храниться на Вашем сервере, а на странице сайта, где размещен код он будет проигрываться как обычно. Для вставки внешних объектов в языке HTML...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 5:01
- Рейтинг: 0.0/0
HTML таблица. Создание отступов, выравнивание текста, размеры
Видео урок «HTML таблица. Создание отступов, выравнивание текста, размеры» посвящен вопросу о том, как управлять внешним видом таблицы. Конечно, практически все атрибуты тегов таблицы, которые мы сейчас будем изучать, уже считаются устаревшими, но знать их все равно надо. Хотя бы для того, чтобы уметь править такие таблицы и знать, за что отвечает каждый атрибут. Сейчас же для выравнивания текста в ячейках, определения размеров таблицы, всевозможных отступов, и других параметров используют...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 4:49
- Рейтинг: 0.0/0
HTML ссылки. Якорные, на электронную почту
В этом видео рассказывается о том, как сделать ссылку в HTML на электронную почту и на конкретный участок определенной страницы сайта - якорные ссылки. Для того, чтобы сделать якорную ссылку, необходимо в атрибут href тега a записать идентификатор того тега, к которому мы хотим переместиться. Для примера, добавим якорную ссылку в самый конец HTML страницы с текстом - Перейти к началу статьи. А в качестве значения атрибута href присвоим идентификатор header, перед которым поставим знак решётки...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 5:31
- Рейтинг: 0.0/0
HTML для начинающих. Теги div и span
Это видео посвящено вопросу о том, что собой представляют теги HTML - div и span, для чего они нужны и как с ними работать. Теги div и span являются тегами логического уровня, и сами по себе никак не проявляются. При помощи тега div создается своего рода контейнер, т.е. это блочный элемент, которому можно задать определенный набор свойств, используя CSS. Постепенно, с развитием CSS, тег div полностью заменил таблицы при верстке сайтов. Хотя, некоторое время назад, на табличной модели...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 6:27
- Рейтинг: 0.0/0
CSS свойство float. Выравнивание и обтекание блока или картинки текстом
Онлайн урок «CSS свойство float. Выравнивание и обтекание блока или картинки текстом» посвящен вопросу о том, для чего предназначено свойство float и как его использовать на практике при создании сайтов. По умолчанию все блочные элементы не дают себя обтекать, т.е. каждый из них начинается с новой строки. При помощи параметра float можно создавать плавающие элементы, т.е. картинки или блоки div, которые может обтекать текст или другие элементы HTML страницы. В качестве значения для float...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 11:14
- Рейтинг: 0.0/0