В результате реализации программы слушатель будут знать:
- особенности формирования текстовой и графической информации на веб-страницах;
- виды web - сайтов;
- способы работы с изученными программами (редакторы сайтов) и HTML-документами;
- язык HTML;
- проектировать и создавать гипертекстовое приложение средствами прикладной программы Sublime Text 3;
- программировать на языке HTML на уровне создания не менее 3-5 связанных страниц сайта;
- применять при создании веб-страницы основные принципы веб-дизайна, проводить анализ, проектировать структуру, производить отбор содержания согласно функциональным требованиям проекта, выполнять визуализацию информации в соответствии с требованиями дизайна;
иметь навыки владения
- способами работы с изученными программами (редакторы сайтов);
- необходимыми способами проектирования, создания, размещения и обновления веб-сайта;
- приемами организации и самоорганизации работы по изготовлению сайта;
- опытом коллективного сотрудничества, способами коммуникации при конструировании веб-сайтов;
- анализа и оценки своих результатов.
Введение в веб-дизайн. HTML
Тема 1.1
Основные понятия и теги языка HTML. История создания языка, протокол HTTP, структура документа, правила оформления и написания страниц, браузеры, адресация ресурсов, правила поиска и отображения информации, маршрутная адресация
HTML – язык гипертекстовой разметки
Тема 2.1
Знакомство с гипертекстом. Создание ссылок и знакомство с атрибутами. Формирование относительных и абсолютных ссылок. Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление. Объявление типа документа. Варианты и стандарты
Тема 2.2
Блочные и строчные элементы. Разработка HTML-списков. Открытие блока HTML и начало блока заголовков. Обзор заголовков гипертекстовых документов, их синтаксис и назначение. Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц
Тема 2.3
Добавление изображений различных форматов на веб-страницы
Стилевое оформление HTML-документов.
Тема 3.1
HTML для CSS. Создание стилей и таблиц стилей. Ознакомление с инструментами выделения, их назначением, применением, свойствами
Тема 3.2
Селекторы: определение элементов стилизации. Ознакомление с настройками инструментов выделения
Тема 3.3
Управление сложной структурой стилей, каскадность. Форматирование текста: поля, отступы, границы