После просмотра авторского видеокурса вы создадите свою первую 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». Т.е. в том состоянии, в каком они были.