Учебно-методические комплексы

Подробнее

3. Работа со шрифтами и форматированием (Практическая работа №4)
Применение тегов физического форматирования: <TT>, <B>, <I>, <S>, <STRIKE>, <U>.
Управление размером шрифта с помощью атрибута SIZE (от + до -).
Выравнивание абзацев по левому и правому краям, создание заголовков шести уровней.
Анализ исторической справки о возникновении WWW и CERN.
4. Вставка и настройка графики (Практическая работа №5)
Использование тега <IMG> с атрибутами WIDTH, HEIGHT, ALT, BORDER.
Управление обтеканием текста вокруг изображения через ALIGN="left", ALIGN="right".
Задание отступов от картинки с помощью HSPACE и VSPACE.
Создание гиперссылок с использованием графических изображений.
5. Создание таблиц (Практическая работа №6)
Формирование таблиц с помощью тегов <TABLE>, <TR>, <TD>, <CAPTION>.
Объединение ячеек с использованием ROWSPAN и COLSPAN.
Управление границами, отступами внутри ячеек (CELLPADDING) и расстоянием между ячейками (CELLSPACING).
Применение цветового фона для ячеек, выравнивание содержимого с помощью ALIGN и VALIGN.
6. Многооконные документы (Фреймы) (Практические работы №7, 8)
Создание фреймовых структур с использованием <FRAMESET> и атрибутов ROWS и COLS.
Присвоение имен окнам для целевой загрузки документов (TARGET).
Организация навигационного меню в одном фрейме и отображение контента в другом.
Интеграция бегущей строки (<MARQUEE>) с настройками направления, поведения и скорости.
7. Каскадные таблицы стилей (CSS) (Практическая работа №9)
Создание стилевого оформления документа с использованием атрибута STYLE.
Настройка фона, отступов (полей), цвета текста и гиперссылок.
Реализация объемных эффектов заголовков, вертикальных линий у абзацев, декоративных подчеркиваний.
Применение относительного позиционирования для создания эффектов смещения слов.
8. Создание интерактивных форм (Практическая работа №10)
Разработка форм с тегом <FORM> для отправки данных на сервер.
Использование разнообразных типов полей ввода: TEXT, PASSWORD, CHECKBOX, RADIO, BUTTON, SUBMIT, RESET, FILE, HIDDEN.
Создание раскрывающихся списков с множественным выбором (<SELECT>, <OPTION>).
Внедрение многострочных текстовых полей (<TEXTAREA>).
9. Работа с графическими элементами (Практическая работа №11)
Интеграция графических файлов форматов GIF и JPEG.
Позиционирование картинок с расширенными значениями атрибута ALIGN (TOP, BOTTOM, BASELINE).
Создание фонового рисунка с помощью атрибута BACKGROUND тега <BODY>.
Использование изображений в качестве элементов гиперссылок.
10. Анимация и динамические элементы (Практические работы №12, 13)
Реализация анимации на JavaScript с функцией animate() для смены изображений.
Добавление элементов управления: кнопки «Быстрее», «Медленнее», «Стоп», «Старт».
Создание динамических графических часов с отображением текущего времени с помощью объекта Date.
Разработка функции clockTick() для автоматического обновления времени каждую секунду.
11. Самостоятельная работа студентов (СРС)
«Дорожная карта» организации СРС с указанием видов деятельности и критериев оценки.
Задания на анализ теоретического материала, подготовку к практическим работам и их защиту.
Формирование общих компетенций в области веб-разработки.
✓ Методический материал охватывает полный спектр базовых технологий веб-разработки: от основ HTML-разметки до динамических элементов на JavaScript и CSS-стилизации.

Подробнее

3. Современные методы стилизации (Практические работы №8-9)
Введение в Каскадные таблицы стилей (CSS).
Использование атрибута STYLE для управления оформлением документа.
Применение CSS для создания сложных эффектов: объемный текст, рамки и границы абзацев, фоновые заливки, изменение межстрочного интервала и отступов.
Настройка стилей для гиперссылок и замена стандартных тегов на стилевое описание.
4. Взаимодействие с пользователем (Практические работы №10-13)
Создание интерактивных форм для сбора и отправки данных (тег <FORM>).
Изучение различных типов полей ввода: TEXT, PASSWORD, CHECKBOX, RADIO, BUTTON, SUBMIT, RESET, FILE, HIDDEN.
Работа с элементом выбора <SELECT> и многострочным текстовым полем <TEXTAREA>.
Интеграция графических файлов и управление их позиционированием на странице.
Использование основ JavaScript для создания динамических элементов: анимационное изображение с кнопками управления ("Стоп", "Старт", "Быстрее", "Медленнее").
Разработка графических часов, отображающих текущее время с использованием объектов Date и динамической замены изображений.
Особенности документа:
✓ Каждая практическая работа содержит четко сформулированные цели и задачи.
✓ Представлен подробный технологический процесс выполнения каждого задания.
✓ Включены теоретические справки и примеры кода для всех изучаемых тегов и атрибутов.
✓ Документ ориентирован на пошаговое выполнение и закрепление навыков на практике.
✓ Предусмотрена работа с различными инструментами: текстовым редактором "Блокнот" и браузером для просмотра результатов.
✓ Содержит требования к отчетности в виде сохранения файлов в форматах .txt и .html.
Документ структурирован от простых операций по созданию первой веб-страницы до сложных задач по разработке интерактивных элементов и использованию каскадных таблиц стилей, что обеспечивает постепенное и системное освоение материала.

