Урок №1. История и стандарты, базовые элементы. 1. История развития Интернета, появление службы WWW. 2. Стандарты Интернета и WWW. 3. Термины XHTML, синтаксис, базовая Web-страница. 4. Разделение элементов на блочные и линейные. 5. Организация структуры Web-страницы с помощью заголовков H1, H2, H3, H4, H5 и H6, абзацев P. Размеченный текст PRE. Линейные элементы усиление STRONG и эмфазис EM. 6. Программное обеспечение: редакторы и обозреватели. Задание: Разметка текстовых документов. ----------------------------------------------------------------------- Урок №2. Ссылки и пути. 1. Элемент A. Задание ресурса с помощью атрибута href. Горячая клавиша. Всплывающая подсказка. 2. Относительные пути. 3. Именование папок. 4. Абсолютные пути, протоколы и соответствующие им службы. Понятие URL. 5. Разбитие документа на фрагменты. Имена закладок (меток). Понятия URN и URI. 6. Линейные кадры. Ссылка на кадр. Табличные кадры. Задание: Организация ссылок между файлами в нескольких вложенных папках. ----------------------------------------------------------------------- Урок №3. Списки, символы, кодировки, метаданные. 1. Маркированные списки. Нумерованные списки. Вложение списков. 2. Уникод. 3. Символьные подстановки на основе имён символов. 4. Символьные подстановки на основе номеров символов. Шестнадцатеричная система счисления. 5. Список имён и номер наиболее употребительных символов. 6. Сетевые пакеты. Заголовки сетевых пакетов. 7. Заголовок Content-Type протокола HTTP. Тип содержимого (MIME). Кодировки. 8. Введение в метаданные. Переопределение заголовков протокола HTTP. Переопределение заголовка Content-Type для задания кодировки. Список кодировок. 9. Метаданные AUTHOR, GENERATOR. 10. Принципы функционирования поисковых систем, регистрация в поисковых системах. 11. Метаданные KEYWORDS и DESCRIPTION, правила подбора ключевых слов, составление описания и заголовка. Задание: Создание различных списков. Задание кодировки, подбор ключевых слов, описание страницы. ----------------------------------------------------------------------- Урок №4. Введение CSS. Представление блочных элементов. Что такое каскадные таблицы стилей. Модель представления блочных элементов как полей, границ, отступов, содержимого. Синтаксис правил. Свойство border, единицы измерения, 16 предопределённых цветов. Атрибут style. Свойства margin и padding. Подробное разъяснение модели представления. Линейные размеры элементов. Переполнение блока. Обтекание. Запрет обтекания. Задание: Первые шаги по оформлению страниц атрибутом style. ----------------------------------------------------------------------- Урок №5. Цвета текста и фона. Изображения. Физическая сущность цвета, восприятие цветов человеком. Подбор цветов, их сочетаемость. Варианты задания цвета в CSS. Задание цвета для текста и фона, нюансы. Изображения, работа с Adobe ImageReady. Графические форматы. Формат JPEG. Формат GIF. Прозрачные области. Анимация. Формат PNG. Полупрозрачные области. Итог по выбору формата. Вставка изображений в Web-страницу. Фоновое изображение. Настройка фонового изображения, свойство background. Задание: Вставка изображений, раскрашивание страниц. ----------------------------------------------------------------------- Урок №6. Шрифты и текст. Разница между шрифтовым и текстовым оформлением. Шрифты. Задание насыщенности, курсивности, кегля, гарнитуры. Варианты гарнитур. Свойство font. Текст. Отступ красной строки. Выравнивание текста. Разрыв строки и его запрет, расстановка переносов. Интерлиньяж, межсимвольный интервал. Оформление текста. Преобразование текста. Написание текстов для Web. Оформление заголовков, кернинг. Задание: Шрифтовое и текстовое оформление страниц. ----------------------------------------------------------------------- Урок №7. Расположение элементов. Каскадные таблицы стилей. Относительное смещение. Взаимосуществование свойств position: relative; и float. Абсолютное размещение. Взаимосуществование свойств position: absolute; и float. Послойное расположение элементов. Свойство z-index. Использование элемента STYLE для разделения оформления и наполнения. Простейший селектор. Селекторы по иерархии. Понятие каскадности. Классы. Упрощение структуры страницы. Отказ от атрибута style за счёт использования идентификаторов. Внешние таблицы стилей, их сосуществование с внутренними и вложеным стилем. Задание: Реорганизация страниц под элемент STYLE и внешние таблицы стилей. ----------------------------------------------------------------------- Урок №8. Таблицы. Внутренняя структура таблицы. Шапка, тело и итог; строки и ячейки. Объединение ячеек. Оформление таблиц. Использование классов и селекторов по иерархии. Использование таблиц для табулированных данных и для оформления Web-страниц. Атрибут summary. Карты ссылок. Задание: Добавление таблиц в Web-проект. ----------------------------------------------------------------------- Урок №9. Псевдоклассы. Указатель мыши. Оформление списков. Устаревшие методы оформления. Псевдоклассы текста. Создание буквицы. Псевдоклассы ссылок. Подбор цветов для ссылок. Указатель мыши. Оформление списков. Маркер, его тип и расположение. Рисунок в качестве маркера. Оформление нумерованных списков. Списки определений. Использование и оформление списков определений. Устаревшие методы оформления. Цветовая гамма, шрифты, текст, таблицы, списки, изображения. Задание: Настройка ссылок, указателя мыши и списков. Списки определений. ----------------------------------------------------------------------- Урок №10. Подведение итога и подготовка к экзамену. Разделение наполнения и оформления. Инициатива доступности Web. Размещение Web-страниц в Интернете. Задание: Полностью закончить Web-проект. ----------------------------------------------------------------------- Урок №11. Экзамен. Первые двадцать минут — подготовка к теоретическому вопросу. Далее в течение пятидесяти минут — ответы на вопросы теста и опрос. Последние двадцать минут — разбор теста. ----------------------------------------------------------------------- ----------------------------------------------------------------------- Проект №1. Web-узел бистро «Минутка» Web-страницы: 1. Главная. 2. История развития. 3. Фирменные блюда. 4. Как нас найти. ----------------------------------------------------------------------- Проект №2. Концепт-проект по борьбе с куреньем. Web-страницы: главная и три дополнительных.