Базовый курс по основам HTML и CSS

Основы HTML и CSS

Изучите основы HTML и CSS всего за 2 часа и 30 минут.

Сделайте первый шаг к созданию своего сайта!

Просто, понятно, для абсолютных новичков в веб-разработке.

Ваше имя:
Ваш Email:



Нажав на кнопку, внимательно следуйте инструкциям на открывшейся странице, чтобы успешно активировать доступ и начать обучение уже через пару минут.

*Ваши данные останутся полностью конфиденциальными. Никакого спама. Полный контроль над подпиской: Вы можете отказаться от получения уроков в любой момент - ссылка для отписки есть в каждом письме.

Краткий план видеокурса:

Урок 1. Общий механизм работы сайтов и суть языка HTML (07:38)

Этапы отображения любого сайта;

Что такое HTML;

Для чего используется HTML;

Что такое HTML-тэги, и в чем их смысл;

Как браузер анализирует код страницы и выводит веб-страницу на экран;

Почему не следует использовать HTML для визуального оформления веб-страницы.

Урок 2. Структура HTML-документа и первая страница (18:55)

Какую программу вы можете использовать для написания кода;

Какие элементы обязательно должны присутствовать в любом HTML-документе;

Что такое парные и непарные тэги;

Как быть с некорректным отображением кириллических символов;

Как задать кодировку для веб-страницы и для самого HTML-файла;

Что такое META-тэги и какие из них наиболее важные;

Что такое тип документа, и зачем он нужен.

Урок 3. Особенности работы базовых тэгов и правило вложенности (11:16)

Использование тэгов параграфа и переноса строки;

Выделение частей текста жирным начертанием и курсивом;

Понятие вложенности тэгов;

Надстрочный и подстрочный индексы.

Урок 4. Комментарии, строчные и блочные элементы. Плагин Firebug (15:21)

Как посмотреть исходный код любой страницы сайта;

Для чего нужны комментарии, и как их использовать;

Какой тэг нужно использовать для отображения текста на странице "как есть";

Тэги span и div;

Отличие строчных элементов от блочных;

Плагин Firebug для просмотра структуры web-страницы.

Урок 5. Изучаем спецсимволы, списки и таблицы (14:56)

Что такое спецсимволы, и для чего их использовать;

Что такое мнемоники, и для чего они созданы;

Создание списков;

Работа с таблицами, объединение строк и ячеек.

Урок 6. Ссылки, url-адреса и понятие атрибута (13:59)

Что такое атрибуты и зачем они нужны;

Обязательные и необязательные атрибуты;

Создание гипертекстовых ссылок. Открытие ссылки в новой вкладке;

Ссылка на определенное место в документе;

Виды URL-адресов. Отличие абсолютного адреса от относительного.

Урок 7. Работа с изображениями. Навигационная карта (12:47)

Как вставить изображение на страницу;

Обязательные и необязательные атрибуты для тэга img;

Как указать размеры для изображения;

Как сделать часть изображения ссылкой.

Урок 8. CSS. Введение: селекторы типа и селекторы класса (18:03)

Что такое таблицы стилей, и для чего они применяются;

В чем преимущества использования CSS перед стандартными HTML-средствами форматирования;

Использование селекторов класса и типа;

Разбор структуры CSS-правила (пара "свойство: значение");

Как применить стиль к определенному элементу на странице;

Задание нескольких значений для одного CSS-свойства;

Задание одного стиля для нескольких элементов разных типов.

Урок 9. Селекторы ID и селекторы потомков. Основные CSS-правила (21:05)

Для чего используются селекторы идентификатора;

Первичное позиционирование контента страницы с помощью свойства margin;

Как избавиться от лишних отступов, которые автоматически создает браузер;

Что такое селекторы потомка, и в чем смысл их использования.

Урок 10. Псевдоэлементы. Типы подключения CSS-стилей к документу (16:28)

Понятие псевдоэлемента и примеры их использования;

Встроенный тип подключения CSS-стилей;

Внутреннее подключение стилей;

Вынос CSS-стилей в отдельный файл (внешнее подключение);

В чем плюсы внешнего подключения файла стилей.

