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

Дистанционные курсы для педагогов - курсы профессиональной переподготовки от 1.410 руб.;
- курсы повышения квалификации от 430 руб.
Московские документы для аттестации

ВЫБРАТЬ КУРС СО СКИДКОЙ ДО 90%

ВНИМАНИЕ: Скидка действует ТОЛЬКО до конца апреля!

(Лицензия на осуществление образовательной деятельности №038767 выдана ООО "Столичный учебный центр", г.Москва)

ИнфоурокИнформатикаКонспектыУрок информатики по теме "Гиперссылки на Web-страницах"

Урок информатики по теме "Гиперссылки на Web-страницах"

библиотека
материалов
Скачать материал целиком можно бесплатно по ссылке внизу страницы.

Урок: № 23. Информатика.

Дата: 15. 02. – 20. 02. 2016 г.

Класс: 11 А.

Кабинет: 217.

Учитель: Сабанов М. А.

ТЕМА УРОКА: HTML. Тэги, атрибуты, форматирование текста, списки.

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

ТДЦ:

Образовательная: рассказать учащимся о структуре и видах web-страниц; научить форматированию текста на web-страницах.

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

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

Методическое оснащение: учебники, тетради.

Аппаратное обеспечение: ПК.

Литература:

  1. Основная: Е. А. Вьюшкова, Н. В. Параскун. Учебник для 11 класса общеобразовательной школы с русским языком изучения.


2. Дополнительная:

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

Организация начала урока. Приветствие. Проверка готовности учащихся к уроку.




Изучение нового материала

Создание структуры web-страницы.

Тэги, задающие вид web-страницы, могут быть одиночными или парными. Парные тэги состоят из открывающего и закрывающего тэгов и называются контейнером. Закрывающий тэг содержит прямой слэш (/) перед обозначением. Записывать тэги можно как прописными, так и строчными буквами. У многих тэгов есть атрибуты, задающие их дополнительные свойства.

Web-страница состоит из двух логических частей: заголовка и содержания. HTML-код страницы помещается внутрь контейнера <HTML>HTML>, по которому браузер определяет, что это web-страница. Заголовок web-страницы заключается в контейнер <HEAD>HEAD> и содержит название документа и справочную информацию о нем. Название страницы заключается в тэги <TITLE>TITLE>.

Основное содержание страницы помещается в контейнер <BODY>BODY>. Здесь могут быть текст, таблицы, бегущие строки, ссылки на графические объекты и звуковые файлы и т.д.

Созданную web-страницу необходимо сохранить в виде файла с расширением htm или html. Страницу, которая загружается в браузер первой, принято сохранять под именем index.htm.

3) Форматирование текста на web-странице.

С помощью HTML-тэгов можно выделять некоторый текст в виде заголовка. Это делается с помощью тэгов <H1> (самый крупный текст в заголовке), <H2>, <H3>, <H4>, <H5>, <H6> (самый мелкий текст в заголовке). С помощью атрибута ALIGN можно задать выравнивание заголовка: по правому краю окна с помощью записи ALIGN="right", по центру – ALIGN="center", по левому краю – ALIGN= "left".

С помощью тэга FONT и его атрибутов можно задать параметры форматирования шрифта любого фрагмента текста. Атрибут FACE позволяет задать гарнитуру шрифта (FACE="Arial"), атрибут SIZE – размер шрифта (SIZE=4), атрибут COLOR – цвет шрифта (COLOR="blue"). Цвет можно задать либо названием цвета ("red", "yellow" и т.д.) либо шестнадцатеричным значением ("#0000FF" – синий).

В качестве разделителей блоков текста можно использовать горизонтальную линию с помощью одиночного тэга <HR>. А разделение текста на абзацы производится с помощью контейнера <P>P>. У этого тэга тоже есть атрибут ALIGN для выравнивания. При просмотре в браузере абзацы отделяются друг от друга интервалами.

Кроме того, существует тэг перевода строки <BR>.

Списки.

При размещении текста на web-страницах часто используются различные списки:

  • Нумерованные списки – элементы списка идентифицируются с помощью чисел.

