Методическая разработка по теме_Гиперссылки.Вставка графических изображений.Бегущая строка
методическая разработка по информатике и икт (9 класс) на тему

Реброва Анастасия Анатольевна

План -конспект, презентация к уроку,приложения с заданиями

Скачать:


Предварительный просмотр:

Тема урока:       « Гиперссылки, вставка графических изображений и бегущая строка »

Цель урока : Ознакомление с оформлением страниц.

Технология передачи управления между страницами.

 Тип урока: комбинированный.

Межпредметная связь: обеспечивающая- программирование, информатика;

обеспечиваемая: практическая работа по специальности, курсовое проектирование;

Наглядные пособия  ПК и проектор для демонстрации слайдов со схемами  ., программное обеспечение - презентация по теме урока, индивидуальные карточки с заданиями.

№п/п

Содержание

Время

Примечание

1

Организационный момент

  • Приветствие
  • Постановка цели

2 мин

2

Проверка и анализ домашнего задания

  1. Фронтальный опрос по пройденному материалу.
  2. Тест

10 мин

3

Изложение нового материала с показом презентации

Гиперссылки. Вставка графических изображений. Бегущая строка 

20

мин

4

Закрепление нового материла

 Решение задач

Релаксация

10мин

5

Домашнее задание

2мин

6

Подведение итогов, выставление оценок

Оценка работы студентов

1

 мин

Литература

Используя различные информационные ресурсы: книги, журналы , статьи,  internet, найти по своей тематике графические изображения, рисунки,   фотографии, анимации и составить текст.

Преподаватель                                                              А.А. Реброва

        

Приложения

Приложение

Вопросы для фронтального опроса

  1. Каким образом создается Web страничка?
  1. Открыть документ- блокнот
  2. Написать  код программы, т.е написать основные теги
  3. Сохранить блокнот с расширением HTML или HTM
  1. Назовите 2 способа просмотра  HTML кода?
  • Через блокнот
  • Меню Вид-просмотр HTML кода
  1. Что такое теги?
  • (Теги являются основными элементами html документа, представляющие собой определенные последовательности символов, заключенные между знаками < >, где символы означают начало тега и конец).
  1. На что указывают теги html?
  • Данные теги html обрамляют документ т.е показывают начало и конец документа.
  1. C  помощью каких тегов устанавливается фон документа?
  1. Для чего используются таблицы?
  • (Таблицы могут использоваться как для представления  табличных данных так и для форматирования данных  на странице)

                                                             Тест                                                Приложение

Вариант-1

  1. Записать основные теги в хронологическом порядке?

Ответ.

  1. Какой тег задает размер заголовка?

Ответ.

  1. Между какими тегами  располагается название Web -страницы?

 Ответ.

  1. Что означает атрибут align ?

 Ответ.

  1. изменить
  2. выровнить 
  3. переместить
  4. высота  

5.         Написать HTML код  таблицы, содержащая 2 столбца и  3 строки?

Ответ.

 Рис.1

 

 

 

 

 

6.       Оформить внешний вид текста «Test»  задан как полужирный курсив, бирюзового    цвета, шрифт Times New Roman, размер шрифта “+6”?

Ответ.

Вариант-2

  1.  Какой тег задается для нумерованного списка?

   Ответ.

  1. <о1><о1>

2. В каких тегах располагается название документа?

Ответ.

  1. Что означает атрибут bgcolor?

Ответ.

  1. Задает фон внутри таблицы
  2. Цвет текста
  3. Цвет контура таблицы
  4. Ширина таблицы  

  1. Каково назначение следующих тегов?

5. Написать HTML код  таблицы, содержащая 3 столбца и  2 строки?

Ответ.

Рис.1 

 

 

 

 

 

  1. Оформить внешний вид текста «заголовок1»  задан как жирный курсив, розового цвета, шрифт Times New Roman, размер шрифта “+6”?

Ответ.

 Ф.И.ученика________________     Вариант 1

Тема: Моя семья

Выполните задания по карточке

Добавление рисунков

1. Установите фон документа

2. Написать теги задания ссылок на рисунки " cat.jpg", "dog.jpg"

 Ширина190, высота 145

BACKGROUND=”Image1.gif” -  атрибут тега

 

 

 

 

3. Вставьте рисунок в правую нижнюю клетку таблицы «cat.jpg»

Ответ:

4. Написать тег задания гиперссылок на Microsoft.com

Включение гиперссылок

4.1. Теги задания гиперссылок

гиперссылка> Текст гиперссылки на странице

4.2. Добавление гиперссылок

Добавьте гиперссылки на страницу

Microsoft

Сохраните файл

Просмотрите в браузере

     Ф.И.ученика________________         Вариант 2

    группа _____                     Тема: Моя профессия.

                 Выполните задания по карточке

1. Установите фон документа сиреневый цвет?

2. Написать теги задания ссылок на рисунки " computer.bmp", "mous.gif"

( Ширина185, высота 135)

ответ:____________________________________________________________________

ответ:____________________________________________________________________

____________________________________________________________________

3. Написать теги вставки таблицы, рисунка в левую нижнюю клетку таблицы

 «com.jpg».                          ответ: _____________________________________________

 «com.jpg»

 

 

________________________________________________

________________________________________________

________________________________________________                              

________________________________________

________________________________________

________________________________________

________________________________________

________________________________________

___________________________________________________________

4. Написать тег задания гиперссылок на  googl.ru?

ответ:_______________________________________________________________

5. Придумайте свою относительную ссылку и пропишите теги?

ответ:_______________________________________________________

                                   Дополнительно ответьте на следующие вопросы:

1.Что такое бегущая строка?

ответ:_______________________________________________________

2.В чем состоит отличительная особенность тега alt ?

ответ:_______________________________________________________

3.В каких тегах заключается гиперссылка?

ответ:_______________________________________________________


По теме: методические разработки, презентации и конспекты

Методическая разработка для 5-х кл. "Графическое изображение деталей из древесины"

Методическая разработка, выполненная в виде компьютерной презентации....

Методическая разработка урока ИЗО 6 класс "Графический портрет.Пастель"

Класс- 6 «А»Предмет:  «Изобразительное искусство»Тема учебного занятия: « Графический портретный рисунок»Продолжительность учебного занятия: 40 минутТип учебного занятия: комбинированный урокЦель...

Методическая разработка учебного занятия на тему "Графический портретный рисунок"

Представлен подробный план-конспект учебного занятия по дополнительной общеообразовательной программе "Основы живописи и дизайна". Предназначен для педагогов дополнительного образования  художест...

Методическая разработка самостоятельных работ по черчению. Графическая работа по теме «Соединение половины вида и половины разреза» (9 класс)

Периодический учет ограничивать только текущим учетом успеваемости нельзя, так как в этом случае невозможно проверить, насколько систематизированы знания учащихся, полученные после прохождения определ...

Методическая разработка По предмету «Работа в графическом редакторе «Adobe Photoshop»». Тема «Чудо-человечки».

Создание  портрета  придуманного героя путем стилизации художественных  образов картин Арчимбольда   в программе Графический редактор «Adobe Photoshop»....

Методическая разработка конспекта занятия по программе "Графический дизайн на компьютере"

Материалы методической разработки способствуют формированию устойчивой мотивации  обучающихся к занятиям в области графического дизайна....