Курс состоит из семи видеоуроков общей длительностью более двух часов!!!

После просмотра авторского видеокурса вы создадите свою первую html страничку:

1) С нуля
2) Без специальных знаний
3) Абсолютно бесплатно

Курс состоит из следующих видеоуроков:

1. Принцип строенния html странички и технические теги

Продолжительность: 14мин 31сек

    * Рассматриваем принцип построения html странички;
    * Прописываем строку, без которой Ваша страничка не сможет нормально отображаться в браузере;
    * Учимся создавать html документ;
    * Что такое теги и их атрибуты?
    * Создаем каркас нашей html странички;
    * Создаем технический блок при помощи тегов head;

2. Работаем с текстом

Продолжительность: 20мин 33сек

    * Создаем блок для видимой части нашей странички;
    * Учимся разбивать текст на параграфы;
    * Создаем заголовки;
    * Учимся выравнивать текст по горизонтали;
    * Изучаем тег переноса строки;
    * Учимся менять цвет нашего текста;
    * Учимся менять размер нашего текста;
    * Учимся менять шрифт нашего текста.

3. Создаем списки и ссылки

Продолжительность: 18мин 02сек

    * Учимся создавать нумерованные списки арабскими цифрами;
    * Создаем маркированные списки;
    * Учимся создавать буквенные списки;
    * Создаем номерованные списки римскими цифрами;
    * Что такое ссылки и как они работают?
    * Меняем название и создаем новую страничку;
    * Учимся создавать ссылки.

4. Работаем с картинками

Продолжительность: 11мин 06сек

    * Учимся вставлять изображение на страничку;
    * Прописываем размер нашего изображения;
    * Учимся создавать обтекание изображения текстом;
    * Изучаем выравнивание нашего изображения на страничке;
    * Что такое альтернативный текст и для чего он нужен?
    * Создаем отступ от картинки по вертикали;
    * Создаем отступ от нашей картинки по горизонтали.

5. Начинаем изучение форм: поля для ввода данных

Продолжительность: 22мин 38сек

    * Что такое формы и для чего они нужны?
    * Изучаем принцип работы форм;
    * Создаем каркас формы;
    * Прописываем адрес к файлу обработчику;
    * Изучаем принцип работы передачи данных при помощи метода GET и POST;
    * Учимся создавать ссылки, при нажатии на которые страничка открывается в новом окошке браузера;
    * Для чего жизненно необходимо присваивать каждой ячейки ввода информации свое уникальное имя?
    * Создаем поле для ввода обыкновенного текста;
    * Учимся управлять размерами нашей поля для ввода информации;
    * Создаем ограничение по вводу количества символов в нашем поле;
    * Изучаем создание поля для ввода пароля;
    * Учимся делать поле для ввода больших текстов;
    * Учимся вставлять текст в наши поля. При загрузки странички в поле ввода информации будет прописан заданный нами текст.

6. Продолжаем изучение форм: поля для выбора из предоставляемых данных

Продолжительность: 18мин 29сек

    * Что такое поля для выбора из предоставляемой информации и принцип их работы;
    * Учимся создавать checkbox – окошки для вставления галочек;
    * Создаем радио кнопки – окошки для выбора из нескольких вариантов только одного;
    * Учимся присваивать уникальные имена нашим радио кнопкам;
    * Изучаем принцип работы атрибута checked – появление галочек в заданных окошках при загрузке;
    * Создаем поле для выбора из выпадающего списка;
    * Создаем поле для выбора из списка с заданным количеством строк;
    * Учимся создавать возможность выбора нескольких вариантов из предоставляемого списка.

7. Заканчиваем изучение форм

Продолжительность: 11мин 52сек

    * Учимся создавать поля для загрузки файлов на сайт;
    * Создаем кнопку для отправления данных из нашей формы;
    * Учимся задавать необходимый текст на нашей кнопке;
    * Еще раз более детально разбираем принцип работы форм;
    * Рекомендация уникального курса о сайтостроительстве.

После изучения этих видеоуроков, создание своей первой html странички будет так же просто, как набор текста в блокноте!

Бонусная чать курса:

Вместе с семью уроками основной части курса, я записал еще три урока для бонусной. И скажу Вам честно, без знаний, которые находятся в бонусной части, Вы не сможете создать ни одной более-менее нормальной странички.

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

Бонусная чать состоит из следующих видеоуроков:

1. Начинаем изучение создания таблиц в html языке

Продолжительность: 16мин 23сек

    * Создаем каркас нашей таблички;
    * Задаем ширину таблицы;
    * Учимся открывать строку в нашей табличке;
    * Учимся открывать столбец в нашей табличке;
    * Задаем толщину окантовки таблицы;
    * Учимся управлять зазором между ячейками;
    * Учимся управлять зазором внутри ячейки;
    * Разбиваем нашу табличку на несколько ячеек по вертикали;
    * Разбиваем нашу табличку на несколько ячеек по горизонтали;
    * Учимся объединять столбцы в нашей табличке.

2. Заканчиваем изучение построения таблиц в html языке

Продолжительность: 9мин 43сек

    * Учимся объединять строки в нашей табличке;
    * Более детально изучаем принцип создания таблиц в html языке;
    * Рассматриваем на наглядном примере внутренности только что созданной нами таблицы.

3. Учимся создавать странички при помощи табличной верстки

Продолжительность: 15мин 22сек

    * Детально разбираем принцип построения html странички на примере сайта ОтдыхайКа.ру;
    * Разбиваем сайт ОтдыхайКа.ру на блоки;
    * Выравниваем таблицу на страничке по вертикали;
    * Учимся выравнивать данные внутри ячейки по горизонтали;
    * Учимся выравнивать данные внутри ячейки по вертикали;
    * Делаем нашу таблицу не видимой для глаз;
    * Очередная навязчивая рекомендация курса по изучению сайтостроительства.