Лекции по современным веб-технологиям

В курсе излагаются история, стандарты и базовые принципы организации Всемирной паутины. Теоретически и практически рассмотрены основные возможности языка гипертекстовой разметки HTML и каскадных таблиц стилей CSS. Описаны основные ограничения полиграфии и цветового оформления веб-сайта.
Для всех
Записаться
Объём
36 час.
Длительность
30 дней
Нагрузка
6 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Учебный курс предлагает системный взгляд на веб-технологии, охватывая принципы функционирования интернета и актуальные стандарты разметки. Материалы подробно описывают технические аспекты создания страниц на HTML и возможности каскадных таблиц стилей CSS для управления дизайном. Рассматриваются специфика цветового оформления и технические ограничения цифровой среды. Курс ориентирован на начинающих веб-разработчиков, дизайнеров и ИТ-специалистов, желающих освоить базу для создания качественных ресурсов. Обучение помогает развить профессиональный подход к верстке и понять внутреннюю логику современных инструментов веба.
Цели
  • Сформировать понимание базовых принципов и стандартов организации Всемирной паутины.
  • Развить навыки использования HTML и CSS для создания структурированных веб-страниц.
  • Подготовить к учету технических ограничений при проектировании визуального интерфейса сайта.
  • Систематизировать знания о современных инструментах верстки и оформления контента.
Чему я научусь?
  • Использовать HTML-теги для создания корректной структуры документа и разметки контента.
  • Применять каскадные таблицы стилей CSS для оформления текста, списков и таблиц.
  • Настраивать цветовую схему и фоновые изображения с учетом веб-ограничений.
  • Проектировать макеты страниц, используя различные модели компоновки и позиционирование элементов.

Авторы

Кузнецова Лиана Владимировна
Доцент кафедры теоретических основ информатики и информационных технологий Саратовского государственного университета им. Н.Г. Чернышевского, кандидат физико-математических наук.
Чему я научусь?
  • Использовать HTML-теги для создания корректной структуры документа и разметки контента.
  • Применять каскадные таблицы стилей CSS для оформления текста, списков и таблиц.
  • Настраивать цветовую схему и фоновые изображения с учетом веб-ограничений.
  • Проектировать макеты страниц, используя различные модели компоновки и позиционирование элементов.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз.
1 Что такое современный Интернет? В лекции приводятся некоторые сведения о сети Интернет и Всемирной паутине.
2 Введение в стандарты Веб В лекции рассказывается о веб-стандартах. Введено понятие валидации и описан процесс проверки веб-страниц с помощью валидатора... В лекции рассказывается о веб-стандартах. Введено понятие валидации и описан процесс проверки веб-страниц с помощью валидатора W3C HTML. ещё
Введение в стандарты Веб тест для курса Лекции по современным веб-технологиям 40 мин
3 Что нужно хорошей веб-странице? В лекции рассказывается об общих принципах создания веб-сайта, его основных элементах, а также о некоторых особенностях... В лекции рассказывается об общих принципах создания веб-сайта, его основных элементах, а также о некоторых особенностях дизайна. ещё
4 Введение в HTML В лекции представлены основные сведения о языке HTML: его история, структура HTML-документа, рассмотрен синтаксис элементов HTML.... В лекции представлены основные сведения о языке HTML: его история, структура HTML-документа, рассмотрен синтаксис элементов HTML. Также в лекции вводится понятие редактора для верстки веб-страниц. ещё
Введение в HTML тест для курса Лекции по современным веб-технологиям 40 мин
5 DOCTYPE и раздел документа HEAD В лекции рассматривается разметка внутри элемента head, рассказывается о различных частях этого раздела и их предназначении.... В лекции рассматривается разметка внутри элемента head, рассказывается о различных частях этого раздела и их предназначении. Также описаны функции объекта DOCTYPE и порядок выбора DOCTYPE для HTML-документа. ещё
DOCTYPE и раздел документа HEAD тест для курса Лекции по современным веб-технологиям 35 мин
6 Разметка текста в HTML В лекции рассматриваются основные блочные и строковые элементы HTML, используемые для структурирования и форматирования текста.
Разметка текста в HTML тест для курса Лекции по современным веб-технологиям 45 мин
7 Списки и изображения в HTML В лекции рассматриваются особенности работы со списками и изображениями в HTML.
Списки и изображения в HTML тест для курса Лекции по современным веб-технологиям 45 мин
8 Ссылки в HTML В лекции описываются основные способы работы со ссылками. Кратко рассматриваются некоторые способы реализации навигации по сайту.
Ссылки в HTML тест для курса Лекции по современным веб-технологиям 40 мин
9 Таблицы В лекции рассматриваются основные приемы работы с таблицами в HTML. Описываются некоторые способы улучшения представления данных... В лекции рассматриваются основные приемы работы с таблицами в HTML. Описываются некоторые способы улучшения представления данных в таблице, способы дополнительного структурирования таблиц и др. ещё
Таблицы тест для курса Лекции по современным веб-технологиям 45 мин
10 Что такое CSS? В лекции даются основные сведения о синтаксисе CSS, рассматриваются основные способы внедрения CSS в HTML. Также... В лекции даются основные сведения о синтаксисе CSS, рассматриваются основные способы внедрения CSS в HTML. Также описываются основные селекторы, псевдоэлементы и псевдоклассы, затрагиваются такие фундаментальные концепции CSS как наследование и каскадирование. ещё
Что такое CSS? тест для курса Лекции по современным веб-технологиям 35 мин
11 Оформление текста с помощью CSS В лекции рассматриваются основные свойства CSS, позволяющие управлять стилем, размером, семейством, гарнитурой шрифта, а также свойства,... В лекции рассматриваются основные свойства CSS, позволяющие управлять стилем, размером, семейством, гарнитурой шрифта, а также свойства, отвечающие за выравнивания и отступы текста, регулировки просвета и высоты строки. ещё
Оформление текста с помощью CSS тест для курса Лекции по современным веб-технологиям 45 мин
12 Цвет и фоновые изображения CSS В лекции рассматриваются основные свойства, управляющие цветом и характеристиками фона на веб-страницах.
Цвет и фоновые изображения CSS тест для курса Лекции по современным веб-технологиям 30 мин
13 Модель компоновки CSS В лекции вводится понятие модели компоновки CSS (боксовой модели) и рассматриваются основные ее возможности. Рассматриваются свойства... В лекции вводится понятие модели компоновки CSS (боксовой модели) и рассматриваются основные ее возможности. Рассматриваются свойства CSS, которые управляют компоновкой элементов HTML, определяют их границы, поля, заполнение, ширину, высоту и др. ещё
Модель компоновки CSS тест для курса Лекции по современным веб-технологиям 35 мин
14 Оформление списков и ссылок с помощью CSS В лекции рассматриваются основные подходы для оформления списков и ссылок средствами CSS.
Оформление списков и ссылок с помощью CSS тест для курса Лекции по современным веб-технологиям 30 мин
15 Оформление таблиц с помощью CSS В лекции рассматриваются свойства CSS для управления основными параметрами таблицы.
Оформление таблиц с помощью CSS тест для курса Лекции по современным веб-технологиям 35 мин
16 Позиционирование в CSS В лекции рассматриваются основные виды позиционирования элементов на странице, а также возможности CSS по созданию слоев.
Позиционирование в CSS тест для курса Лекции по современным веб-технологиям 35 мин
17 Приложения
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз.
Экзамен
^