Дополнительный урок по основам работы с Notepad++ (09:16)

Скачиваем и устанавливаем программу;

Создание и сохранение документа;

Выбор типа файла при его сохранении;

Как менять кодировку файла;

Как сделать подсветку синтаксиса любого языка;

Как сворачивать и разворачивать блоки кода.

Вот отзывы некоторых людей, изучивших этот курс:


Дмитрий, БЛАГОДАРЮ за видео-курс по основам HTML и CSS!!!

Дмитрий, БЛАГОДАРЮ за видео-курс по основам HTML и CSS!!!

С удовольствием потратил несколько часов на его изучение.

Надеюсь и дальше двигаться и развиваться в создании сайтов и приложений.

Удачи Вам.

Виталий Дричик.



Дмитрий, здравствуйте!

Спасибо Вам за письма. Они поддерживают и стимулируют, - это то, что нужно.

Я освоила десять уроков. Если учесть, что я тот еще юзер, - это очень много.

Спасибо Вам, еще раз. Я только начинаю чувствовать себя на пороге чего-то нового, интересного. Что, к тому же, избавит меня от комплекса неполноценности в смысле общения с компьютером.

Благодаря Вашим чудесным урокам, и Вашему дару объяснять и переводить на человеческий язык невероятную компьютерную хрень, у меня появилась надежда, что я не потерянный для современной жизни экземпляр.

Надеюсь и дальше двигаться и развиваться в создании сайтов и приложений.

Коды, шифровки, пароли. Мы справимся!

С уважением, Наталья Круль-Полякова



Скажу вначале. Отзыв не липовый, не льщу.. Видящий да увидит, понимающий да поймёт..

Буквально всё близко и очень понятно на сайте Дмитрия! Оказавшись впервые на сайте был приятно восхищён.. конкретностью, знанием своего дела и что особенно поразило - (не побоюсь этого слова) педагогичностью что ли, точнее, умением точно и кратко и ясно, и уместно всё излагать, последовательно..

С вами хочется работать и продолжать осваивать php, с виду действительно скучный и сложный предмет..

Многие утверждения Дмитрия слово в слово согласны во мне.. Переваривал неоднократно и убеждался ранее и сейчас. С одной стороны Дмитрий очень исчерпывающе излагает информацию, с другой стороны ПОБУЖДАЕТ к самостоятельному мышлению и освоению практически.

..Так и было ранее со мной.. Признаюсь, все навыки свои и знания черпал из сети.. Продолжаю до сих пор делать и вникать в свой сайт, многократно.., на локальном сервере. С очень разных источников отовсюду, и очень о многом, обо всём, что необходимо знать и уметь при создании собственного сайта.. Этот путь был необходим, невольно, чтобы счас по достоинству оценить всё, что делает и как Дмитрий! Великое спасибо и респект!!

Понимаю что, наверняка, мой отзыв канет в многочисленные, видимо. Понимаю, что пока не могу должным образом отплатить и поблагодарить Дмитрия! Но буду помнить об этом и думать всегда! Признаюсь, за несколько лет никогда никому ничего не оплачивал. В силу разных причин, но чаще от того, что не было под рукой платёжных удобных эл.платежей.

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

Очень много висящей инфы в сети по сайтостроению устаревшей и неактуальной, которая лишь засоряет мозг многим начинающим, и делает медвежью услугу их авторам. Только отчасти это понимаю потому, что обновления чаще впереди.

С уважением и благодарностью!!

Василий Иванович Стасюк.



Добрый день, пишет Вам благодарная подписчица.

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

Я пока чайник, но не собираюсь останавливаться на достигнутом.

Меня вдохновляют люди, подобные Вам.

С уважением, Наталья.



Ваше имя:
Ваш Email:



P.S. После просмотра данного видеокурса Вы перестанете с ужасом смотреть на HTML-код и будете понимать, как он работает.

Вы сможете создать свои первые HTML-страницы и придать им нужный вид с помощью CSS.

И самое главное - Вы заложите фундамент для своего дальнейшего развития в деле веб-разработки.

C пожеланиями успехов, Дмитрий Науменко.

Нажмите сюда, чтобы заработать, раздавая данный видеокурс!