Тема 4.4. Структура, стиль и внешний вид текстового документа.
Построение списков
| Содержание
|
1
|
| 1
| Тег
Цвет фона и цвет шрифта
Текстовые ссылки и цитаты
Усиление текста
Изменение размера шрифта
Выравнивание абзацев и фрагментов
Специальные символы
| 3
| 2
| Маркированный список
Нумерованный список
Вложенные списки
Гипертекст: переход внутри одного документа, переход к другому документу, переход к метке другого документа, имена файлов и ссылки на них
| 1
| 2
| Практические занятия
| 2
|
| 1
| Создание html-страницы, в которой содержаться различные виды списков, ее оформление с помощью тегов форматирования текста
Создание html-справочника своей группы с использованием различных видов списков, гаперссылок внутри одной страницы и на другие страницы, тегов форматирования текста
Оформление раннее созданной странички с помощью изученных тегов
| Тема 4.5 Графика
| Содержание
| 1
| 2
| 1
| Графические форматы
Вставка картинки в документ. Тег . Выравнивание. Атрибут ,
Альтернативный текст. Картинка как ссылка. Фон страницы из картинки
|
| Тема 4.6 Таблицы
| Содержание
| 1
| 2
| 1
| Построение таблиц. Тег , атрибуты ,
Атрибуты тега
Вложенные таблицы Наложение картинок Табличная верстка страницы
Практические занятия
| 2
|
| 1
| Создание html-страницы с вложенной таблицой упеваемости своей группы
Создание полноценной html-страницы по методу табличной верстки страниц
| Тема 4.7 Мультимедиа
| Содержание
| 2
| 2
| 1
| Ссылки на мультимедийные файлы
Встраивание объектов
Элемент Object и его атрибуты
Элемент Param
Встраивание Flash
Встраивание аудио и видео на страницу
| Практические занятия
| 2
|
| 1
| Вставка в ранее созданный справочник группы изображений
Вставка в ранее созданную страницу flash-анимации
Создание html-страницы с вложенным аудио и видео плеерами
| Тема 4.8 Фрейм
| Содержание
| 2
|
| 1
| Понятие фреймов. Их достоинства и недостатки
Создание фрейма
Атрибуты , ,
Создание плавающих фреймов
Создание полей формы
| 1
| 2
| 2
|
| 3
| Практические занятия
| 2
|
| 1
| Создание html-страницы с использованием фреймов
Создание html-страницы опроса с использованием всех изученных видов полей формы
| Тема 4.9 Введение в CSS
| Содержание
| 2
| 1
| 1
| Общие понятия о Каскадных таблицах стилей (CSS)
Встраивание CSS в HTML
Хранение CSS во внешнем файле
Синтаксис CSS: ключевые слова, комментарии, правила
Селекторы
| Практические занятия
| 2
|
| 1.
| Изменение форматирования текста в ранее созданной html-странице (по выбору студента) с помощью CSS
| Тема 4.10. Таблицы. Интерфейс пользователя
| Содержание
| 1
|
| 1
| Селекторы столбцов
Положение и выравнивание заголовка
Слои и прозрачность таблицы
Ширина и высота таблицы
Вертикальное и горизонтальное выравнивание
Динамические эффекты строк и столбцов
Границы
Стили границ
Пустые ячейки
| 2
| 2
| Указатели мыши
Пользовательские настройки цветов
Пользовательские настройки шрифтов
Контуры
Поля, отступы и границы
| 1
| 2
| Практические занятия
| 2
|
| 1.
| Создание html-страницы с вложенной CSS по методу блочной верстки страниц
Создание html-старницы с вложенной CSS по методу табличной верстки
| Самостоятельная работа
|
|
| 18
|
| 1. Подготовить материалы для разработки html-страницы
| 2. Разобрать предложенные сайты на группы: созданные с помощью табличной верстки, с помощью фреймов, с помощью блоков
| 3. Заполнить справочник тегов
| 4. Рассмотреть плюсы и минусы использования различных способов создания сайта
| 5. Выполнить отладку и адаптацию под различные браузеры всех созданных страниц
| 6. Выполнить домашнюю работу
| Учебная практика
Виды работ: Провести идентификацию, анализ и структурирование объектов информационного контента
Разработать информационный контент с помощью языков разметки по выбору студента
| 12
|
| Производственная практика (по профилю специальности)
Виды работ: Проектирование содержания (контента) web-сайта. Проектирование структуры web-сайта. Проектирование системы навигации динамического сайта. Разработка дизайна. HTML-верстка. Программирование. Разработка контента. Наполнение сайта информацией
| 6
|
|
Раздел 5. Проектирование пользовательских интерфейсов
| 18
(6+2+10)
|
| Тема 5.1.
Методы и средства разработки пользовательского интерфейса. Стандартизация
пользовательского
интерфейса
| Содержание
| 1
| 1
| 1
| Определение. Программный, физический и пользовательский интерфейсы. Элементы пользовательского интерфейса
Виды интерфейсов: командный, WIMP, SILK - интерфейс, семантический интерфейс
| 2
| Снижение затрат. ПО для разработки пользовательского интерфейса
Спецификации интерфейса. Построители диалога и системы управления пользовательским интерфейсом
| 1
| 1
| 2
| 3
| Проектирование. Качество. Тип (стиль) пользовательского интерфейса.
Стандарты и рекомендации на пользовательские интерфейсы: ISO, EU Design
| 2
| 2
| Тема 5.4. Современный стиль в веб-дизайне
| Содержание
| 2
| 2
| 1
| Простота. Центральное выравнивание. Количество колонок. Шапка. Выделение областей цветом. Навигация. Логотипы. Крупный текст. Яркие цвета. 3D Эффекты. Градиенты. Отражения. Оригинальные иконки. Вспышки звездочки
| Практические занятия
| 2
|
| 1.
| Создание главной страницы образовательного учреждения с вложенной CSS по методу блочной верстки страницы опираясь на современные стандарты и рекомендации в веб-дизайне
| Самостоятельная работа
|
|
| 8
|
| 1. Изучить понятие web 2.0
| 2. Изучить стандарты и рекомендации на пользовательские интерфейсы.
| 3. Спроектировать различные варианты главной страницы сайта образовательного сайта
| 4. Выполнить домашние работы
| Учебная практика
Виды работ: Разрабатывать программное обеспечение с помощью языков программирования информационного контента по выбору студента
| 6
|
| | | |