Видеокурс «Основы html языка для начинающих» |
Автор Administrator | |
Видеокурс «Основы html языка для начинающих»
Автор: Евгений Болгов
Год: ноябрь 2010 Язык: Русский Объем курса: 7 видеоуроков, всего 199 Мб Продолжительность: более двух часов Формат: EXE Бонус: еще 3 видеоурока Объем : 63 Мб Видеокурс шаг за шагом, с полного нуля, объяснит Вам, как устроена любая html страничка и принцип ее создания. И для этого, Вам не понадобятся ни какие специальные знания! Ни каких хитрых кодов, не какого глубокого и нудного зубрения. Только самые важные и необходимые знания. Знания, которые с легкостью осваивали даже 10-12 летние дети и уже в этот же день создавали свои первые интернет странички.
Курс состоит из семи видеоуроков общей длительностью более двух часов!!!
После просмотра авторского видеокурса вы создадите свою первую 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 странички на примере сайта ОтдыхайКа.ру; * Разбиваем сайт ОтдыхайКа.ру на блоки; * Выравниваем таблицу на страничке по вертикали; * Учимся выравнивать данные внутри ячейки по горизонтали; * Учимся выравнивать данные внутри ячейки по вертикали; * Делаем нашу таблицу не видимой для глаз; * Очередная навязчивая рекомендация курса по изучению сайтостроительства. |