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

Веб дизайн

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




Веб-дизайн с нуля в Figma (часть 1)

Всем привет от преподавателя. В этом занятии вы узнаете немного теории о веб-дизайне и познакомитесь с одной из самых перспективных и развивающихся программ нашего времени - Figma. Вместе мы создадим первый экран интернет-магазина цветов, используя инструменты в программе и полезные ресурсы для поиска изображений и иконок. Таймкод: 00:00 - введение 0:58 - теория по веб-дизайну 3:19 - разбор первого экрана, главной страницы сайта 4:21 - практика в программе Figma 28:37 - подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 2

Всем привет! Это вторая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 1:10 - Открытие проекта 1:13 - Создание скрипта 19:26 - Подведение итогов

HTML/CSS, Разработка сайтов Эффект Attract Hover. Часть 1

Всем привет! Это первая часть серии, посвященной созданию интересного эффекта по плавному движению элемента за курсором мыши на странице. Для его создания мы будем использовать такие технологии как: CSS, HTML, JS. Такую фичу можно применить где угодно для добавления некой динамики и улучшению пользовательского опыта. Таймкод: 00:00 - Введение 0:24 - Разбор примера 1:32 - Создание базовой разметки 1:50 - Создание базовой структуры html страницы 3:30 - Добавление элементов на страницу 8:47...

Roblox Studio Создание игры «Лабиринт». Часть 3

Привет! Это третья часть в серии туториалов по созданию игры «Лабиринт» в Roblox Studio. В этом видеоуроке мы добавим монеты в лабиринт и напишем программу, которая позволит не только собирать монеты, но и сохранять их у игрока даже после выхода из игры. Таймкод: 0:00 - Введение 1:15 - Открытие карты 1:33 - Создание скрипта для сбора монет на карте 6:33 - Добавление монет в лабиринт 10:40 - Добавление скрипта для сохранения монет после выхода из игры 21:05 - Домашнее задание 21:08 - Подведение...

Создание сайта самостоятельно с нуля на PHP+SQL

В этом видео уроке вы узнаете как создается простой блог на PHP. Это заключительная часть курса по изучению PHP + MySQL с нуля. В первой части урока будет в ускоренном режиме показано как создаётся шаблон сайта. Это больше относится к внешнему виду сайта, т.е. к вёрстке, поэтому подробностей здесь не будет. Вёрстку сайта необходимо изучать в других курсах, которые посвящены работе с HTML и CSS. Во второй части данного видео урока и уже более подробно будет рассмотрена работа с PHP и MySQL...

Создаем бесплатный магазин Вконтакте на движке HEEG.HTML

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

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

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

Как поменять иконку сайта (сделать и установить favicon.ico)

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

Как вставить карту гугл (Google) на сайт

В этом онлайн уроке рассказывается о том, как вставить карту гугл на страницу своего сайта. Сервис от Google позволяет бесплатно вставить карту на какой-либо сайт. Можно добавить на свой сайт карту с выделением конкретного места, адреса или участка с обозначением схемы проезда. Такие карты часто встречаются в Интернете на сайтах организаций, агентств недвижимости и т.д. Для того, чтобы вставить такую карту себе на сайт, необходимо зайти на сервис maps от google и авторизироваться там под своим...

Как сделать и установить плавающую кнопку на сайт. Скрипт - Скрытый помощник

Видео урок «Как сделать и установить плавающую кнопку на сайт. Скрипт - Скрытый помощник» посвящен вопросу о том, как добавить на сайт кнопку с прячущейся формой помощи или контактными данными. На многих сайтах сейчас можно встретить плавающую кнопку, которая обычно располагается сбоку сайта (справа или слева) но бывает и внизу или вверху. Такая кнопка не прокручивается вместе с остальным контентом сайта, и всегда доступна для нажатия. При нажатии на кнопку происходит плавное выдвижение блока с...



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