Конспект урока Практическая работа Гипертекст

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

Вы уже знаете о суперспособностях современного учителя?

Тратить минимум сил на подготовку и проведение уроков.

Быстро и объективно проверять знания учащихся.

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

Избавить себя от подбора заданий и их проверки после уроков.

Наладить дисциплину на своих уроках.

Получить возможность работать творчески.

=> ПОЛУЧИТЬ СУПЕРСПОСОБНОСТИ УЧИТЕЛЯ <=

Просмотр содержимого документа
«Конспект урока Практическая работа Гипертекст»

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

Тема: «Гипертекст»

1. Переход внутри одного документа

Для задания гипертекстового перехода внутри документа используют два команды A. Первая команда с атрибутом href является источником перехода, вторая с атрибутом name – приемником

Общий вид программы

Комментарий

…

href=# метка текст

…

name=# метка

Задание перехода по метке.

На экран выводится ссылка: текст

Метка. Сюда браузер приходит по ссылке.

На экране ничего не отображается

2. Переход к другому документу (файлу)

Для того, чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды A с атрибутом href=имя файла

Общий вид программы

Комментарий

…

A href=имя файлатекстA

…

При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле «имя_файла»

Выполнить файл «имя_файла»

На экран выводится ссылка: текст

Пример

Документ 1. Программа задана в файле doc1.htm, ссылка настроена на файл doc2.htm

Документ 2. На него ссылается документ1.

Программа документа1 (файл doc1.htm)

content=”text/html; charset=windows-1251”

Бармаглот

PУгадай, откуда взяты эти стихи:

BLOCKQUOTE

Варкалось. Хливие шорькиBR

Пырялись по навеBR

И хрюкотали зелюкиBR

Как мюмзики в мове

BLOCKQUOTE

Отгадка

BODY

HTML

Программа документа 2 (файл doc2.htm)

content=”text/html; charset=windows-1251”

Отгадка Бармаглота

Конечно, это знаменитые стихи Л. Кэрролла из книги

CITE»Алиса в Зазеркалье» CITE в переводе Д.Г. Орловской.

А вот как они звучат в переводе В.Л. Орла:

H3 Умзара ЗумH3

Сверкалось … Скойкие сюды BR

Волчились у развелBR

Дрожали в лужасе грозды,BR

И крюх засвиривел.

BODY

HTML

Эти два метода можно объединить и передать управление из одного документа к метке внутри другого.

Общий вид программы

Комментарий

Первый HTML-файл

…

A href=имя_файла#меткатекстA

…

Второй HTML-файл

…

метка

…

Приступить к показу фрагмента с меткой «метка» в файле «имя_файла».

При щелчке пользователя на ссылке браузер строит на экране документ по программе, заданной в файле «имя_файла», начиная с фрагмента с меткой «метка».

Пример.

Документ 3.

Программа задана в файле doc3.htm.

После того как пользователь щелкает по ссылке «Гимназисты за ним…», браузер загружает документ doc4.htm и устанавливает окно по метке 3.

Программа документа 3. (файл doc3.htm)

content=”text/html; charset=windows-1251”

Крокодил

CENTER

H1КрокодилH1

H3 Корней Чуковский H3

CENTER

H4СодержаниеH4

P Часть первая

OL type=1

LIA href=doc4.htm#1Жил да был …A

LIA href=doc4.htm#2А за ним-то народ …A

LIA href=doc4.htm#1Гимназисты за ним …A

BODY

HTML

Программа документа 4 (файл doc4.htm)

content=”text/html; charset=windows-1251”

Крокодил

Первая метка- -

Жил да был

Крокодил.

Он по улицам ходил, папиросы курил,

По-турецки говорил, –

Крокодил, Крокодил Крокодилович!

Вторая метка- -

А за ним-то народ

И поет и реет:

«Вот урод так урод!

Что за нос, что за рот!

И откуда такое чудовище?»

A name=3

STRONG3STRONG

Гимназисты за ним,

Трубочисты за ним, и толкают его,

Обижают его;

И какой-то малыш

Показал ему шиш, и какой-то барбос

Укусил его в нос,–

Нехороший барбос, невоспитанный.

PRE

BODY

Самостоятельная работа на ПК.

Создайте справочник в виде одного HTML-файла. Документ должен начинаться с оглавления, содержащего ссылки. Далее должна располагаться справочная информация с метками.

Предмет: Информатика

Категория: Уроки

Целевая аудитория: 11 класс

Скачать
Конспект урока Практическая работа Гипертекст

Автор: Артеменко Алла Юрьевна

Дата: 19.04.2017

Номер свидетельства: 410255

Похожие файлы

План-конспект урока информатики по теме: "Тексты в компьютерной памяти" с применением ЭОР

object(ArrayObject)#852 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(164) "План-конспект урока информатики по теме: "Тексты в компьютерной памяти" с применением ЭОР "
    ["seo_title"] => string(96) "plan-konspiekt-uroka-informatiki-po-tiemie-tieksty-v-komp-iutiernoi-pamiati-s-primienieniiem-eor"
    ["file_id"] => string(6) "104684"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402750314"
  }
}

Конспект урока по информатике "Добавление таблиц, оформление рисунков на Web-страницах"

object(ArrayObject)#874 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(159) "Конспект урока по информатике "Добавление таблиц, оформление рисунков на Web-страницах" "
    ["seo_title"] => string(93) "konspiekt-uroka-po-informatikie-dobavlieniie-tablits-oformlieniie-risunkov-na-web-stranitsakh"
    ["file_id"] => string(6) "104059"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1402663191"
  }
}

Проектирование уроков биологии с использованием ЦОР.

object(ArrayObject)#852 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(99) "Проектирование уроков биологии с использованием ЦОР. "
    ["seo_title"] => string(56) "proiektirovaniie-urokov-biologhii-s-ispol-zovaniiem-tsor"
    ["file_id"] => string(6) "186776"
    ["category_seo"] => string(9) "biologiya"
    ["subcategory_seo"] => string(7) "prochee"
    ["date"] => string(10) "1426418456"
  }
}

Тексты в компьютерной памяти

object(ArrayObject)#874 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(54) "Тексты в компьютерной памяти "
    ["seo_title"] => string(32) "tieksty-v-komp-iutiernoi-pamiati"
    ["file_id"] => string(6) "135613"
    ["category_seo"] => string(11) "informatika"
    ["subcategory_seo"] => string(11) "presentacii"
    ["date"] => string(10) "1416938799"
  }
}

Устное народное творчество.Былина «Илья Муромец и Соловей – разбойник

object(ArrayObject)#852 (1) {
  ["storage":"ArrayObject":private] => array(6) {
    ["title"] => string(131) "Устное народное творчество.Былина «Илья Муромец и Соловей – разбойник "
    ["seo_title"] => string(74) "ustnoie-narodnoie-tvorchiestvo-bylina-il-ia-muromiets-i-soloviei-razboinik"
    ["file_id"] => string(6) "111000"
    ["category_seo"] => string(16) "nachalniyeKlassi"
    ["subcategory_seo"] => string(5) "uroki"
    ["date"] => string(10) "1406893062"
  }
}

Конспект урока Практическая работа Гипертекст

Просмотр содержимого документа «Конспект урока Практическая работа Гипертекст»

Похожие файлы

Полезное для учителя

Просмотр содержимого документа
«Конспект урока Практическая работа Гипертекст»