Веб дизайн
В разделе «Веб Дизайн» собраны онлайн уроки посвященные созданию сайтов, их раскрутке и продвижению в поисковых системах. Создание сайтов это достаточно интересный процесс, и все больше людей хотят сделать сайт своими руками. Здесь находятся подборка видео уроков, которая будет полезна как для начинающих веб-мастеров, так и для опытных web-дизайнеров. Обучение по HTML, CSS, PHP, JavaScript, базы данных MySQL, верстка сайта, системы управления сайтов (CMS) и многое другое. К некоторым видео урокам прилагаются дополнительные материалы, которые можно скачать. Все уроки из этого раздела вы можете смотреть абсолютно бесплатно. Приятного Вам обучения!
Способы подключения таблицы стилей и файла CSS к HTML странице сайта
В этом онлайн уроке рассказывается о том, как подключить файл таблицы стилей CSS к HTML странице сайта. Существует несколько способов подключения CSS стилей к странице сайта. Самый распространенный из них, это подключение файла CSS через тег link. Также часто используют написание свойств для конкретного тега напрямую, используя атрибут style. Следующий способ подключения стилей заключается в написании их в самом HTML коде в теге style, который обычно указывают в блоке head, хотя работает он и в...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 4:54
- Рейтинг: 0.0/0
Фиксированное позиционирование в CSS. Свойство position со значением fixed
Видео урок «Фиксированное позиционирование в CSS. Свойство position со значением fixed» посвящен вопросу о том, как можно зафиксировать положение какого-либо элемента на HTML странице сайта. Для фиксации блока, картинки или другого элемента, в CSS предусмотрено свойство position, которому необходимо установить значение fixed. В этом случае браузер не будет прокручивать данный объект вместе с остальным контентом страницы сайта, а оставит его на той позиции, которую мы зададим в свойствах left...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 7:39
- Рейтинг: 0.0/0
Разметка HTML страницы сайта на основе блоков div и CSS свойства float
В этом видео уроке рассказывается о том, как выполняется разметка HTML страницы сайта на основе блоков div и CSS свойства float. Для того чтобы сделать каркас сайта на основе плавающих элементов нам понадобятся несколько блоков div, которые будут играть роль шапки сайта, сайдбаров (боковые части), основного блока с контентом, и нижней части сайта. Далее, при помощи стилей CSS и свойства float мы будем определять внешний вид этих блоков, их размеры и положение на HTML странице. Каждому тегу div...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 9:32
- Рейтинг: 0.0/0
Повтор фонового изображения в CSS. Свойство background-repeat
В этом онлайн уроке рассказывается о том, как настроить повтор фонового изображения в CSS. Дело в том, что при установке картинки в качестве фонового изображения на HTML странице сайта часто возникают проблемы. Связано это с размером картинки, которые обычно не совпадают с размерами блока. И если картинка меньше блока, то при установке её на фон, браузер начинает её повторять по горизонтали и по вертикали до границ блока. Иногда так и нужно делать, ведь получается, что из маленькой однородной...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 8:15
- Рейтинг: 0.0/0
Выравнивание текста и красная строка в CSS. Свойства text-align и text-indent
В этом видео уроке рассказывается о том, как в CSS сделать выравнивание текста и отступ абзаца от края (красная строка). Для этого в CSS предусмотрены два свойства, это text-align и text-indent. За выравнивание текста отвечает свойство text-align, которое может иметь четыре значения. По умолчанию браузер выравнивает все элементы HTML страницы по левому краю, это соответствует значению left. Чтобы выровнять текст по правому краю, нужно использовать - right, а по центру - center. Также часто...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 5:16
- Рейтинг: 0.0/0
Жирный и курсивный шрифт текста в CSS. Свойства font-weight и font-style
Это видео посвящено вопросу о том, как сделать жирный и курсивный шрифт текста в CSS. Для выделения текста курсивом, предназначено свойство font-style со значением italic. Чтобы выделить часть текста курсивным шрифтом, можно сначала в HTML коде страницы сайта обозначить его тегами span и задать атрибут class. Затем, в таблице стилей, при помощи селектора классов задать свойство font-style со значением italic. Таким образом, обозначенная часть текста будет выделена курсивом, а остальной текст не...
- Веб дизайн
- CSS
- Автор: Евгений Попов
- Длительность: 6:15
- Рейтинг: 0.0/0
HTML для начинающих. Теги div и span
Это видео посвящено вопросу о том, что собой представляют теги HTML - div и span, для чего они нужны и как с ними работать. Теги div и span являются тегами логического уровня, и сами по себе никак не проявляются. При помощи тега div создается своего рода контейнер, т.е. это блочный элемент, которому можно задать определенный набор свойств, используя CSS. Постепенно, с развитием CSS, тег div полностью заменил таблицы при верстке сайтов. Хотя, некоторое время назад, на табличной модели...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 6:27
- Рейтинг: 0.0/0
Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST
Онлайн урок «Отправка данных из HTML формы сайта на PHP обработчик. Методы GET и POST» посвящен вопросу о том, как происходит передача информации, введенной пользователем в поля формы сайта, на PHP обработчик. При создании формы тегом form, в атрибут action прописывается путь к PHP файлу, в котором содержится определенный алгоритм действий. Кроме того, тегу form необходимо задать атрибут method, и указать ему метод передачи данных из HTML формы в PHP обработчик. Существует два таких метода...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 7:51
- Рейтинг: 0.0/0
Как сделать PHP обработчик для HTML формы сайта и что для этого нужно
В этом онлайн уроке рассказывается о том, как сделать PHP обработчик для HTML формы сайта и что для этого нужно. После создания внешнего вида формы на сайте, необходимо сделать так, чтобы она выполняла определенную функцию. В нашем случае, после нажатия на кнопку отправить, должно отправляться сообщение по электронной почте со всей информацией, которую ввёл пользователь в поля формы. Но одними силами HTML здесь не обойтись, т.к. это всего лишь язык разметки гипертекста. Для отправки письма по...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 6:50
- Рейтинг: 0.0/0
Декоративное объединение элементов формы в HTML. Теги fieldset и legend
Здесь рассказывается о том, как выполнить декоративное объединение элементов формы в HTML. Для выделения части полей формы в отдельную область и создания ей соответствующего названия, предназначены специальные теги - fieldset и legend. С помощью тега fieldset вокруг выделяемых элементов формы создается рамка. А если в этот тег поместить тег legend с текстом названия области, то на рамке появится надпись с этим текстом. Таким образом, можно красиво оформить разделение всех элементов формы на...
- Веб дизайн
- HTML
- Автор: Евгений Попов
- Длительность: 3:11
- Рейтинг: 0.0/0