Презентация урок 1. Курс Вебразработчик Житков Тимофей Преподаватель курса Тимофей Житков
 Скачать 0.58 Mb.
|
|
Курс Веб-разработчик Житков Тимофей Преподаватель курса Тимофей Житков Выпускник МГТУ им Н.Э. Баумана Факультет: Робототехника и комплексная автоматизация 4х-летний опыт работы в сфере IT и программирования на языках Javascript, PHP, Java. Являюсь разработчиком веб-сайтов и внутренних CRM систем, а также автором собственной платформы управления сайтами (PHP+JS). Также разрабатываю ботов для мессенджеров и Android приложения. Участвовал в создании более множества веб- проектов в том числе для крупных российских компаний. Доступ к материалом курса 1. Все занятия записываются 2. Запись, исходный код и презентация будут выкладываться в личный кабинет 3. Будет создан общий чат, в котором можно будет задавать вопросы по темам курса Как сдавать домашнее задание? 1. Код вашей домашней работы нужно загрузить в личный кабинет 2. Ваше домашнее задание будет проходить Code Review и высылаться обратно с комментариями преподавателей курса Roadmap курса Занятие 1 Основы HTML5 и CSS3 Как работают сайты? пользователь сервер Из чего состоит html? Текст параграфа Открывающий тег Закрывающий тег содержимое тега элемент Каркас HTML странцы Корневой элемент страницы Открывающий и закрывающий теги Могут располагаться на разных строчках Вложенные элементы Вложенные элементы Добро пожаловать на курс! Обзор редакторов кода (IDE) Блочные элементы Я – блочный элемент 1. Располагаются сверху вниз 2. Занимают максимально возможное расстояние по ширине 3. Внутрь блочного элементы можно помещать как блочные так и строчные элементы 4. Позволяют изменять себя по ширине и высоте Строчные элементы Я - строчный элемент Я тоже строчный элемент 1. Располагаются слева направо 2. Величина элемента равна размеру содержимого 3. В строчный элемент можно вкладывать только строчные элементы Блочные текстовые элементы -Заголовки -Параграфы -Цитаты -Разделительные линии Заголовки Заголовки размечают структуру документа по разделам Заголовок первого уровня Заголовок второго уровня Заголовок третьего уровня Заголовок четвертого уровня Заголовок пятого уровня Заголовок шестого уровня Цитаты и параграфы Элемент для размещения блока текста Какой-то текст в параграфе Цитата отличается от параграфа тем, что отображается на странице с отступом от левого и правого краев Какой-то текст в цитате Строчные элементы Название Описание Пример Текст Курсивный текст Текст Текст Подчеркнутый текст Текст Текст Жирное начертание текста Текст Текст Перечеркнутый текст Текст Перенос строки Текст Верхний индекс e=mc 2 Текст Нижний индекс H 2 O Не имеет смысла применять следующие элементы: , , Задание Стихотворения Есенина Оглавление: -Отговорила роща золотая... -Береза Отговорила роща золотая... Отговорила роща золотая Березовым, веселым языком, И журавли, печально пролетая, Уж не жалеют больше ни о ком. Береза Белая береза Под моим окном Принакрылась снегом, Точно серебром. |