Компьютерные науки

Введение в современные веб-технологии

Программа о базовом освоении веб-технологий для построения эффективных документов по действующим стандартам. Рассматриваются основы HTML-разметки, каскадные таблицы стилей CSS, принципы бестабличной вёрстки и создание динамических элементов.
Студентов 4313 Выпускников 458 Для всех
690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
Темы:
Интернет-технологии
Объем
36 час.
Длительность
30 дней
Нагрузка в неделю
9 час.
Формат обучения
Дистанционно (самостоятельно)
Описание Эта учебная программа посвящена фундаменту современной веб-разработки. В рамках обучения изучаются язык разметки HTML, таблицы стилей CSS и основы программирования на JavaScript. Подробно разбираются текстовые элементы, позиционирование, табличная и бестабличная вёрстка, а также динамический HTML и объектная модель документа. Изучение начинается с основ HTML и CSS, переходя к позиционированию, макетированию и внедрению сценариев. Теоретические блоки сопровождаются практическими задачами по созданию веб-страниц.
Цели
  • Сформировать понимание базовых веб-технологий и стандартов разработки.
  • Дать навыки использования HTML и CSS для структурирования и оформления контента.
  • Познакомить с возможностями JavaScript для создания динамических элементов веб-страниц.
Чему я научусь?
  • Создавать структуру веб-документов с помощью HTML-разметки.
  • Оформлять страницы и управлять позиционированием элементов средствами CSS.
  • Применять сценарии JavaScript для обработки событий и работы с веб-формами.
  • Выполнять табличную и бестабличную вёрстку макетов.

Авторы

Кудряшев Александр Вячеславович
Кудряшев Александр Вячеславович
К.х.н., доцент Сибирского Федерального университета, ИГУРЭ, кафедры ММИ; Avecom, ltd., Ohio, USA, Senior Web Developer.\n
Светашков Павел Александрович
Светашков Павел Александрович
Доцент Сибирского Федерального университета, ИГУРЭ, кафедры ММИ.
Чему я научусь?
  • Создавать структуру веб-документов с помощью HTML-разметки.
  • Оформлять страницы и управлять позиционированием элементов средствами CSS.
  • Применять сценарии JavaScript для обработки событий и работы с веб-формами.
  • Выполнять табличную и бестабличную вёрстку макетов.

Учебный план

№ Занятия
Экзамен экстерном Внимание! Экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите подтвердить свои знания по данному курсу без его изучения или поверить свои знания по нему. Экзамен экстерном можно сдать только один раз. 90 мин
1 Обзор HTML и CSS Назначение языка HTML. Стандарт HTML и спецификация XHTML. Структура документа HTML. Назначение языка CSS.
2 Текстовые элементы HTML Параграфы, заголовки, элементы логического и физического форматирования текста. Списки, гиперссылки.
3 Знакомство с HTML и CSS Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их... Цель. Практически изучить структуру HTML-документа, научиться подключать таблицы стилей и настраивать внешний вид страницы при их помощи. ещё
4 Атрибуты стиля (CSS attributes)
5 Механизмы CSS
Механизмы CSS тест для курса Введение в современные веб-технологии 60 мин
6 Позиционирование средствами CSS Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и... Типы позиционирования элементов в CSS и их особенности. Позиционирование на основе плавающих элементов. Приёмы центрирования и наложения элементов. ещё
7 Создание динамического меню навигации при помощи списков и правил CSS Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок)... Цель. Научиться применять элементы HTML (списки и гиперссылки), а также свойства CSS (модель отображения, псевдоклассы гиперссылок) для формирования системы навигации на веб-странице. ещё
8 Изображения
9 Таблицы
10 Табличная и бестабличная вёрстка Макет страницы. Колонки, колонтитул, подвал. Формирование макета средствами HTML-таблиц и правил CSS
Табличная и бестабличная вёрстка тест для курса Введение в современные веб-технологии 60 мин
11 Создание макета страницы средствами правил CSS Цель. Практическое освоение основных приемов верстки HTML-страницы с несколькими разделами.
12 Сценарии Javascript
13 Обработка событий при помощи сценариев Javascript Цель. Изучение приемов динамического изменения страницы в ответ на действия пользователя.
14 Динамический HTML и Объектная Модель Документа
15 Динамический HTML Цель. Изучение приёмов динамического формирования HTML-документа.
16 События. Объект event
17 HTML-формы
18 Создание формы с динамической проверкой
19 Внедрение объектов в документ HTML Возможности и недостатки динамических HTML-страниц. Применение технологий Java, Flash, SVG, AJAX, Silverlight (обзор)
20 Знакомство с Silverlight Цель. Знакомство с программой Microsoft Expression Blend. Создание анимированной Silverlight-заставки и размещение её в HTML-документе
21 Перспективы и расширения HTML Новые возможности в проектах спецификаций HTML 5 и CSS 3
Перспективы и расширения HTML тест для курса Введение в современные веб-технологии 60 мин
22 Знакомство с Silverlight (продолжение)
Тренировочный экзамен Внимание! Тренировочный экзамен экстерном не обязательный для сдачи. При желании вы можете его пройти, если хотите проверить свои знания курса перед сдачей экзамена. Тренировочный экзамен можно сдавать сколько угодно один раз. 90 мин
Экзамен 60 мин

Какой документ я получу?

Сертификат

Выдаётся автоматически после успешного завершения программы.

Удостоверение о повышении квалификации

Выдается при наличии среднего специального или высшего образования (необходимые документы).

Стоимость программы

690 ₽ 1 200 ₽
или любая сумма на ваше усмотрение
Вы можете оплатить любую сумму, чтобы поддержать наш проект и авторов программы. Объем услуг не зависит от размера вашей оплаты.
^