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

Веб дизайн

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




Основы языка HTML. Чекбоксы (checkbox)

Видео «Основы языка HTML. Чекбоксы» посвящено вопросу о том, как сделать чекбокс в форме на сайте. Данные элементы используются для выбора одного или нескольких значений, отметив их флажками (галочками). Возможность выбрать сразу несколько элементов и есть отличие чекбоксов от радиокнопок, в которых можно выбрать только одно значение. Создаются они при помощи тега input с атрибутом type, установленным в значение checkbox. Также следует указать имя элемента через атрибут name. После чекбокса...

Текстовые поля форм в HTML, ввод пароля. Теги input и label

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

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

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

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

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

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

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

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

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

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

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

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

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

PHP на uCoz - Как установить скрипт на сайт

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

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

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



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