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

После просмотра авторского видеокурса вы создадите свою первую 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 странички на примере сайта ОтдыхайКа.ру;
  • Разбиваем сайт ОтдыхайКа.ру на блоки;
  • Выравниваем таблицу на страничке по вертикали;
  • Учимся выравнивать данные внутри ячейки по горизонтали;
  • Учимся выравнивать данные внутри ячейки по вертикали;
  • Делаем нашу таблицу не видимой для глаз;
  • Очередная навязчивая рекомендация курса по изучению сайтостроителства.
  • Скачать бесплатно:

    [member]Часть 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

    [/member]

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

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

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

    About the author

    crazyyy

    View all posts