kopilkaurokov.ru - сайт для учителей

Создайте Ваш сайт учителя Курсы ПК и ППК Видеоуроки Олимпиады Вебинары для учителей

  1. Главная
  2. Информатика
  3. Уроки
  4. Конспект урока Практическая работа Гипертекст

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

Нажмите, чтобы узнать подробности

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

Вы уже знаете о суперспособностях современного учителя?
Тратить минимум сил на подготовку и проведение уроков.
Быстро и объективно проверять знания учащихся.
Сделать изучение нового материала максимально понятным.
Избавить себя от подбора заданий и их проверки после уроков.
Наладить дисциплину на своих уроках.
Получить возможность работать творчески.

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

4



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

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


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”

Бармаглот

Бармаглот

HR

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

BLOCKQUOTE

P

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

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

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

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

BLOCKQUOTE

Отгадка

BODY

HTML


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

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

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

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

HR

P

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

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

P

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

H3 Умзара ЗумH3

P

Сверкалось … Скойкие сюды 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

HR

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

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

OL type=1

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

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

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

OL

BODY

HTML

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


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

Крокодил

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

1

Жил да был

Крокодил.

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

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

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

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

2

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

И поет и реет:

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

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

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

A name=3

STRONG3STRONG

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

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

Обижают его;

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

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

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

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

PRE

BODY

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

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


Получите в подарок сайт учителя

Информационная безопасность

Электронная тетрадь по информатике 8...

Электронная тетрадь по информатике 8...

Информатика 6 класс ФГОС

Информатика 8 класс

Информатика 9 класс ФГОС

Электронная тетрадь по информатике 11...

Информатика 11 класс ФГОС

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

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

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

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

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

Дата: 19.04.2017

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

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

object(ArrayObject)#851 (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"
  }
}

object(ArrayObject)#873 (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)#851 (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)#873 (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)#851 (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"
  }
}

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


Получите в подарок сайт учителя

Видеоуроки для учителей

Курсы для учителей

Распродажа видеоуроков!
Смотреть все комплекты
Курсы ПК и ППК для учителей!
Смотреть все курсы
ПОЛУЧИТЕ СВИДЕТЕЛЬСТВО МГНОВЕННО

Добавить свою работу

* Свидетельство о публикации выдается БЕСПЛАТНО, СРАЗУ же после добавления Вами Вашей работы на сайт

Удобный поиск материалов для учителей

Ваш личный кабинет

Восстановить пароль
Регистрация
Проверка свидетельства