Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
УМКД Кредит Силлабус 2012 русс.doc
Скачиваний:
24
Добавлен:
10.11.2019
Размер:
4.91 Mб
Скачать

Организационная часть - 5 мин

Перекличка студентов и выяснение причин отсутствия студентов, кто не готов к занятию, проверка конспектов.

Количество формируемых компетенций: практические навыки.

Основные вопросы темы: - 45 мин

  1. Основы HTML-документа.

  2. Форматирование текста.

  3. Использование HTML - списков. Списки определений.

  4. Цветовая гамма HTML - документа.

  5. Изображения в HTML - документе.

  6. Таблицы.

Перерыв - 10 мин

Методы обучения и преподавания: информационные технологии обучения.

Методы контроля формируемых на занятии компетенций:

  • решение ситуационных задач (студент должен выполнить индивидуаль­ное задание для получения определенных навыков по решению типовых задач);

Самостоятельная работа студентов - 50 мин

Освоение практических навыков: Решение типовых и ситуационных задач.

Задания:

1. Создайте на Web-странице документ, под названием Student.Html, которое будет содержать ф.И.О.

Демонстрационный пример:

1. Запустите текстовой редактор Блокнот (Пуск – Программы – Стандартные - Блокнот).

2. Введите следующий текст:

<HTML>

<HEAD>

<TITLE> kurs </TITLE>

</HEAD>

<BODY> ФИО</BODY>

</HTML>

3. Сохраните этот документ под названием Student.html.

4. Для просмотра результата запустите Internet Explorer (Пуск – Программы - Internet Explorer).

5. Дайте команду Файл - Открыть. Щелкните на кнопку Обзор и откройте файл Student.html.

6. Просмотрите отображение документа HTML на Web-странице.

2. Создайте Web-страницу с помощью тегов логического форматирования.

Подсказка:

1. Создайте новый документ под названием Student1.html.

2. В последующих пунктах этого задания текст должен находиться между тегами <BODY> и </BODY>.

3. Введите заголовок первого уровня, заключив его между тегами <H1> и </H1>.

Например: <H1> Заголовок </H1>.

4. Заголовки второго, третьего и т.д. уровней задайте с использованием тегов:

<H2> текст </H2>

<H3> текст </H3>

---------------------

<H6> текст </H6>.

5. Сохраните документ и просмотрите его в браузере Internet Explorer.

3. На Web-странице создайте список вашей группы. Примените в тексте различные шрифты, цвета, выделения, подчеркивания, курсивы и т.д. Отформатируйте текст.

Подсказка:

1. Создайте новый документ под названием Student2.html.

2. Между тегами <BODY> и </BODY> наберите список студентов вашей группы.

3. Введите перед каждой фамилией тег

<FONT SIZE= “n”><FONT COLOR= “цвет”> текст </FONT>.

Этот тег задает вывод текста по умолчанию увеличенным шрифтом и указанным цветом.

4. Используйте по своему усмотрению парные теги:<B> (полужирный шрифт) </B>, <I> (курсив) </I>, <U> (подчеркивание) </U>, <S> (вычеркивание) </S>.

5. Используя тег <BODY BGCOLOR= “RED”> задайте красный цвет фона.

6. Сохраните полученный документ.

7. Запустите программу Internet Explorer и просмотрите созданный документ.