624670
столько раз учителя, ученики и родители
посетили сайт «Инфоурок»
за прошедшие 24 часа
Добавить материал и получить бесплатное
свидетельство о публикации
в СМИ №ФС77-60625 от 20.01.2015
ИнфоурокИнформатикаКонспектыКонспект урока

Конспект урока

библиотека
материалов

тема:Вставка изображений и гиперссылок на Web-страницы.
Цели:

1.обучающая:

  • познакомить с тэгом вставки гиперссылки и тэгом вставки изображений в тело странички  и его атрибутами,

  • научить пользоваться языком HTML,

  • систематизировать представлений учащихся об основных понятиях темы “Форматирование HTML-документов”.

2. развивающая: развитие познавательного интереса учащихся, внимательности, логического мышления, умения выделять смысловые связи в тексте;

3. воспитательная: воспитание чувства ответственности, аккуратности, трудолюбия, нравственно-бережного отношения к ПК.

Тип урока: Урок изучения нового материала.

Форма урока: Лекция (комбинированный урок)+практика

Методическая литература: Учебное пособие «Информатика и ИКТ» Н.Д. Угринович, 8 класс

Ход урока:

  1. Организационный момент. Приветствие. Проверка готовности к уроку.

  2. Актуализация.

3. Сообщение темы и постановка целей урока

Вы сказали что на страницах могут содержаться рисунки. А для чего они нужны на страницах?

На уроке сегодня вы познакомитесь с тегами для вставки картинок на страницу.

Открываем тетради и записываем тему урока. «Вставка изображений и гиперссылок на Web-страницы.»

Изображения это какого типа информация? Какие расширения имеют файлы этого типа?

Поговорим какие тэги позволяют нам вставить картинку на веб-страницу.

Иллюстрации на Web-страницах стали неотъемлемым элементом дизайна. Однако пользователи иногда в целях экономии времени отключают в браузере загрузку графических изображений и читают только тексты. Поэтому, чтобы не терялся смысл и функциональность страницы, вместо рисунка должен выводиться поясняющий текст.

Видим что картинка больших размеров по сравнению с текстом. Поэтому нам нужно знать еще как задать размеры для картинки.

Что мы можем сказать про расположение и размер нашей картинки(Ученики высказывают свои мнения)

Для того чтобы украсить нашу страницу мы будем задавать фон страницы, это может быть картинка или просто цвет страницы.

Гиперссылки

Web-Сайт состоит из нескольких web-страниц.

Создадим заготовки остальных Web-страниц.

Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта.
Каждая страница будет содержать следующий HTML-код:

Гиперссылки, размещенные на web-странице, позволяют загружать в браузер другие web-страницы, хранящиеся на локальном компьютере или в Интернете.

Гиперссылка состоит из двух частей: адреса и указателя ссылки.
Указатель ссылки — это то, что мы видим на Web-странице (текст или рисунок), обычно (но не всегда!) выделенный синим цветом и подчеркиванием. При указании на него мышью, курсор превращается в значок «рука». Щелчок мышью по указателю вызывает переход на Web-страницу, адрес которой указан в гиперссылке.

Гиперссылка создается с помощью универсального тэга, <А> и его атрибута HREF, указывающего, в каком файле хранится загружаемая Web-страница:
<A  REL="nofollow" target="_blank" HREF="http://infourok.ru/go.html?href=%D0%90%D0%B4%D1%80%D0%B5%D1%81"> Указатель ссылки A>

4.Подведение итогов. Что нового вы сегодня узнали? Какие были трудности?

5.Домашнее задание. Продумать структуры своего сайта.




Курс профессиональной переподготовки
Учитель информатики
Найдите материал к любому уроку,
указав свой предмет (категорию), класс, учебник и тему:
также Вы можете выбрать тип материала:
Краткое описание документа:
Конспект урока по информатике в 8 классе. Дана цель урока , задачи урока. Полностью расписан ход урока. Урок начинается с повторения пройденного материала. Далее идет актуализация темы , обучающиеся сами предлагают тему урока. ставят цели и задачи урока. Отвечают на вопрос что сегодня они должны узнать нового, какой итог занятия должен быть  В конце урока проводится рефлексия урока. Выдается домашнее задание. Этапы урока соблюдены. Пауза предпологается. Приоритетными объектами изучения в курсе информатики основной школы выступают информационные процессы и информационные технологии. Теоретическая часть курса строится на основе раскрытия содержания информационной технологии решения задачи, через такие обобщающие понятия как: информационный процесс, информационная модель и информационные основы управления.
Общая информация

Вам будут интересны эти курсы:

Курс повышения квалификации «Методика преподавания информатики в начальных классах»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Сетевые и дистанционные (электронные) формы обучения в условиях реализации ФГОС по ТОП-50»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Специфика преподавания дисциплины «Информационные технологии» в условиях реализации ФГОС СПО по ТОП-50»
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.
Включите уведомления прямо сейчас и мы сразу сообщим Вам о важных новостях. Не волнуйтесь, мы будем отправлять только самое главное.