Подробнее

3. Содержание оценочных материалов
✓ Входной контроль: 20 тестовых заданий (2 варианта) на базовые понятия информатики и алгоритмизации:
– свойства информации (полнота, полезность, актуальность, достоверность, понятность, объективность);
– органы восприятия информации (зрение, слух, осязание);
– формы представления информации (текстовая, числовая, графическая, мультимедийная);
– аппаратные компоненты ПК (видеоадаптер, видеопамять);
– единицы измерения информации (биты в словах, расширения файлов, соответствие расширений типам файлов);
– системы счисления (перевод двоичных чисел в десятичные и обратно, сравнение чисел в разных системах, сложение двоичных чисел);
– текстовые и графические редакторы (основные функции, примитивы, среда редактора, форматирование);
– полное имя файла, структура каталогов.
✓ Текущий контроль: 20 тестовых заданий по основам веб-дизайна и графическому дизайну:
– цветоведение (хроматические цвета, признаки цвета: тон, насыщенность, яркость, цветовые контрасты);
– история дизайна (промышленная революция и эстетика, футуризм, стиль «Мемфис», становление дизайна в СССР);
– выдающиеся дизайнеры (Раймонд Лоуи — бутылка Coca-Cola, логотип Pepsi);
– цели и средства дизайнера (визуальная коммуникация, формирование визуальной идентичности бренда);
– фирменный стиль (корпоративный цвет Tiffany, фирменный персонаж, логотип как элемент стиля);
– типология логотипов (с тенью, «очеловечивание», иллюминация, экологическая символика, знаки пунктуации);
– сегменты рынка и позиционирование бренда (высокий, средний, низкий);
– модели рекламного рынка (англо-саксонская / западная vs японская / азиатская);
– определение веб-дизайна как направления (графический дизайн в интерактивной среде);
– фотографика как направление (графика, полученная фотографическими средствами).
✓ Промежуточная аттестация (экзамен): включает 65 вопросов, охватывающих полный спектр тем дисциплины:
– Основы интернета и веб-технологий: определение интернета, история создания, поисковые системы, определение сайта, классификация сайтов (простые/тематические, статические/динамические, коммерческие/некоммерческие);
– Проектирование и создание сайтов: правила создания интерфейса, этапы создания сайта, библиотеки элементов интерфейса, персонализация данных, программы для создания сайтов (WebDirector), функциональные возможности;
– Навигация: базовые элементы, вспомогательная навигация, типы внутренней навигации;
– Графика и анимация: ролловеры (изменение изображения в зависимости от состояния), сохранение в формате .gif, панель Rollovers, состояния слоя/слайса;
– Ссылки: типы ссылок (абсолютные, относительные), ссылки для электронной почты;
– Структуры сайтов: плюсы и минусы различных структур;
– Графические форматы и программы: форматы (.gif, .jpg, .png и др.), программы (GIMP и др.), оптимизация графики, бесплатные онлайн-сервисы для создания баннеров;
– Цвет в веб-дизайне: оптимальные цветовые сочетания, сервисы обработки цветовых сочетаний, виды палитр;
– HTML и верстка: структура HTML-документа, заголовки, параграфы, шрифты, гиперссылки (внешние и внутренние), фреймы и наборы фреймов, схемы наборов, создание фреймов и оптимизация;
– Таблицы и шаблоны: использование таблиц для оформления страниц, шаблоны (назначение, изменяемые/неизменяемые области), недостатки шаблонов и способы их преодоления;
– Списки: маркированные, нумерованные, списки определений, смешанные (многоуровневые) списки;
– Теги: определение, теги для работы с графикой.
4. Методическое обеспечение
✓ Для каждого типа заданий предусмотрены формы контроля: тестирование, письменные проверочные работы, устные опросы, практические работы, срезы знаний.
✓ Оценочные средства охватывают все ключевые разделы дисциплины: от основ HTML и веб-технологий до графического дизайна, цветоведения и проектирования интерфейсов.
5. Содержательный охват дисциплины
Материалы покрывают следующие темы:
– Основы веб-технологий: интернет, сайты, поисковые системы, этапы создания сайтов;
– Проектирование интерфейсов: навигация, структуры, персонализация, библиотеки элементов;
– Графический дизайн: цветоведение, цветовые контрасты, палитры, фирменный стиль, логотипы, брендинг;
– История дизайна: футуризм, стиль «Мемфис», промышленная революция, становление дизайна в разных странах;
– Технические аспекты: HTML, теги, фреймы, таблицы, шаблоны, ссылки, ролловеры, оптимизация графики.