Веб дизайн
В разделе «Веб Дизайн» собраны онлайн уроки посвященные созданию сайтов, их раскрутке и продвижению в поисковых системах. Создание сайтов это достаточно интересный процесс, и все больше людей хотят сделать сайт своими руками. Здесь находятся подборка видео уроков, которая будет полезна как для начинающих веб-мастеров, так и для опытных web-дизайнеров. Обучение по HTML, CSS, PHP, JavaScript, базы данных MySQL, верстка сайта, системы управления сайтов (CMS) и многое другое. К некоторым видео урокам прилагаются дополнительные материалы, которые можно скачать. Все уроки из этого раздела вы можете смотреть абсолютно бесплатно. Приятного Вам обучения!
Веб-дизайн с нуля в Figma (часть 1)
Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов
- Программирование
- Другое (Программирование)
- Автор: CODDY school
- Длительность: 30:46
- Рейтинг: 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
Как быстро и просто создать сайт на хостинге Beget
В этом видео уроке рассказывается о том, как создать сайт на хостинге Beget, который является одним из самых популярных хостинг-провайдеров в России и отличается удобной панелью управления собственной разработки, выгодными тарифами и высокой надёжностью. Для всех клиентов хостинга доступна круглосуточная техническая поддержка. На хостинге Beget вы можете всего в несколько простых шагов создать свой собственный сайт с помощью бесплатных CMS, таких как WordPress, Joomla и многих других. В данном...
- Веб дизайн
- WordPress
- Длительность: 5:15
- Рейтинг: 5.0/1
Создаем простой магазин на статичных HTML страницах
В уроке описано, как на основе базового шаблона создать свой собственный интернет магазин. Добавить в него свои товары и разделы, полностью изменить дизайн магазина и для примера разместить его на бесплатном хостинге. Данный урок является базовым и в нем описываются такие понятия как метки (теги), поля, виды статей. На примере шаблона мы учимся переносить товары и разделы, менять их порядок в верхнем и левом меню, присваивать метки и менять содержимое полей. В уроке рассмотрен способ...
- Веб дизайн
- Другое (Веб дизайн)
- Автор: heeg.html
- Длительность: 1:07:04
- Рейтинг: 5.0/2
Относительное позиционирование в CSS. Свойство position со значением relative
Здесь рассказывается о том, как выполняется относительное позиционирование в CSS и в каких случаях это можно использовать. Для того чтобы сделать относительное позиционирование элемента на HTML странице сайта, необходимо в CSS прописать для него свойство position и присвоить ему значение relative. Особенностью относительного позиционирования является то, что браузер резервирует место, в котором должен находиться этот объект, и не позволяет занимать это место другим элементам. А сам относительно...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 9:11
- Рейтинг: 0.0/0
Особенности использование float в CSS, отмена обтекания. Свойство clear
Видео «Особенности использование float в CSS, отмена обтекания. Свойство clear» посвящено вопросу об основных моментах, на которые стоит обратить внимание при работе с плавающими элементами и как сделать очистку свойства float. Первая особенность использования float заключается в том, что для создания плавающего элемента необходимо обязательно указать его ширину в свойстве width. Иначе он будет занимать всё предоставленное ему пространство по ширине и не даст себя обтекать. При использовании...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 10:14
- Рейтинг: 0.0/0
Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border
Урок «Как сделать, убрать рамку в CSS. Толщина, стили, цвет. Свойство border» посвящен вопросу о том, как делается рамка для HTML элементов - таблицы, вокруг текста, картинки и т.д. Для создания рамки в CSS предусмотрено три свойства. В свойстве border-width указывается толщина рамки в пикселях, а border-style отвечает за её стиль. Здесь можно указать следующие значения: dotted (точечная), dashed (пунктирная), solid (сплошная) и double (двойная). За цвет рамки отвечает свойство border-color. В...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 7:45
- Рейтинг: 0.0/0
Сокращенная запись в CSS для определения шрифта текста. Свойство font
В этом онлайн уроке рассказывается о том, как в CSS задавать свойства шрифта текста, используя сокращенную запись. Для этого предназначено свойство font, с помощью которого можно записать все свойства текста в одной строке. Т.е. мы можем через пробел, в определенной последовательности, перечислить название шрифта, его размер, цвет, жирность и т.д. Это существенно сокращает запись в файле CSS, особенно в том случае, если изменяется много свойств текста. Теперь по подробней изучим...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 7:33
- Рейтинг: 0.0/0
Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration
Онлайн урок «Как сделать подчеркнутый и зачеркнутый текст в CSS. Свойство text-decoration» посвящен вопросу о том, как выделить текст подчёркиванием или перечёркиванием. За такое декоративное оформление текста в CSS отвечает свойство text-decoration. Оно имеет несколько значений. Первое из них это underline, что означает подчеркивание текста. Следующее значение overline ответственно за верхнее подчеркивание текста. И последнее значение line-through используется для перечеркивания текста...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 5:29
- Рейтинг: 0.0/0
Жирный и курсивный шрифт текста в CSS. Свойства font-weight и font-style
Это видео посвящено вопросу о том, как сделать жирный и курсивный шрифт текста в CSS. Для выделения текста курсивом, предназначено свойство font-style со значением italic. Чтобы выделить часть текста курсивным шрифтом, можно сначала в HTML коде страницы сайта обозначить его тегами span и задать атрибут class. Затем, в таблице стилей, при помощи селектора классов задать свойство font-style со значением italic. Таким образом, обозначенная часть текста будет выделена курсивом, а остальной текст не...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 6:15
- Рейтинг: 0.0/0