Методическая разработка по теме_Гиперссылки.Вставка графических изображений.Бегущая строка
методическая разработка по информатике и икт (9 класс) на тему
План -конспект, презентация к уроку,приложения с заданиями
Скачать:
Предварительный просмотр:
Тема урока: « Гиперссылки, вставка графических изображений и бегущая строка »
Цель урока : Ознакомление с оформлением страниц.
Технология передачи управления между страницами.
Тип урока: комбинированный.
Межпредметная связь: обеспечивающая- программирование, информатика;
обеспечиваемая: практическая работа по специальности, курсовое проектирование;
Наглядные пособия ПК и проектор для демонстрации слайдов со схемами ., программное обеспечение - презентация по теме урока, индивидуальные карточки с заданиями.
№п/п | Содержание | Время | Примечание | |
1 | Организационный момент |
| 2 мин | |
2 | Проверка и анализ домашнего задания |
| 10 мин | |
3 | Изложение нового материала с показом презентации | Гиперссылки. Вставка графических изображений. Бегущая строка | 20 мин | |
4 | Закрепление нового материла | Решение задач Релаксация | 10мин | |
5 | Домашнее задание | 2мин | ||
6 | Подведение итогов, выставление оценок | Оценка работы студентов | 1 мин |
Литература
Используя различные информационные ресурсы: книги, журналы , статьи, internet, найти по своей тематике графические изображения, рисунки, фотографии, анимации и составить текст.
Преподаватель А.А. Реброва
Приложения
Приложение
Вопросы для фронтального опроса
- Каким образом создается Web страничка?
- Открыть документ- блокнот
- Написать код программы, т.е написать основные теги
- Сохранить блокнот с расширением HTML или HTM
- Назовите 2 способа просмотра HTML кода?
- Через блокнот
- Меню Вид-просмотр HTML кода
- Что такое теги?
- (Теги являются основными элементами html документа, представляющие собой определенные последовательности символов, заключенные между знаками < >, где символы означают начало тега и конец).
- На что указывают теги html?
- Данные теги html обрамляют документ т.е показывают начало и конец документа.
- C помощью каких тегов устанавливается фон документа?
- Для чего используются таблицы?
- (Таблицы могут использоваться как для представления табличных данных так и для форматирования данных на странице)
Тест Приложение
Вариант-1
- Записать основные теги в хронологическом порядке?
Ответ.
- Какой тег задает размер заголовка?
Ответ.
- Между какими тегами располагается название Web -страницы?
Ответ.
- Что означает атрибут align ?
Ответ.
- изменить
- выровнить
- переместить
- высота
5. Написать HTML код таблицы, содержащая 2 столбца и 3 строки?
Ответ.
Рис.1 |
|
|
|
|
|
6. Оформить внешний вид текста «Test» задан как полужирный курсив, бирюзового цвета, шрифт Times New Roman, размер шрифта “+6”?
Ответ.
Вариант-2
- Какой тег задается для нумерованного списка?
Ответ.
- <о1><о1>
2. В каких тегах располагается название документа?
Ответ.
- Что означает атрибут bgcolor?
Ответ.
- Задает фон внутри таблицы
- Цвет текста
- Цвет контура таблицы
- Ширина таблицы
- Каково назначение следующих тегов?
5. Написать HTML код таблицы, содержащая 3 столбца и 2 строки?
Ответ.
Рис.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. Добавление гиперссылок
Добавьте гиперссылки на страницу
Сохраните файл
Просмотрите в браузере
Ф.И.ученика________________ Вариант 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»....
Методическая разработка конспекта занятия по программе "Графический дизайн на компьютере"
Материалы методической разработки способствуют формированию устойчивой мотивации обучающихся к занятиям в области графического дизайна....