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

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

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

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

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

Рассматриваем принцип построения html странички;

Прописываем строку, без которой Ваша страничка не сможет нормально отображаться в браузере;

Учимся создавать html документ;

Что такое теги и их атрибуты?

Создаем каркас нашей html странички;

Создаем технический блок при помощи тегов head;

Прописываем мета тег (технические тег) отвечающий за кодировку и тип документа. Без этого тега Ваша страничка в браузере может вместо нормальных слов выдавать абракадабру;

Учимся прописывать название нашей странички;

Прописываем мета теги (технические теги) отвечающие за нахождение Вашей странички в поисковиках. Тег description — описание страницы и тег keywords — ключевые слова.

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 странички на примере сайта ОтдыхайКа.ру;

Разбиваем сайт ОтдыхайКа.ру на блоки;

Выравниваем таблицу на страничке по вертикали;

Учимся выравнивать данные внутри ячейки по горизонтали;

Учимся выравнивать данные внутри ячейки по вертикали;

Делаем нашу таблицу не видимой для глаз;

Очередная навязчивая рекомендация курса по изучению сайтостроителства.

Скачать бесплатно:

Часть 1 (95.37 Мб) — http://depositfiles.com/files/v1jyazp2z

Часть 2 (95.37 Мб) — http://depositfiles.com/files/uwth7mwb9

Часть 3 (64.72 Мб) — http://depositfiles.com/files/yz3yfndt0

Скачать одним файлом (255.45 Мб) — http://depositfiles.com/files/sgthhp8ky

P.S.1. По просьбе посетителей сайта архивы подготавливаются размером до 100Мб.

P.S.2. О не работающих ссылках сообщите в КОНТАКТЫ.

P.S.3. Напоминаем — материалы берутся из интернета «AS IS». Т.е. в том состоянии, в каком они были.

It is main inner container footer text