Для создания такого списка используется контейнер <OL> OL>. Внутри него записываются элементы списка, каждый из которых определяется тэгом <LI>. С помощью атрибута TYPE тэга <OL> можно задать тип нумерации: арабские цифры (по умолчанию), римские цифры ("I"), строчные буквы ("а") и другие.

  • Маркированные (в HTML их принято называть ненумерованные) – элементы списка идентифицируются с помощью специальных символов (маркеров).

Такой список располагается внутри контейнера <UL> UL>, а каждый элемент списка определяется также тэгом <LI>. С помощью атрибута TYPE тэга <UL> можно задать вид маркера списка: "disc"(диск), "square" (квадрат) или "circle" (окружность).

  • Списки определений – перечень определений в так называемой словарной форме.

Для этого списка используется контейнер <DL> DL>. Внутри него текст оформляется в виде термина, который выделяется непарным тэгом <DT>, и определения, которое следует за тэгом <DD>.

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

Наглядные, словесные

фронтальная


Практическая работа

Выполнение практической работы по уровням. Стр. 308 – 309 (учебник).

Практические

Групповая


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

§ 26, вопросы.

Словесные

Фронтальная


Подведение итогов урока

Подведение итога урока. Выставление оценок.

Словесные





Общая информация

Номер материала: ДБ-067561

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

Курс повышения квалификации «Современные информационные технологии и их использование в работе преподавателей. Системы автоматизированного проектирования одежды и организация технологического процесса»
Курс повышения квалификации «Основы создания интерактивного урока: от презентации до видеоурока»
Курс повышения квалификации «Внедрение системы компьютерной математики в процесс обучения математике в старших классах в рамках реализации ФГОС»
Курс повышения квалификации «Облачные технологии в образовании»
Курс «Оператор персонального компьютера»
Курс «3D Studio MAX»
Курс профессиональной переподготовки «Информационные технологии в профессиональной деятельности: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Использование компьютерных технологий в процессе обучения в условиях реализации ФГОС»
Курс повышения квалификации «Специфика преподавания информатики в начальных классах с учетом ФГОС НОО»
Курс повышения квалификации «Применение MS Word, Excel в финансовых расчетах»
Курс повышения квалификации «Введение в программирование на языке С (СИ)»
Курс профессиональной переподготовки «Управление в сфере информационных технологий в образовательной организации»
Курс профессиональной переподготовки «Математика и информатика: теория и методика преподавания в образовательной организации»
Курс повышения квалификации «Современные языки программирования интегрированной оболочки Microsoft Visual Studio C# NET., C++. NET, VB.NET. с использованием структурного и объектно-ориентированного методов разработки корпоративных систем»
Курс повышение квалификации «Применение интерактивных образовательных платформ на примере платформы Moodle»

Благодарность за вклад в развитие крупнейшей онлайн-библиотеки методических разработок для учителей

Опубликуйте минимум 3 материала, чтобы БЕСПЛАТНО получить и скачать данную благодарность

Сертификат о создании сайта

Добавьте минимум пять материалов, чтобы получить сертификат о создании сайта

Грамота за использование ИКТ в работе педагога

Опубликуйте минимум 10 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Свидетельство о представлении обобщённого педагогического опыта на Всероссийском уровне

Опубликуйте минимум 15 материалов, чтобы БЕСПЛАТНО получить и скачать данное cвидетельство

Грамота за высокий профессионализм, проявленный в процессе создания и развития собственного учительского сайта в рамках проекта "Инфоурок"

Опубликуйте минимум 20 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Грамота за активное участие в работе над повышением качества образования совместно с проектом "Инфоурок"

Опубликуйте минимум 25 материалов, чтобы БЕСПЛАТНО получить и скачать данную грамоту

Почётная грамота за научно-просветительскую и образовательную деятельность в рамках проекта "Инфоурок"

Опубликуйте минимум 40 материалов, чтобы БЕСПЛАТНО получить и скачать данную почётную грамоту

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