Тема 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
|
| | | |
