Урок информатики по теме: «Вставка изображений в Web-страницы» Гиперссылки на Web-страницах
план-конспект урока по информатике и икт (9 класс)
Конспект открытого урока в 9 классе . Урок информатики по теме: «Вставка изображений в Web-страницы»
Гиперссылки на Web-страницах
Скачать:
| Вложение | Размер |
|---|---|
 3_master_klass9_klass.docx | 114.54 КБ |
Предварительный просмотр:
Урок информатики по теме: «Вставка изображений в Web-страницы»
Гиперссылки на Web-страницах
Урок посвящен закреплению и изучению новых html – тэгов. А именно тэгов, используемых для вставки изображений и гиперссылок в Web-страницы. Данная тема изучается в курсе информатики 8 класса.
Цели урока:
- рассмотреть задачи из материала ГИА по теме «Интернет»;
- закрепить навыки создания документов HTML: структуру создания web-страницы;
- научить использовать рисунок для оформления web-страницы;
- развитие познавательного интереса, логического мышления;
- развитие координации и внимания при работе с клавиатурой и мышью;
- воспитать аккуратность и грамотность при выполнении заданий, а также трудолюбие и желание довести работу до конца.
Ход урока
I. Организационный момент.
II. Актуализация опорных знаний учащихся
▪ Рассмотрим задачи из материала ГИА по теме «Интернет», для этого вспомним, что включает в себя адрес файла на сервере файлового архива (адрес файла включает в себя способ доступа к файлу и имя сервера Интернета, на котором находится файл).
Например:
Адрес файла запишется следующим образом: http://html.ru/net.txt, т.е. 6231547.
Второй пример:
Адрес файла запишется следующим образом: http://com.ru/htm.txt, т.е. ЖГБДАЕВ.
На прошлом уроке мы научились создавать web-страницы с использованием HTML-тэгов. Давайте повторим.
▪ Что такое HTML? (HTML – язык гипертекстовой разметки Web-страниц – является компьютерным языком программирования для разработки Web-страниц. HTML – коллекция управляющих символов -дескрипторов для добавления, форматирования элементов Web-страницы);
▪ Вспомни теги! (учащиеся по порядку называют теги, и объясняют их значение):
( - начало страницы
Вернуться к просмотру
РЕКЛАМА
-оформление заголовка страницы
- текст и основная часть страницы
Парный тег позволяет управлять параметрами шрифта. Он должен
обязательно содержать хотя бы один из атрибутов:
COLOR=”шестнадцатеричный код цвета”,
FACE=гарнитура шрифта,
SIZE размер от 1 до 7.
ваш текст
ALIGN=“left” – выравнивание текста по левой стороне
ALIGN=“right” – выравнивание текста по правой стороне
ALIGN=“center” – выравнивание теста по центру
III. Изучение нового материала
Итак, мы повторили структуру создания web-страницы и правила сохранения HTML документа. Это будет нам необходимо при изучении новой темы на занятии. Сегодня мы научимся вставлять рисунки и гиперссылки в web-страницы.
Для вставки рисунка в web – страницу используется тег , с его неотъемлемым атрибутом src, которому присваивается значение адреса рисунка, его названия и расширения. Если графический файл находится на локальном компьютере в той же папке, что и файл web-страницы, то в качестве значения атрибута src достаточно указать только имя файла. Например:
Если файл находится в другой папке на данном локальном компьютере, то значением атрибута должно быть полное имя файла, включая путь к нему в иерархической файловой системе. Например:
Следующий атрибут тега - align (выравнивание). Мы уже с ним знакомы. Какие значения он может принимать? Правильно:(left, right, top, middle, bottom).
Например:
Часто рисунки вставлены в рамки, язык HTML тоже позволяет нам сделать обводку, с помощью атрибута border. Этот атрибут может принимать значения от 0 до 10. Чем больше значение, тем толще обводка рисунка.
А теперь рассмотрим размещение гиперссылок в web-страницу. Гиперссылки, размещенные на web-странице, позволяют загружать в браузер другие web-страницы, хранящиеся на локальном компьютере или в интернете. Гиперссылка состоит из двух частей: адреса и указателя ссылки.
Гиперссылка создается с помощью тэга и его атрибута Href, указывающего, в каком файле хранится загружаемая web-страница:
Указателем ссылки может быть текст или рисунок.
IV. Закрепление нового материала
Создать html – страницу про свою семью. Вставить рисунок и гиперссылку. Например,
Моя семья очень дружная. Она состоит из четырех человек: папа, мама, сестра Марина и я - Карина. Я очень люблю свою семью
![]("foto.jpg")
Вторая страница:
Иванова Карина Александровна родилась 18 июля 1999 года
V. Подведение итога
- сегодня мы с вами научились вставлять изображения и гиперссылки в web-страницу;
- полученные сегодня знания пригодятся нам при создании своего сайта.
VI. Домашнее задание
п.3.7.4, 3.7.5 читать, ответить на вопросы
По теме: методические разработки, презентации и конспекты
Урок-презентация по теме: "Вставка графических объектов в Word"
Разработка урока урока по теме: "Вставка графических объектов в Word"в Word"...
Конспект урока информатики на тему "Создание графических изображений"
Конспект урока информатики и презентацией на тему Создание графических изображений. В конспекте присутствуют практические задания, самостоятельная практическая работа в графическом редакторе....
Урок-исследование на тему: Особенности изображения батальных сцен в произведениях А.С.Пушкина «Полтава», М.Ю. Лермонтова «Бородино», Л.Н.Толстого «Севастополь в декабре месяце»
На данном уроке анализируется изображение батальных сцен в произведениях А.Пушкина, М.Лермонтова и Л.Толстого, определяется специфика их творческого метода....
Конспект урока по информатике на тему «Обработка изображения с помощью фильтра «Загнутая страница" в редакторе GIMP" 8 класс
Изучение фильтра "Загнутая страница" на примере создания журнала.Прилагается небольшая призентация с результатом работ ыи и критерием оценивания, инструкция для выполнения заданияИ подробная инструкци...
Конспект урока информатики по теме Информация (Применение Технологии развития Критического Мышления на уроках информатики)
Тип урока: открытие новых знаний, приобретение новых умений и навыков.Цель урока: ввести новые понятия и термины, связанные с темой «Информация» и научить детей новым способам поиска, сбор...
Методическая разработка практического занятия по информатике по теме: "Встраивание изображений при создании web-страницы" для учащихся 9 класса.
Презентация предназначена для учащихся, изучающих тему "WEB-дизайн". В данной презентации затронуто важное и сложное для понимания учащимися понятие адресации ресурсов в Интернете. Решая кон...
Технологическая карта урока информатики по теме «Создание графических изображений»
Технологическая карта урока информатики Тема: «Создание графических изображений»Класс 5Цели урока: Образовательные:научить анализировать, выделять (главное, существенное) в изучаемой...