extracted_text:
Муниципальное казённое учреждение дополнительного образования

«Михайловская детская школа искусств»

Творческая гостиная
  «Русская народная песня»

Подготовила:

Преподаватель по классу ОНИ
                                                                                Бездетко
Т.А.

 2017г.

   «Что ж, покажем наших прадедов задор

Птицу песню выпуская на простор.

С нашей песней как по нотам,

Веселей идёт работа.

В каждый дом заходит песня

Дружит с нами с давних
пор…»

В.Шумилин.

         Песня –
душа народа и трудно найти человека, который не любил бы песню.
В дружном кругу, в
одиночестве и в шумной компании, в минуты радости и печали – повсюду с нами
песня. Старинные и современные, задушевные и распевные, задорные и озорные –
все они в наших сердцах.
Песня нужна людям,
и в этом причина её тысячелетнего существования. В народной песне отражается
жизнь людей: их труд, мысли, настроения, чувства, умения и познания. Народная
песня нужна людям как вид искусства, создающий красоту своеобразными
выразительными средствами: музыкальными, динамическими, ритмичными и слышимыми.
Этими средствами она служит человеку в жизни, помогая в труде и праздниках, в
горе и радости.
Музыкальные образы
народной песни всегда эмоциональны, заразительны, увлекательны. Это всё вместе
определяет особую поэтику народной песни, её связь с природой и народным
музыкально- поэтическим складомлюбого национального искусства.
         Русское
песенное творчество занимает большое место в современном культурном процессе
страны. Русские народные песни составляют основу репертуара многих
профессиональных музыкальных коллективов, занимают ведущее положение в
творчестве любительских ансамблей и участников художественной самодеятельности.
Главным  « поставщиком» была деревня.
Характерной чертой
народного песенного искусства является его глубокая связь с народными
традициями. Русский народ был силён крепкими традициями, свято соблюдавшимися
испокон веку. Одно из твердынь общества – семья.
Хороводные и
свадебные песни привлекают нас ясностью формы, гармоническим сочетанием слова и
музыки, откристаллизованностью интонаций. Наиболее ярко запечатлены семейные
взаимоотношения, тяжелое положение женщины в патриархальной семье в этих
песнях. «…Избывал ты меня, родной батюшка, Единым – то вечером. Ты хотела меня,
родная матушка, Во терем – то посадить. Посадила меня, родная матушка, Во тоску
– кручинушку.»

р.н.п. « Во поле берёза стояла»  –
обрядовая девичья песня.

Известно, что ещё сам великий господин
Александр Сергеевич Пушкин любил напевать себе под нос песню «про белёсую
берёзку». Это век XIX, но песню знали и раньше. Впервые ноты и текст песни «Во
поле берёза стояла» опубликован в сборнике Львова–Прача, который был издан ещё
в 1790 году. В этот же год Радищев упоминает о ней в своём сборнике
«Путешествии из Петербурга в Москву». В сборнике мелодий для фортепиано,
выпущенном в 1797 году, так же опубликовано произведение под названием «Во поле
берёза стояла». Это значит, что к концу века XVIII песня эта уже бытовала как
народная и была хорошо известна, поэтому, вероятней всего, что история песни
относится к гораздо более ранним временам.
СМЫСЛ ПЕСНИ «ВО ПОЛЕ БЕРЁЗА СТОЯЛА». Восклицание «люли-люли» возможно,
является свадебным, а также связанным с языческим богом любви и брака.
         В русской культуре было принято сопровождать
действия песнями. В XVIII веке девушек часто выдавали замуж насильно, без их
согласия. Родители преследовали выгоду, устроив свадьбу дочери с богатым
пожилым мужчиной. В тексте песни рассказывается история молодой девушки, которая
вышла замуж по нужде за строго мужчину. Она хочет пойти в поле «белую берёзу
заломати» и срезать «три пруточка», что бы сделать «три гудочка», а кроме них
ещё и балалайку. Цель всех действий – «Встань ты, мой старый, проснись». То
есть девушка будит мужа и помогает ему привести себя в порядок (слушать песню).

Свадебный
обряд

ВО ПОЛЕ БЕРЁЗКА СТОЯЛА – СВЯЗЬ С РУССКОЙ НАРОДНОЙ КУЛЬТУРОЙ  «Семичный обряд» кумления, связанный по
некоторым предположениям, с совершеннолетием.
         Выражение «белую берёзку заломати» пошло от
старинного русского обряда, в процессе которого девушки заламывали дерево и
сплетали ветки с травой, перед праздником православной Троицы (обычно в четверг
недели накануне праздника) шли в лес. Выбрав молодое деревце – берёзу, надламывали
её верхушку и надевали на дерево венок. Потом девицы заводили хороводы и пели
весёлые песни. Затем делалась из веток и травы кукушка, и чучело птицы
навешивалось на берёзку. После девушки «кумились» т.е. они всего лишь
целовались через венок и обменивались нательными крестами. По завершении обряда
девушки становились друг для  друга ближайшими родственницами, и обида или
ссора между ними являлась страшным грехом.

Возможно, история песни связана и с другим обрядом, когда
берёзу заламывали с песнями, а затем топили в реке или раскидывали её куски по
полю. Считалось, что таким образом вся энергия молодого дерева отдаётся земле
для плодородия.
Огромная сила
воздействия песни на окружающих вселила в наших предков много веков назад
уверенность в том, что пением можно общаться и влиять на силы природы. Так
возникли обряды и удивительные по своей неповторимой простоте и лаконичности
календарные обрядовые песни. Поэзия старинных календарных земледельческих песен
обладала огромной притягательной силой.
В них звучат
мотивы, связанные с трудовой деятельностью крестьянина. Тема труда также
отражена в хороводных лирических песнях. Недаром народ сказал: «Беседа дорогу
коротает, а песня – работу».  С ней легче спорилось трудное дело, она задавала
ритм работы.

Дубинушка (Эх, ухнем!)

         Общеизвестным
примером трудовой песни  является бурлацкая «Дубинушка». Это название стало
известно многим после появления данной песни в творчестве Фёдора Шаляпина.
Бурлаки, шедшие по берегу реки и тянувшие бечевой барку, создали песни –
припевки, помогавшие им в работе.  Запев рассказывал о тяжелой жизни трудового
люда, а припев помогал слаженным действиям всей артели. Пение таких песен
давало одновременно напрягать силы, выполняя тяжкую коллективную работу
(слушать песни).
         Календарный
цикл начинался с праздника Рождества Христова, Святок, встречи Нового года.
Обряд колядования заключался в прославлении щедрых хозяев, пожелании им
здоровья, прибавления в семействе, урожая и всех благ, важных для сельского
жителя. По традиции, в рождественскую ночь по домам и дворам ходят толпы
«ряженных» - детей и молодых парней с девушками, переодетых в костюмы сказочных
персонажей и зверей. Это чрезвычайно яркое и фееричное зрелище! Как правило,
колядки на Рождество разучивались короткие, «со смыслом», тексты которых легко
запоминаются.

В детских колядках
чувствовалась непосредственность, жизнерадостность, искрящимися весельем и
юмором народными «авсеньками», «таусенькми».
«Таусеньки, таусень!   Варит бабушка кисель на горушке
в черепушке…»

Коляда, коляда!
Ты, подай нам пирога,
Или хлеба ломтину,
Или денег полтину,
Или курочку с хохлом,
Петушка с гребешком!
(слушать колядочные песни)

Многочислены жанры
русских народных песен. Колыбельные в них занимают особое место. Эти песни
самые нежные, ласковые и простые. Голос матушки – это первая ниточка, связывающая
младенца с миром, чувствовалась теплота и глубина материнской ласки, и её
нежная умилённость покоем ребёнка.
«А баю, баю,
баю…   Ой спи, ангел, почивай,  Свои глазки закрывай» (слушать песни).

         С особым
почтением, русский человек относился к песне, и не только потому, что она
сопровождала его от рождения до смерти, но и, вероятно, потому что для
исполнения песни требовалось особое, возвышенное состояние души. Ведь во время
пения как бы  происходит очищение, сходное с прочтением молитвы.
         Народная
песня и исцеляла, и утешала, воспитывала и поучала, предостерегала и веселила,
забавляла и высмеивала(«Веселуха», «У нас нынче субботея», «Рассыпала Маланья
бобы…»).
Не стоит
удивляться , почему наш народ так трепетно относится к пению и песне.  Песня,
во всех её проявлениях, была естественной потребностью самовыражения. Только
духовно богатый и талантливый народ мог создать, ценить и постоянно
воссоздавать такие шедевры. Не зря говорят , что песня – душа народа.
         Изучая
народную песню, с восхищением осознаёшь, как она богата, щедра, талантлива,
искренна, чиста. Песня отражала и хранила в памяти поколений историю нашей
Родины!
В песнях
раскрывается судьба народа, неповторимый национальный характер во всём его
богатстве мыслей и чувств.
Как добрая и
мудрая наставница, песня внушает нам любовь к преданиям и обычаям родной земли,
к её героям и мастерам, учит жить по законам справедливости, помогать в трудную
минуту ближним, не бояться страданий, отстаивая правду и своё человеческое
достоинство. Подобно вольной птице, песня не признаёт государственных границ и
свободно перелетает из одной страны в другую.
         У
народной песни завидная судьба. Исчезают бесследно из памяти модные на один
сезон «хиты» и «шлягеры». А народная песня вырывается из плена забвения и снова
звучит чисто и свежо в устах людей другой эпохи.
На гулянье можно
услышать весёлую частушку или народную песню. А ребята из поколения в поколение
передают загадки, считалки, дразнилки, не думая при этом, что они являются
хранителями народной музыкальной мудрости.
         Вот в
этом бессмертии и заключается великая тайна национального характера народной песни
(слушать бамовские частушки в исполнении Марии Мордасовой).

Скачано с www.znanio.ru

file_name: творч. гостиная с титульн.2.docx

alt: Что ж, покажем наших прадедов задор

alt: Свадебный обряд ВО ПОЛЕ

alt: Дубинушка (Эх, ухнем!)

alt: Коляда, коляда! Ты, подай нам пирога,

intro: Песня - душа народа и трудно найти человека, который не любил бы песню. Русские народные песни состовляют основу репертуара многих профессиональных коллективов, занимают ведущее место в творчестве любительских ансамблей и участников художественной самодеятельности. Главным "поставщиком" была деревня. Русский народ был силён крепкими традициями,  свято соблюдавшимися испокон веку.

title: Творческая гостиная "Русская народная песня"


extracted_text:
Практическое занятие 16.

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

по учебной дисциплине «Информатика и ИКТ»

Тема: Защита
информации, антивирусная защита Цель:
 выработать практические навыки
работы с антивирусными программами, навыки правильной работы с компьютером.изучить

Норма времени: 2 часа
Оснащение рабочего места: ПК, ОС Windows,
рабочая тетрадь. Техника безопасности: Правила ТБ при работе в
компьютерном классе.

Методические рекомендации:

Информационная безопасность
Информационная безопасность государства –
состояние сохранности информационных ресурсов государства и защищённости законных
прав личности и общества в информационной сфере. Информационная
безопасность - это процесс обеспечения конфиденциальности, целостности и
доступности информации.
-
Конфиденциальность:
Обеспечение доступа к информации только авторизованным пользователям.
-
Целостность: Обеспечение
достоверности и полноты информации и методов ее обработки.
-
Доступность: Обеспечение
доступа к информации и связанным с ней активам авторизованных пользователей по
мере необходимости.
Информационная безопасность – все аспекты, связанные с
определением, достижением и поддержанием конфиденциальности, целостности,
доступности, неотказуемости, подотчётности, аутентичности и достоверности
информации или средств её обработки.
Безопасность информации (данных) – состояние защищённости
информации (данных), при котором обеспечиваются её (их) конфиденциальность,
доступность и целостность.
Безопасность информации (данных) определяется отсутствием
недопустимого риска, связанного с утечкой информации по техническим каналам,
несанкционированными и непреднамеренными воздействиями на данные и (или) на
другие ресурсы автоматизированной информационной системы, используемые в
автоматизированной системе.

Вирусы. Антивирусное программное
обеспечение Компьютерный вирус - программа способная самопроизвольно
внедряться и внедрять свои копии в другие программы, файлы, системные области
компьютера и в вычислительные сети, с целью создания всевозможных помех работе
на компьютере.
Признаки заражения:
•       прекращение
работы или неправильная работа ранее функционировавших программ
•       медленная
работа компьютера
•       невозможность
загрузки ОС
•       исчезновение
файлов и каталогов или искажение их содержимого
•       изменение
размеров файлов и их времени модификации
•       уменьшение
размера оперативной памяти
•       непредусмотренные
сообщения, изображения и звуковые сигналы             частые
сбои и зависания компьютера и др.

Классификация
компьютерных вирусов По среде обитания:
•       Сетевые
– распространяются по различным компьютерным сетям
•       Файловые
– внедряются в исполняемые модули (COM, EXE)
•       Загрузочные
– внедряются в загрузочные сектора диска или сектора, содержащие программу
загрузки диска
•       Файлово-загрузочные
– внедряются и в загрузочные сектора и в исполняемые модули

По способу заражения:
•       Резидентные
– при заражении оставляет в оперативной памяти компьютера свою резидентную
часть, которая потом перехватывает обращения ОС к объектам заражения
•       Нерезидентные
– не заражают оперативную память и активны ограниченное время

По воздействию:
•       Неопасные
– не мешают работе компьютера, но уменьшают объем свободной оперативной памяти
и памяти на дисках
•       Опасные
– приводят к различным нарушениям в работе компьютера
•       Очень
опасные – могут приводить к потере программ, данных, стиранию информации в
системных областях дисков

По особенностям алгоритма:
•       Паразиты
– изменяют содержимое файлов и секторов, легко обнаруживаются
•       Черви
– вычисляют адреса сетевых компьютеров и отправляют по ним свои копии
•       Стелсы
– перехватывают обращение ОС к пораженным файлам и секторам и подставляют
вместо них чистые области
•       Мутанты
– содержат алгоритм шифровки-дешифровки, ни одна из копий не похожа на другую
•       Трояны
– не способны к самораспространению, но маскируясь под полезную, разрушают
загрузочный сектор и файловую систему

Основные меры по защите от
вирусов      оснастите свой
компьютер одной из современных антивирусных программ: Doctor Web, Norton
Antivirus, AVP
•       постоянно
обновляйте антивирусные базы
•       делайте
архивные копии ценной для Вас информации (гибкие диски, CD)

Классификация антивирусного программного
обеспечения
•       Сканеры
(детекторы). Принцип работы антивирусных сканеров основан на проверке файлов,
секторов и системной памяти и поиске в них известных и новых (неизвестных
сканеру) вирусов.
•       Мониторы.
Это целый класс антивирусов, которые постоянно находятся в оперативной памяти
компьютера и отслеживают все подозрительные действия, выполняемые другими
программами. С помощью монитора можно остановить распостранение вируса на самой
ранней стадии.
•       Ревизоры.
Программы-ревизоры первоначально запоминают в специальных файлах образы главной
загрузочной записи, загрузочных секторов логических дисков, информацию о
структуре каталогов, иногда - объем установленной оперативной памяти.
Программы-ревизоры первоначально запоминают в специальных файлах образы главной
загрузочной записи, загрузочных секторов логических дисков, информацию о
структуре каталогов, иногда - объем установленной оперативной памяти. Для
определения наличия вируса в системе программы-ревизоры проверяют созданные ими
образы и производят сравнение с текущим состоянием.

Задание 1. Тест (30 баллов). Тест
по теме «Защита информации, антивирусная защита»

1. Информационная безопасность – это
…

1)  отсутствие
зараженных файлов на компьютере
2)  процесс
работы антивирусных программ
3)  процесс
обеспечения конфиденциальности, целостности и доступности информации
4)  состояние
защищённости информации, при котором обеспечиваются её (их) конфиденциальность,
доступность и целостность.

2. Основные угрозы доступности
информации:

1)  непреднамеренные
ошибки пользователей
2)  злонамеренное
изменение данных 3) перехват данных
4) хакерская атака.

3. Один из методов защиты информации
на компьютере

1)  полное
отключение системного блока
2)  отключение
жесткого диска
3)  защита
паролем
4)  копирование
информации.

4. К биометрической системе защиты
относятся:

1)  антивирусная
защита
2)  защита
паролем
3)  идентификация
по отпечаткам пальцев
4)  физическая
защита данных

5. Брандмауэр (firewall) – это
программа, …

1)  которая
следит за сетевыми соединениями и принимает решение о разрешении или запрещении
новых соединений на основании заданного набора правил
2)  которая
следит за сетевыми соединениями, регистрирует и записывает в отдельный файл
подробную статистику сетевой активности
3)  на
основе которой строится система кэширования загружаемых веб-страниц
4)  реализующая
простейший антивирус для скриптов и прочих использующихся в Интернет активных
элементов.

6. Положительные
моменты в использовании для выхода в Интернет браузера, отличного от Microsoft
Internet Explorer, но аналогичного по функциональности

1)  уменьшение
вероятности заражения, поскольку использование иного браузера может косвенно
свидетельствовать об отсутствии у пользователя достаточных средств для покупки
Microsoft Internet Explorer
2)  уменьшение
вероятности заражения, поскольку большинство вредоносных программ пишутся в
расчете на самый популярный браузер, коим является Microsoft Internet Explorer
3)  возможность
установить отличную от www.msn.com стартовую страницу возможность одновременно
работать в нескольких окнах.

7. Что такое "компьютерный
вирус"?

1) самостоятельная компьютерная программа или компонент программного
комплекса, предназначенная для создания и изменения текстовых файлов. 2) это совокупность
программ, находящиеся на устройствах долговременной памяти;
3)
это программы, которые могут "размножаться" и скрытно
внедрять свои копии в файлы, загрузочные секторы дисков и документы;
4)
это сведения об объектах и явлениях окружающей среды, их
параметрах, свойствах и состоянии.

8. Назовите основные типы
компьютерных вирусов:

1) почтовые, файловые, программные 2) аппаратные,
программные, загрузочные 3) программные, макровирусы, загрузочные.

9. Свойство
вируса, позволяющее называться ему загрузочным – способность …

1)  заражать загрузочные
сектора жестких дисков
2)  заражать загрузочные
дискеты и компакт-диски 3) вызывать
перезагрузку компьютера-жертвы
4)
подсвечивать кнопку Пуск на системном блоке.

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

1)  Макровирус

2)  Сетевой
червь
3)  Троян

4)  Загрузочный
вирус

11. Заражение компьютерными вирусами может
произойти в процессе ...

1)  работы
с файлами
2)  форматирования
дискеты
3)  выключения
компьютера
4)  печати
на принтере

12. Какие файлы заражают макро-вирусы?

1)  исполнительные;
2)  файлы документов Word
и элект. таблиц Excel; 3) графические и звуковые;
4) html документы.

13. К каким вирусам относится
"троянский конь"?

1)  макро-вирусы
2)  скрипт-вирусы 3)
интернет-черви
4) загрузочные вирусы.

14. Неопасные компьютерные вирусы
могут привести

1)  к
сбоям и зависаниям при работе компьютера;
2)  к
потере программ и данных;
3)  к
форматированию винчестера;
4)  к
уменьшению свободной памяти компьютера.

15. Опасные компьютерные вирусы могут
привести…

1)  к
сбоям и зависаниям при работе компьютера;
2)  к
потере программ и данных;
3)  к
форматированию винчестера;
4)  к
уменьшению свободной памяти компьютера.

16. Какой
вид компьютерных вирусов внедряются и поражают исполнительный файлы с
расширением *.exe, *.com и активируются при их запуске?

1)  файловые вирусы;
2)  загрузочные вирусы;
3) макро-вирусы;
4) сетевые вирусы.

17. Какой
вид компьютерных вирусов внедряются и поражают файлы с расширением *.txt,
*.doc?

1)  файловые вирусы;
2)  загрузочные вирусы;
3) макро-вирусы; 4) сетевые вирусы.

18. Как происходит заражение почтовыми
вирусами?

1)  При
подключении к web-серверу, зараженному "почтовым" вирусом
2)  При
открытии зараженного файла, присланного с письмом по e-mail
3)  При
подключении к почтовому серверу
4)  При
получении с письма, присланном по е-mail, зараженного файла.

19. Сетевые черви это:

1) Вирусы, которые внедряются в документ под видом
макросов 2) Вирусы, которые проникну на компьютер, блокируют работу сети 3)
Вредоносные программы, которые проникают на компьютер, используя сервисы
компьютерных сетей
4) Вредоносные программы,
устанавливающие скрытно от пользователя другие программы.

20. Руткит – это:

1)  Программа
для скрытого взятия под контроль взломанной системы
2)  Вредоносная
программа, маскирующаяся под макрокоманду
3)  Разновидность
межсетевого экрана
4)  Программа,
выполняющая несанкционированные действия по передаче управления компьютером
удаленному пользователю.

21. Какие существуют вспомогательные
средства защиты?

1)  Аппаратные
средства.
2)  Программные
средства.
3)  Аппаратные
средства и антивирусные программы.

22. Антивирусные программы - это
программы для:

1)  Обнаружения
вирусов
2)  Удаления
вирусов
3)  Размножения
вирусов

23. На чем основано действие
антивирусной программы?

1)  На
ожидании начала вирусной атаки.
2)  На
сравнении программных кодов с известными вирусами.
3)  На
удалении зараженных файлов.

24. Какие программы относятся к
антивирусным?

1)  AVP,
MS-DOS, MS Word
2)  AVG,
DrWeb, Norton AntiVirus
3)  Norton
Commander, MS Word, MS Excel.

25. Какие программы не относятся к
антивирусным?

1)  программы-фаги

2)  программы
сканирования
3)  программы-ревизоры

4)  программы-детекторы

26. Можно
ли обновить антивирусные базы на компьютере, не подключенном к Интернет?

1)  да,
позвонив в службу технической поддержки компании-производителя антивирусной
программы. Специалисты этой службы продиктуют последние базы, которые нужно
сохранить на компьютере воспользовавшись любым текстовым редактором
2)  да,
это можно сделать с помощью мобильных носителей скопировав антивирусные базы с
другого компьютера, на котором настроен выход в Интернет и установлена эта же
антивирусная программа или на нем нужно вручную скопировать базы с сайта
компании-производителя антивирусной программы
3)  нет.

27. Основные меры по защите информации
от повреждения вирусами:

1)  проверка
дисков на вирус
2)  создавать
архивные копии ценной информации
3)  не
пользоваться "пиратскими" сборниками программного обеспечения 4) передавать файлы только по сети.

28. Наиболее эффективное средство для
защиты от сетевых атак

1)  использование
антивирусных программ
2)  использование
сетевых экранов или «firewall»
3)  посещение
только «надёжных» Интернет-узлов
4)  использование
только сертифицированных программ-браузеров при доступе к сети Интернет.

29. Основная функция межсетевого
экрана

1)  управление удаленным
пользователем
2)  фильтрация входящего
и исходящего трафика 3) проверка дисков на вирусы
4) программа для просмотра файлов.

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

1)  последствием сбоев
операционной системы
2)  необходимым
компонентом подготовки программистов 3)
побочным эффектом при разработке программного обеспечения
4)
преступлением.

Задание 2. Заполнить таблицу (10
баллов).
Описать 5 антивирусных программ.

Наименование
  антивирусной программы

Характеристики

Условия использования
  (платно/бесплатно)

…

…

…

Задание 3. Сделайте вывод по
проделанной работе (2 балла).

Критерии
оценивания практического задания

Количество набранных баллов

Оценка

38 - 42

5 (отлично)

35 – 37

4 (хорошо)

29 - 34

3 (удовлетворительно)

менее 28

2 (неудовлетворительно

file_name: 69. Профилактические и антивирусные мероприятия для компьютерного.pdf

alt: Практическое занятие 16.

alt: Безопасность информации (данных) определяется отсутствием недопустимого риска, связанного с утечкой информации по техническим каналам, несанкционированными и непреднамеренными воздействиями на данные и (или) на другие ресурсы…

alt: Брандмауэр (firewall) – это программа, … 1) которая следит за сетевыми соединениями и принимает решение о разрешении или запрещении новых соединений на основании заданного набора…

alt: Неопасные компьютерные вирусы могут привести 1) к сбоям и зависаниям при работе компьютера; 2) к потере программ и данных; 3) к форматированию винчестера; 4) к…

alt: AVP, MS-DOS, MS Word 2)


extracted_text:
Улыбайся!
Действующие лица: рассказчик, мальчик
Сережа, воспитательница, дети: Света, Варя, Петя, Коля.
Декорации и атрибуты: игрушка для Серёжи,
стульчик для Серёжи, стул для рассказчика.

Место
  действия

Действия
  героев

текст

Примечания

Сцена
  первая

 На
  Сцена в групповой стоит детский стул

На
  сцену выходит рассказчик

Выходит
  мальчик,
У
  него
в руках
  любимая игрушка Мальчик садится на стул

Серёжа
  задумался, опустил взгляд вниз

Воспитательница
  подходит к мальчику

Мальчик
  повернулся к воспитательнице

Встают
  дети из зала и называют себя

Мальчик
  обращается к любимой игрушке

Рассказчик:
-
  Сегодня я вспомнила случай такой:
Это
  случилось в группе одной.
Туда
  новый мальчик пришёл с игрушкой.
Он
  что-то шептал игрушке на ушко.

Мальчик:
Мы
  переехали в город другой.
Теперь
  я хожу в другой детский сад.
Другие
  ребята в группе моей.
И,
  кажется, мне никто здесь не рад.

Рассказчик:
- Мальчик со страха
  чуть не заплакал.
Уселся
  на стул и стал размышлять.
Чуть-чуть
  успокоился, притаился:
Решил
  потихоньку за всем наблюдать.

Мальчик:
-
  Сколько радости было вокруг:
Смех,
  веселье и игрушки.
Где же
  все мои друзья и весёлые подружки?

Рассказчик:
- К
  нему воспитательница подошла

Воспитательница:
-
  Познакомьтесь, ребята,
Это –
  Серёжа!
Он в
  группу к нам пришёл в первый раз.
Давайте
  ему привыкнуть поможем.

Рассказчик:
- Его
  воспитательница обняла.
От рук
  её тёплых Серёжа очнулся.
Про
  страх, одиночество сразу забыл,
Навстречу
  улыбке её улыбнулся!

-
  И  тут же вокруг раздались голоса:

Дети:
- Я –
  Варя!
- Я –
  Коля!
- Я -
  Света!
- Я –
  Петя!
-
  Серёжа, пойдём с нами играть,
Сегодня
  мы будем строить ракету!

Рассказчик:

-
  Улыбка всегда творит чудеса:
Она
  закрывает у страха глаза.
Улыбка
  поможет счастливым вдруг стать,
Чтоб
  смело   любимой игрушке сказать

Мальчик:
-
  Сколько радости вокруг,
Смех,
  веселье и игрушки!
И
  любимые друзья,
И
  весёлые подружки!

Рассказчик:

-
  Запомните, дети: если – беда,
Когда
  одиноко, страшно и грустно,
Запомните
  крепко и знайте всегда:
Нужно
  навстречу беде  Улыбнуться!

Обращается
  к зрителям – детям группы

Говорит
  с грустью, обращаясь к игрушке

Мальчик
  садится на стул

С
  горечью

Обращается
  к детям-зрителям

Приветливо

Мышка
  стоит напротив мышонка, говорит заботливо

file_name: сценарий спектакля Улыбайся.docx

alt: Улыбайся! Действующие лица : рассказчик, мальчик

alt: Давайте ему привыкнуть поможем

intro: Интересный и доступный спектакль для детского восприятия

воспитательная работа

group: Дисциплины

title: Спектакль для дошкольников "Улыбайся"


extracted_text:
ЛАБРАБОТА СОЗДАНИЕ
WEB-СТРАНИЦ С ПОМОЩЬЮ ЯЗЫКА РАЗМЕТКИ HTML

Время
выполнения – 4 часа.

Цель работы

Познакомиться с основами языка
разметки HTML и научиться создавать собственные web-страницы с применением
форматирования на основе HTML.

Задачи лабораторной
работы После
выполнения работы студент должен:

1)
знать понятия: "HTML",
"браузер", "гиперссылка", "тег";
2)
уметь применять основные теги для
оформления web-страниц;
3)
знать  назначение
&-последовательностей,  комментариев  в  языке
HTML;
4)
научиться создавать и оформлять
web-страницы.

Перечень
обеспечивающих средств

Для
обеспечения выполнения работы необходимо иметь компьютер с
операционной системой и
методические указания по выполнению работы.

Общие
теоретические сведения

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

1.  Понятие об HTML

Гипертекстовые документы
создаются на специальном языке, который называется HTML (Hyper Text Markup
Language – язык разметки гипертекста). Разработка этого стандарта позволила
снять две существенные проблемы, которые возникали у пользователей больших
сетей.

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

Вторая проблема –
распознавание пришедшей по запросу информации. Способы кодировки одних и тех же
сведений в разных текстовых редакторах часто бывают разными. И если компьютер
-получатель оснащен не тем текстовым редактором, на котором создавался
документ, он не всегда может интерпретировать пришедшую на него информацию.
Чтобы преодолеть это, в языке HTML установлены специальные правила.

99

1.
Весь документ
набирается только текстовыми символами (их коды понятны всем редакторам), т. е.
его можно набрать в любом текстовом редакторе (например, "Блокнот",
"WordPad").

2.
Символы и
конструкции, которые непонятны браузеру (программе, позволяющей
просматривать web-страницы), игнорируются (а текстовые редакторы обычно
прекращают интерпретировать документ, если встречают в нем непонятные коды).

3.
В текст документа
можно добавлять разнообразные команды, которые указывают, как следует
изображать на экране тот или иной фрагмент текста. Эти команды называют тегами.
Они так же, как и документ, набираются текстовыми символами, но отделяются от
него угловыми скобками: < >.

4.
Файлы c HTML-кодом должны
помечаться расширением .html или
.htm.

2.
Структура тегов

Каждый тег
обязательно содержит пару угловых скобок < >, между которыми находится ключевое
слово, обозначающее основную функцию тега. Например, ключевое слово HR в
теге
 означает, что тег вставляет в документ серую горизонтальную
линию (Horizontal Row) по всей ширине страницы и толщиной в один пиксел.

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

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

Атрибуты размещают после ключевого слова и перечисляют
в произвольном порядке через пробел. После каждого атрибута ставят знак = и
нужное значение. Например, тег
 означает, что в
документ следует вставить горизонтальную линию, которая должна доходить только
до середины строки и иметь ширину четыре пиксела. Значения атрибутов в
некоторых случаях полагается заключать в двойные кавычки.
Атрибуты , соответствующие одним и тем же свойствам, в
разных тегах часто, но не всегда , обозначаются одинаковыми словами. Например,
выравнивание текста в пределах строки, ячейки таблицы или около картинки
задается одинаковым словом ALIGN. А свойство «цвет шрифта» для документа

в       целом задается атрибутом TEXT, но для
отдельно взятого фрагмента документа – атрибутом COLOR. Соответствующие теги,
задающие темно-синий цвет шрифта, выглядят так:

, .
Многие теги
являются парными. Открывающий тег включает какое-нибудь действие, закрывающий
прекращает его. В этом случае ключевое слово у обоих тегов одинаковое, но в
открывающем теге дополнительно перечисляются все необходимые атрибуты, а в
закрывающем атрибутов нет, и перед ключевым словом ставится знак /. Парные теги
называются контейнерами. Например, контейнер Я изучаю язык
HTML означает, что текст Я изучаю язык

100

HTML следует изобразить жирным
шрифтом, а дальнейшие символы – так, как до него.
Замечания:
1)
в ключевых словах и атрибутах
строчные и прописные регистры букв не различаются;
2)
URL файлов-ссылок заключаются в
двойные кавычки, и регистры букв
в  них учитываются;
3)
в последовательности пробелов,
идущих подряд, учитывается только первый, остальные игнорируются;
4)       признак начала новой строки
игнорируется. Поэтому при составлении кода можно клавишей <Enter>
разрывать его на строки так, как код удобно просматривать и редактировать. На
виде документа в окне браузера это не отражается. Если нужно сохранить при
просмотре через браузер введенные в

код
HTML пробелы и разрывы строк, следует воспользоваться тегами компоновки текста
(см. п. 6).
Списки основных тегов, их функций и
атрибутов приведены в табл. 1, 2, 3. Пояснения по основным группам тегов – в
п.п. 4-10.

Таблица
1. Основные теги форматирования и компоновки текста

Теги

Действие

…

Полужирный шрифт

…

Курсив

<BIG>…</BIG>

Более крупный шрифт

…

Более
  мелкий шрифт

…

Нижний индекс

…

Верхний индекс

…</Н1>

Самый крупный размер заголовка

…</Н2>,
  …
…</Н5>

Промежуточные
  размеры заголовков

…</Н6>

Самый
  мелкий размер заголовка

Переход
  на новую строку

…

Новый
  абзац

Горизонтальная
  линия

…

Компоновка
  текста, как в коде

…

Нумерованный
  список

…

Маркированный
  список

Элемент
  списка

…

Таблица

…

Заголовок
  таблицы

…

Строка
  таблицы

…

Ячейка
  заголовка

…

Ячейка
  данных

Таблица
2. Теги внесения ссылок на дополнительную информацию

Теги

Действие

…

Ссылка
  на текстовый файл или рисунок

…

Установка
  метки внутри файла

Вставка
  изображений

101

Таблица
3. Основные атрибуты тегов

Атрибут

Возможные
  значения

Действие
  атрибута

В
  каких тегах

используется

COLOR=

GRAY
  (серый), AQUA

Задает
  цвет линий и

,

(аквамарин),
  BLACK

шрифта
  в тексте или

(черный), BLUE (синий),

таблице

FUCHSIA (яркий пурпурно-

,

BGCOLOR=

красный),
  GREEN (зеленый),

Задает
  цвет фона

,
  ,

LIME
  (зеленоватый),

MAROON (темно-

Задает
  цвет внешнего

BORDERCOLOR=

бордовый),
  NAVY (темно-

контура
  таблицы

синий),
  OLIVE (оливковый),

PURPLE
  (пурпурный), RED

(красный),
  SILVER

Задает
  цвет шрифта в

TEXT=

(серебристый), TEAL,

YELLOW
  (желтый), WHITE

документе
  в целом

(белый).
  Возможны также те

же
  слова с приставками

LIGHT
  и DARK, например

Цвета соответственно

LINK=,
  VLINK=,

LIGHTGREEN
  (светло-

непосещенных,

ALINK=

зеленый),
  DARKBLUE

посещенных
  и активных

(темно-голубой)

ссылок

BACKGROUND=

"URL"
  файла с

,

Создает
  фон-картинку

,
  ,

изображением для фона

Целое
  число без

Задает
  толщину

BORDER=

окантовки
  для

,

размерности

изображения
  или

таблицы

Горизонтальное

,

,

,
  …,

ALIGN=

LEFT,
  CENTER, RIGHT

выравнивание
  текстового

,

фрагмента
  или таблицы в

,

целом

,
  ,

ALIGN=

BOTTOM,
  ТОP

Размещение
  заголовка

над
  или под таблицей

ALIGN=

BOTTOM,
  LEFT, RIGHT,

Размещение
  текстового

ТОP,
  MIDDLE

пояснения
  к картинке

VALIGN=

MIDDLE,
  TOP, BOTTOM

Вертикальное

,

выравнивание
  фрагмента

,

102

Длина/высота
  фрагмента

в
  пикселах или в

процентах
  от

WIDTH=

Целое
  число без

ширины/высоты
  окна.

Для
  всех ячеек,

,

размерности
  или со знаком

находящихся
  в

,
  ,

%

строке/столбце,

,

используется

максимальное значение

HEIGHT=

из
  заданных в ее/его

ячейках

Целое
  число без

Толщина
  линии, размер

,

SIZE=

размерности
  (по

шрифта

умолчанию
  1)

Тип
  нумерации

TYPE=

1,
  A, a, i, I

элементов

упорядоченного
  списка

START=

Номер
  первого элемента в выбранном типе нумерации

Примечание. Первое из перечисленных
значений атрибутов тегов – значение по умолчанию.

3.
&-последовательности, комментарии

Иногда
в документе приходится использовать такие знаки, которые имеют
в
языке HTML специальный смысл.
Например, двойные кавычки " " выделяют значение атрибута, и если их
использовать вне тега, браузер не поймет конструкцию и пропустит ее. Чтобы этого
не произошло, для отображения служебных символов используют специальные
последовательности знаков, начинающиеся с символа & и заканчивающиеся
знаком ; (точка с запятой) – так называемые &-последовательности.
Основные из них:
– последовательность < (от
английского "less than") – вместо символа < (меньше);

– последовательность > (от "greater
than") – вместо символа > (больше);

– последовательность " (от "quotations
mark") – вместо символа " (двойные кавычки);
–
последовательность & (от "ampersand") – вместо символа &;
–
последовательность   (от nonbreaking space – неразрывный пробел) –
вместо пробела, который не следует игнорировать при выдаче документа в окно
браузера. Эта &-последовательность как бы вставляет в текст невидимую глазу
букву, которую браузер воспринимает как реальную и оставляет для нее место на
экране. Она используется для заполнения пустых ячеек таблицы, пустых абзацев,
для склеивания слов (если набрать TOP 100, то у вас никогда не
получится, что TOP останется в одной строке, а 100 перенесется на следующую,
например, при изменении шрифта или размера окна браузера).

103

Внимание: &
-последовательности должны набираться только в нижнем регистре, точка с запятой
в конце последовательности обязательна. Пример: чтобы пользователь увидел на
экране слова крейсер "Аврора", в HTML-документе должен быть следующий
код:

крейсер
"Аврора"

Чтобы код HTML было легче
понимать и править , полезно вводить в него комментарии, которые
были бы видны только при работе с кодом, но не отражались бы в
окне браузера при просмотре документа. Для этой цели используют специальный
контейнер, написанный не по стандартным правилам. Он выглядит так:

Примеры:

Внимание:
в текст комментария не допускается вставлять два и более
дефисов подряд: -- или -----
(разные браузеры по-разному реагируют на это).

4.
Структура документа HTML

Каждый
HTML-документ состоит из трех главных частей.
1.
Объявление HTML-кода – контейнер
 …
2.
Заголовок документа – контейнер
 …
3.
Тело документа – контейнер
 …

Заголовок и тело документа
вкладываются внутрь объявления HTML по следующей схеме:

…..........

…..........

В
заголовок
помещаются теги, определяющие информацию о документе в целом. Наиболее
употребительный из них – контейнер <TITLE>:
<TITLE>
Краткая расшифровка содержания документа (не более 64
символов) </TITLE>.
Пример.
<TITLE>
Гостиницы для участников конференции </TITLE>
Текст, помещенный в <TITLE>, заменяет системную
информацию в заголовке браузера. При просмотре большого количества файлов это
облегчает ориентировку среди них.
В    разделе «тело документа» размещается
содержание документа, которое выдается в рабочее окно браузера. Атрибуты тега
 задают следующие свойства:

104

– TEXT – цвет текста там, где он не
указан специальными средствами. По умолчанию черный.
–
BGCOLOR – цвет фона. По умолчанию белый.
– BACKGROUND – фоновое изображение (аналогично рисунку
на Рабочем столе). Значением является URL файла–изображения.
– LINK,VLINK, ALINK – соответственно
цвета непосещенных, посещенных и активных в данный момент гиперссылок.

Примеры:

Первый тег задает для базового оформления документа
светло-серый шрифт на темно-синем фоне. Все отступления от этого стандарта в
дальнейшем надо будет оговаривать дополнительными тегами внутри документа.
Второй в качестве фона использует изображение, находящееся в файле море.jpg,
расположенном в том же каталоге, что и вызывающий его документ (подробнее см.
п. 8). Цвет шрифта так же, как и в первом примере, – светло-серый.
Основные теги, определяющие вид
документа в окне браузера, рассмотрены ниже и приведены в виде справочника в
табл. 1, 2, 3.

5.
Теги форматирования шрифта

В
HTML существуют два подхода к
шрифтовому оформлению текста – так называемые физические и логические стили.
Здесь рассматриваются только физические стили. Под ними подразумевают прямое
указание браузеру на изменение текущего шрифта. Теги физических стилей –
контейнерные. Например, между тегами  и  будет жирный шрифт
(Bold), а между
и
 – курсив (наклонный –
Italic). Основные контейнеры физических стилей:

  …

–
  жирный шрифт;

 …

– курсив;

…

–
  подчеркнутый текст;

…
  ,

–

перечеркнутый шрифт;

<S> … </S>

<BIG> … </BIG>

– шрифт большего размера;

 …

– шрифт меньшего размера;

  …

–
  подстрочный индекс;

<SUР> … </SUР>

– надстрочный индекс;

 …

– изменение типа, цвета и
  размера шрифта.

В
теге  допускаются атрибуты:
–
SIZE – размер букв, возможные значения: 1, 2, 3, …, 7. По умолчанию
3;
– COLOR – цвет шрифта. Можно указывать
шестнадцатеричными кодами или английскими словами. По умолчанию BLACK;
– FACE – изменение типа шрифта,
возможные значения: ARIAL, COURIER и т. д. По умолчанию VERDANA.

105

Теги могут
комбинироваться, но при этом надо следить, чтобы контейнеры имели вложенную
структуру (контейнер, открытый позже, должен быть закрыт до того, как будет
закрыт внешний). Например, для комбинации жирного и наклонного шрифтов можно
использовать такой код:

  пример

В
окне браузера мы получим:

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

...
, …,
…
. Заголовки отличаются от
текста и между собой толщиной и высотой букв (в заголовке
 самые
крупные символы, в
 – самые мелкие ), а также увеличением интервала
по вертикали между заголовком и прочей информацией. Атрибут ALIGN управляет выравниванием
заголовков по горизонтали. По умолчанию он принимает значение LEFT. Другие
возможные значения: CENTER, RIGHT.

Пример:

 6. Теги
выделения смысловых частей текста
 Результат действия тега похож на
заголовок следующего параграфа.

6.
Теги выделения смысловых
частей текста

Абзацы в тексте выделяются контейнером

…
. Атрибут ALIGN задает выравнивание по горизонтали. По
умолчанию он принимает значение LEFT. Другие возможные значения: CENTER, RIGHT.
При просмотре браузером абзацы отделяются друг от друга пустой строкой.
Закрывающий тег
 необязателен. Его можно использовать только тогда,
когда было заказано нестандартное выравнивание текста.
Примеры:

Этот абзац расположен слева

 Этот абзац по центру

 А вот этот
абзац справа
 Приведенный выше код при просмотре выглядит так:

Этот абзац расположен слева

Этот абзац по центру

А
вот этот абзац справа

Чтобы перейти на новую строку, не
вставляя пустую строку в текст, применяется тег
. Закрывающего тега у
него нет.
Иногда полезно разделять смысловые
части документа горизонтальной чертой. Это делается с помощью одиночного тега

. Его атрибуты:

SIZE
– толщина линии в пикселах. По умолчанию 1 пиксел.

WIDTH – длина линии в пикселах или
процентах от ширины экрана. По умолчанию 100%.

ALIGN – выравнивание линии, возможные
значения: LEFT, CENTER, RIGHT. По умолчанию LEFT.

106

COLOR
– цвет линии. По умолчанию GRAY.

NOSHADE
– линия рисуется без тени. По умолчанию тень есть.
Пример.
Код, в котором использованы теги
 и
:

Жизненная позиция

Хорошо
на свете жить,

Информатику учить!

В
окне браузера этот код
изображается так:

Жизненная
позиция

Хорошо
на свете жить,

Информатику
учить!

7.
Оформление списков

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

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

…
 (Unordered List). Для нумерованного – в контейнер

 …
 (Оrdered List). Затем текст в контейнере разбивается
на отдельные пункты списка тегами
 (List Item – элемент списка).
Закрывающий тег
 в конце каждого пункта ставить необязательно. В
маркированном списке все пункты автоматически помечаются одинаковыми маркерами,
в нумерованном – элементы нумерует сам браузер.

Примеры кода:

Список

дисциплин:

Список

дисциплин:

Информатика

Информатика

Физика

Физика

История

История

Это дает на экране
  следующие списки:

Список дисциплин:

Список
  дисциплин:

–

Информатика

1.

Информатика

–

Физика

2.

Физика

–

История

3.

История

Можно
  организовать  многоуровневые  списки

(разумно
  ограничиться

тремя
уровнями вложения). Для этого после каждого
 следует разместить
контейнеры
…
 или
 …
 с разбивкой
информации этого пункта на дополнительные подпункты.
В
теге
 могут использоваться следующие атрибуты:

107

TYPE –
определяет стиль оформления меток для элементов списка, подробнее ниже;
START – (только
для нумерованного списка
) определяет значение первого элемента
списка, задается всегда числом (по умолчанию 1). В зависимости от значения
атрибута TYPE этому числу сопоставляются разные символы, подробнее ниже;

VALUE – (только для метки
 списка

) устанавливает номер текущего элемента списка. Как и в предыдущем
случае, метка пункта может быть нечисловой, хотя значение атрибута – всегда
число.
Для
нумерованного списка в зависимости от стиля нумерации значением атрибута TYPE
могут быть:

1
– арабские цифры (1,2,3,...) a –
строчные буквы (a, b, c,…)
A
– прописные буквы (A,B,C,...)
i
– римские цифры строчные
(i,ii,iii,...)

I
– римские цифры прописные
(I,II,III,...)

По умолчанию
значения TYPE устанавливаются в зависимости от степени вложенности списка.
Число,
указанное в атрибуте START, показывает порядковый номер элемента в ряду знаков,
заданных в TYPE. С этого элемента следует начинать нумерацию пунктов списка.

8.
Создание таблиц

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

Простая таблица Ячейка 1
Ячейка 2 Ячейка 3 Ячейка 4

 Простая таблица

Ячейка 1
Ячейка 2

Ячейка 3
Ячейка 4

Как видно из примера, начало и конец
таблицы оформляются тегами
 и
. Все остальные теги,
создающие структуру таблицы и
ее   содержание, вкладываются в этот
контейнер. Для того, чтобы создать рамку вокруг таблицы, можно задать атрибут
BORDER=n, где n – толщина рамки в

108

пикселах. По умолчанию таблицы не
имеют рамок, т.е. n = 0. Атрибут WIDTH=n%, где n – целое число, позволяет
занять таблицей нужный процент от ширины экрана. Если знак процента опущен, то
считается, что n задает размер таблицы в пикселах.

Сразу после
тега
 можно вставить контейнер, создающий заголовок таблицы:

 текст заголовка
. Заголовок по умолчанию
располагается над таблицей слева. Другое выравнивание задается атрибутом ALIGN:

LEFT
– значение по умолчанию, заголовок над таблицей слева; TOP –заголовок над
таблицей по центру;
RIGHT – заголовок над таблицей справа;
BOTTOM – заголовок под таблицей по центру.
Если таблица имеет сложную структуру и какие-то ячейки
занимают несколько столбцов или строк, следует в тегах  или
 добавить атрибуты соответственно COLSPAN=n или ROWSPAN=n, где n –
количество столбцов (строк), на которые растянута данная ячейка. Например ,
COLSPAN=3 означает, что ячейка по ширине будет простираться на 3 колонки,
ROWSPAN=2 означает, что ячейка по высоте занимает две строки таблицы.
Пример.
Фрагмент кода, создающего показанную слева таблицу:

1

2

3

4

5

6

 1 	  2

7

8

9

10

11

12

 3
	  4 	  5 	  6

 7 	  8

 9 	  10
 11

12

Таблица создается по строкам. Для каждой строки
создается контейнер
…
, определяющий, какие ячейки и
информация должны находиться

в     этой строке. Атрибут ALIGN со
значениями LEFT, CENTER или RIGHT задает горизонтальное выравнивание во всех
ячейках строки. Атрибут VALIGN со значениями TOP, MIDDLE или BOTTOM –
вертикальное выравнивание (по умолчанию MIDDLE – по центру).

Для
оформления ячеек используются два вида контейнеров: …
(Table Head) и …	 (Table Data). Первый свою информацию
выравнивает по центру и изображает жирным шрифтом, второй выравнивает по

109

левому краю и использует обычный
шрифт. Обычно …	 используют для ячеек с заголовками строк
или столбцов, а …	 – для ячеек с данными таблицы. Можно
также оставить ячейку пустой, но, чтобы она была отображена на экране, следует
внести в нее &-последовательность   (см. п. 3).

Для оформления данных,
скомпонованных в виде таблицы, в теги
,
, ,
 добавляют атрибуты.

Основные
атрибуты тега
:
WIDTH – определяет ширину таблицы в пикселах или
процентах, по умолчанию ширина таблицы определяется содержимым ячеек;
ALIGN – определяет расположение таблицы в документе.
По умолчанию таблица прижата к левому краю страницы. Допустимые значения
атрибута: LEFT , CENTER и RIGHT;
BORDER – устанавливает толщину рамки в пикселах. По
умолчанию – 0 (таблица рисуется без рамки);
BORDERCOLOR – устанавливает
цвет рамки, по умолчанию черный. Цвет можно задавать английским словом или
шестнадцатеричным числом;

CELLSPACING – определяет расстояние между рамками
ячеек таблицы в пикселах;
CELLPADDING – определяет промежуток в пикселах между
рамкой ячейки и текстом внутри нее;
BGCOLOR – устанавливает
цвет фона для всей таблицы. По умолчанию белый. Цвет можно задавать английским
словом или шестнадцатеричным числом;

BACKGROUND
–  заполняет фон таблицы изображением (см.  п.  9).
Значением атрибута является
URL нужного файла.
Тег

, открывающий строку таблицы, может иметь такие атрибуты:
ALIGN – устанавливает горизонтальное выравнивание
текста во всех ячейках строки. Может принимать значения LEFT (по умолчанию),
CENTER и RIGHT;
VALIGN – устанавливает вертикальное выравнивание
текста в ячейках строки. Допустимые значения: TOP (выравнивание по верхнему
краю), MIDDLE (выравнивание по центру – это значение принимается по умолчанию),
BOTTOM (по нижнему краю);

BGCOLOR
– устанавливает цвет фона для строки.
Ячейки таблицы начинаются
тегами <TН> или . Для них предусмотрены следующие атрибуты:

ALIGN – устанавливает горизонтальное выравнивание
текста в ячейке. Может принимать значение LEFT, CENTER и RIGHT;
VALIGN – устанавливает вертикальное выравнивание
текста в ячейке. Допустимые значения: TOP, CENTER (это значение принимается по
умолчанию), BOTTOM;
WIDTH
– определяет ширину ячейки в пикселах;
HEIGHT
– определяет высоту ячейки в пикселах;

110

NOWRAP – присутствие этого атрибута
показывает, что текст должен размещаться в одну строку;
BGCOLOR
– устанавливает цвет фона ячейки;
BACKGROUND – заполняет фон ячейки
изображением. Значением атрибута является URL нужного файла.

9.
Использование изображений

Внесение в документ изображений, как правило,
существенно улучшает его внешний вид и делает его привлекательным для
просмотра. Файлы рисунков можно использовать как фон для основной информации
или же включать в документ как самостоятельные объекты. В Интернете обычно
используют изображения в формате GIF и JPEG (файлы с расширениями .gif и

.jpg).
Современные браузеры понимают и другие форматы графических файлов (например,
.png, .svg). Все они хорошо сжимают изображение, но в то же время прилично
сохраняют его цветовую гамму и детали.
Чтобы использовать рисунок в качестве фона , применяют
атрибут BACKGROUND. Его можно указывать в теге  (см. п . 3) и
табличных тегах
,
, ,  (см. п. 8).
Если размер рисунка больше размера площади, которую следует закрыть фоном, то
берется левая верхняя часть изображения, если меньше – рисунок повторяется,
пока вся отведенная под фон площадь не будет закрыта.
Рисунок в качестве
самостоятельного объекта (логотип фирмы, фотография и т. п.) вставляется тегом
 (IMaGe – изображение). Обязательный атрибут – SRC (SouRCe –
источник). Значением этого атрибута является URL файла с изображением.

URL обязательно надо выделять двойными кавычками и
следить, чтобы пробелы и регистры букв в названиях папок и файлов в точности
соответствовали оригиналу.
Примеры.
 – рисунок
picture.gif находится в том же каталоге, что и текущий документ;
 – из текущего каталога перейти в
подкаталог images и взять файл picture.gif оттуда;

 – подняться в родительский каталог,
оттуда перейти в каталог images и взять там рисунок picture.gif;

– указание полного пути к файлу. Обычно применяется, если
рисунок находится на другом сервере или используется файл с другого сайта.
Остальные атрибуты тега , перечисленные
ниже, оговаривают размеры и положение рисунка на странице, а также то, где
должен располагаться поясняющий текст:
BORDER=n – рамка вокруг рисунка, где n
– ее толщина в пикселах; WIDTH=n – задается ширина изображения в пикселах или в
процентах от

ширины экрана браузера (тогда
после n следует знак %);

111

HEIGHT=n – высота
изображения в пикселах или в процентах от высоты экрана;
HSPACE=n – отступ слева и
справа от картинки шириной в n пикселов (т.е. свободное пространство между
рисунком и текстом или чем-то иным);

VSPACE=n
– вертикальный отступ от картинки в пикселах; ALIGN=BOTTOM – по умолчанию.
Сопровождающий текст
выравнивается
по нижнему краю рисунка справа от него. Другие значения атрибута ALIGN,
приводящие к выравниванию текста справа от рисунка по его высоте: TOP – по
верхнему краю рисунка , CENTER или MIDDLE – по центру рисунка . Чтобы текст
обтекал рисунок, используются значения LEFT или RIGHT. Рисунок прижимается
соответственно к левому или правому краю экрана, а остальное пространство рядом
с ним занимает текст;
ALT="какой-то текст" – альтернативный текст
. Текст, который появляется вместо картинки, если по какой-либо причине
загрузка изображения не состоялась.
Пример:
 –
рисунок picture.gif находится в том же каталоге , что и текущий документ . В
том случае, если его не удается найти или открыть, в рамку, отведенную под
рисунок, будет выдан текст: Здесь должен быть рисунок

10.
Теги гиперссылок

Ссылки – инструмент,
позволяющий связывать между собой различные документы или обеспечивать быстрый
переход от одной части документа к другой. Браузер обычно выделяет ссылку
цветом и подчеркиванием. Курсор при наведении его на ссылку приобретает вид
указательного пальца. По двойному щелчку на ссылке браузер включает поисковые
средства и раскрывает заказанный документ либо поверх старого, либо в
специально оговоренном окне.

Ссылки создаются с помощью контейнера … (Add – добавлять). Обязательный атрибут – HREF (Hiper REFerence
– гиперссылка). При минимальном наборе атрибутов структура ссылки выглядит так:
 якорь ссылки  Примеры.
 нужный документ  – по двойному
щелчку на тексте нужный документ браузер раскроет документ filename.html,
находящийся в том же каталоге, что и текущий документ;

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

112

нужный документ  – ссылка с указанием полного адреса файла на другом
компьютере. По двойному щелчку на тексте нужный документ установится связь с
нужным компьютером и раскроется документ index.html, находящийся там по адресу
/business/fax/339/.

Другие
атрибуты тега :
TITLE ="поясняющий
текст"– всплывающая подсказка с пояснением к ссылке;

TARGET="имя окна" – указывает, в каком окне
следует раскрывать вызванный документ (подробнее см. п. 11).
Пример
(прокомментируйте сами):
 просмотр отчета
Замечание. Якорем ссылки
может быть любой объект, видимый в окне браузера, например, рисунок. Для этого
разместите  между тегами  и . Вокруг рисунка появится рамка, которая
показывает, что он является ссылкой. Ширина рамки задается атрибутом BORDER в
теге . Если рамка портит внешний вид документа, то укажите в
атрибутах рисунка BORDER=0. То, что это гиперссылка, будет видно только по
форме курсора, наведенного на рисунок.

Ресурсом, который вызывается по гиперссылке, может
быть любой файл, доступный через Интернет.
Примеры:
 нужная программа
 Такая ссылка по щелчку на словах нужная программа запустит протокол
передачи файлов (ftp) и произведет выгрузку файла file.exe из
каталога directory сервера servername на жесткий диск пользователя.

Пишите
письма  автору
В
окне браузера появится текст:
Пишите письма автору
Если
навести курсор на слово автору, то появится всплывающая подсказка
Ссылка на почтовый ящик Администратора
сайта. По двойному щелчку на слове  автору  будет  запущена  почтовая
программа  в  режиме  создания сообщений, и в поле Кому автоматически будет
введен адрес username@mail.ru Ссылки
можно делать не только на внешнюю информацию, но и на внутренние места
документа. Это облегчает просмотр больших документов. Разберем это на примере.
Допустим, электронный вариант этих методических указаний создается по
гипертекстовому стандарту. Тогда в начале каждого параграфа  необходимо
создать  метку,  на  которую  будет  указывать

гиперссылка.

Пример:
  или
 10.
В    первом случае после метки должен идти
заголовок параграфа вместе с номером, во втором – просто заголовок, т. е. при
организации метки

113

поясняющий текст в контейнере
… необязателен . Если он вставлен, то он не подчеркивается и
выглядит как обычный текст. Теперь Содержание можно оформить как список
гиперссылок. Символ # означает, что дальше идет метка внутри документа. Пункт
Содержания со ссылкой на п. 10 должен выглядеть так:

 10. Теги гиперссылок
На эту же метку можно будет перейти и из любого
другого места методических указаний. Например, ссылку со стр. 1 (п. 1) следует
оформить так:
 (см. п. 10)
Если гиперссылка указывает на внешний документ, то по
умолчанию в окно браузера выдается его начало. Если же нужная в нем информация
расположена дальше и обозначена меткой, то можно сразу же открыть документ на
этом месте, указав после имени файла метку (так же, как мы открываем книгу с
закладкой).
Пример:
http://www.sarf.spb.ru/study.htm#begin
Обратите внимание, что браузеры чувствительны к
регистру ссылок. Если Вы вместо "http://webs.web.com" наберете
"http://webs.Web.com", то получите нерабочую ссылку. Та же ситуация и
с расширениями: если у Вас ссылка на файл "index.htm", а там
находится "index.html", то результат тот же – нерабочая ссылка.
С
дополнительным материалом по теме
можно ознакомиться в литературе
[3, 5].

Задание
1

Составить
свое резюме по следующему плану (в общей сложности 4-5
строчек, вместо многоточий и
пояснений в скобках вставить свои данные):

Я, … (ФИО), родился … (дата
и год рождения) в городе … (место, где родились).

В
20… году окончил … школу (лицей,
гимназию) с углубленным изучением …, средний балл аттестата …
В
20… году поступил на специальность
… СГГА. Средний балл по первой сессии (аттестациям) …
В
свободное от учебы
время увлекаюсь … (перечислить не менее трех увлечений помимо учебы).

Порядок
выполнения.
1. Прочтите общие сведения о языке HTML (п.п. 1, 2
теоретических сведений об HTML).
2.
Подготовьте бланк для HTML-кода Вашего резюме. Для этого следует:
–
выполнить команду Пуск → Программы → Стандартные → Блокнот
→ Файл → Сохранить как…;
– задать имя файла
Резюме_Фамилия.html (вместо Фамилия должна стоять Ваша фамилия), сохранить файл
в своей рабочей папке.

114

Если все
сделано правильно, то в папке Вашей группы появится этот файл со значком
обозревателя, в противном случае – со значком блокнота. Тогда следует удалить
созданный файл и повторить все снова.

3.
Введите в созданный документ
стандартные теги:

Теги набираются с помощью латинских
букв, регистр (прописные или строчные) значения не имеет. Подробнее об этих
тегах см. п. 4.

4.
Внутри контейнера
напечатайте свое резюме. Сохраните
файл.
5.
Посмотрите, как выглядит набранный
текст без «украшательств». Для этого следует открыть созданный файл из папки
своей группы.
6.
Проведите первую коррекцию кода.
Для этого следует:
–
не закрывая браузер, перейти в окно Блокнота;
– вставить в контейнер  …
контейнер <TITLE> Резюме ФИО </TITLE> (вместо ФИО должна стоять
Ваша фамилия);
–
сохранить файл, перейти в окно браузера, нажать кнопку Обновить
(или
F5).
Посмотрите, как повлиял тег <TITLE> на информацию
в заголовке браузера.
7.
Проведите вторую коррекцию кода. Для этого следует:
–
не закрывая обозреватель, перейти в окно Блокнота;
– в открывающий тег
вставить атрибуты TEXT и BGCOLOR, значения цветов выбрать самим. Подробнее об
этих атрибутах в п. 4;

–
сохранить файл, перейти в окно браузера, нажать кнопку Обновить
(или
F5).
Посмотрите,
как изменился вид информации в окне браузера.
Если какой-то атрибут «не сработал», значит, допущены
ошибки в написании английских слов или пропущены пробелы между атрибутами.
Следует найти ошибки и повторить цикл коррекции кода.
Итак,
один цикл коррекции кода включает следующие действия: внесение
и
сохранение исправлений в окне
блокнота, переход в окно браузера и обновление его информации кнопкой Обновить
(F5). В дальнейших пунктах инструкции будут просто указываться изменения,
которые следует внести в код, а все остальные действия перечисляться не будут.
8.
Проведите третью коррекцию кода. Для этого следует:
–
после раздела «ФИО, где и когда родился», поставить тег абзаца
;
– после раздела «какую школу кончил,
средний балл аттестата» – тег разрыва строки
;

115

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

 и
, как действует тег
 со значениями атрибутов по
умолчанию.
9. Оформите
линию нестандартным способом. Для этого следует внести в тег

атрибуты длины, толщины, цвета и выравнивания линии (см. п. 6). Задайте длину
20 % – 50 % от ширины окна, выравнивание по центру, толщину 4 – 10 пикселей,
цвет – любой.

Посмотрите через браузер, как
действуют атрибуты на линию, созданную тегом
.

10. Измените вид шрифтов в разных частях резюме. Для
этого следует контейнером
 выделить свою фамилию, контейнером
 – город, где Вы родились, контейнером
 – информацию о
школе, контейнером  с атрибутами SIZE=7 COLOR=RED – информацию о факультете,
контейнером  с атрибутами SIZE=1 COLOR=GREEN – информацию о
приятелях, контейнером <В> выделить какое-нибудь увлечение. Подробнее об
этих тегах см. п. 5.

Просмотрите
через браузер, как действуют эти теги.
11. Оформите
часть текста в виде списка. Для этого следует контейнером
 выделить
блок об увлечениях, разбить его на пункты тегами
 (подробнее см. п.
7). Аналогично контейнером
 и тегами
 оформить в виде
маркированного списка перечень Ваших приятелей.

Посмотрите,
как выглядят стандартные списки.
12.
Измените нумерацию в списке. Для этого с помощью атрибутов TYPE
и
START поменяйте
нумерацию в списке увлечений (подробнее см. п. 7). Посмотрите, как изменится
стандартный нумерованный список при новых

атрибутах.

Задание 2

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

Таблица. Характеристики гостиниц

Название

Адрес

Тип номера

Цена за день

Люкс

$150

одноместный

Центральная

Пр. Мира, д. 4

Люкс

$250

двухместный

Одноместный

$80

Спортивная

Бульвар
  Профсоюзов, д. 15

Одноместный

$50

$80

Двухместный

Вокзальная

Привокзальная пл., д. 3

Четырехместный

$50

Порядок
выполнения.

116

1.
Подготовьте бланк
для HTML-документ и сохраните файл в своей рабочей папке под именем
Таблица_Фамилия.html (вместо Фамилия должна стоять Ваша фамилия).

2.
Введите в созданный документ
стандартные теги:

<TITLE> Таблица ФИО </TITLE>

Вместо
ФИО в контейнере <TITLE> должна стоять Ваша фамилия.
3.
Внутри контейнера
вставьте скелетные теги таблицы (см.
п. 8):

Характеристики
гостиниц

……..

Количество
контейнеров для строк рассчитывается так же, как в редакторе Word (по самому
мелкому дроблению). В нашем примере – 7.
Отцентрируйте
заголовок таблицы. Расположите ее на цветном фоне.
Выберите цвет для шрифта (см.
лабораторную работу № 1).

4.
Заполните первую
строку таблицы. Так как это «шапка» с названиями столбцов, для ячеек
используйте контейнеры  … 	. Окончательно контейнер первой
строки выглядит так:

 Название 	  Адрес
	  Тип номера 	  Цена за день

5.
Заполните вторую
строку таблицы. Так как это уже содержание таблицы, для ячеек используйте
контейнеры  … 	. Первая и вторая

117

ячейки
по высоте занимают 3 строки. Чтобы объединить их, добавьте атрибуты

ROWSPAN=3.
Окончательно контейнер второй строки выглядит так:

 Центральная
	  Пр. Мира, д. 4	  Люкс
одноместный 	  $150

6.
Заполните контейнер третьей строки
таблицы. Для ячеек по-прежнему используйте контейнеры  … 	.
Первая и вторая ячейки входят в объединенные раньше блоки, их объявлять не
надо. А третья и четвертая ячейки содержат новую информацию. Скопируйте
контейнеры соответствующих ячеек из второй строки и поменяйте в них содержимое.
Окончательно контейнер этой строки выглядит так:

 Люкс двухместный
	  $250

7.
Аналогично п. 6
заполните контейнер четвертой строки. Сохраните документ и просмотрите его
через браузер. В таблице пока нет разлиновки, но, если все сделано правильно,
структура расположения информации должна просматриваться.

8.
Добавьте в таблицу
сведения о гостинице Спортивная. Они располагаются в пятой и шестой строках.
Похожие строки находятся во второй

и
третьей строках таблицы, и теги,
создающие их, уже сформированы. Скопируйте теги из второй и третьей строк
соответственно в контейнеры пятой
и
шестой строк, замените содержание
ячеек. Так как здесь первая и вторая ячейки по высоте занимают только 2 строки,
поменяйте значение атрибута ROWSPAN. Получаем для новых строк:

 Спортивная
 Бульвар
Профсоюзов, д. 15 	  одноместный

 $50

двухместный 	  $80

9.
Добавьте в таблицу сведения о
гостинице Вокзальная. Они располагаются в седьмой строке. В ней нет объединения
ячеек, все четыре ячейки содержат новую информацию. Можно скопировать теги
второй строки, убрать в них атрибуты ROWSPAN и просто заменить информацию в
контейнерах ячеек:

118

Вокзальная

Привокзальная пл., д. 3

Четырехместный

$50

Сохраните
документ и просмотрите его через браузер.
10.
Форматирование  таблицы.
Добавьте  в  тег
  атрибуты
BORDER=3 WIDTH=70%
ALIGN=CENTER BGCOLOR=YELLOW BORDERCOLOR=MAROON (можно взять свои значения атрибутов).
Посмотрите через браузер,
как действуют эти атрибуты на вид таблицы. Добавьте атрибут CELLSPACING=0,
потом измените его на CELLSPACING=10. Посмотрите через браузер, за что отвечает
этот атрибут. Подробнее см. п. 8.

11.   Форматирование ячеек. Выделите
сведения, относящиеся к разным гостиницам, разной заливкой. Выровняйте по
центру ячеек цены номеров. Необходимые для этого сведения – в п. 8.

Задание 3

В
документ Таблица_Фамилия.html
вставить файл-картинку в виде фона для одной ячейки таблицы, затем для таблицы
в целом, затем для документа в целом. После таблицы вставить гиперссылку на
администратора конференции.
В
документ
Резюме_Фамилия.html вставить файл-фотографию, проверить разные варианты
обтекания изображения текстом.

Порядок
выполнения.
1.
Подготовьте необходимые для работы файлы. Для этого нужно:
– с помощью функции Windows
"Найти Файлы и папки" найти все файлы на диске С с расширением *.jpg;

–
из полученного списка выбрать три файла с изображениями пейзажей и один с
изображением человека, скопировать их в в свою рабочую папку;
–
в своей папке создать новую папку с именем Сайт_Фамилия;
–
открыть в папке своей группы файл Таблица_Фамилия.html;
–
в окне браузера выполнить команду Вид → Показать код HTML.
2.
Создайте фон в разных частях
документа. Для этого нужно:
– в открывающий тег какой-нибудь ячейки таблицы
вставить атрибут BACKGROUND="имя файла-пейзажа с расширением". В
результате тег должен выглядеть примерно так:

–
сохранить код с исправлением и просмотреть его в окне браузера. В ячейке в виде
фона отображен левый верхний угол картинки;
– скопировать атрибут
BACKGROUND="…" в открывающий тег
, заменить название
файла на файл другого пейзажа. Сохранить код с исправлением и просмотреть его в
окне браузера. Теперь вся таблица изображается на фоне второй картинки, а в
ячейке по-прежнему сохраняется предыдущий фон;

119

– скопировать
атрибут BACKGROUND="…" в открывающий тег , заменить
название файла на файл третьего пейзажа. Сохранить код с исправлением и
просмотреть его в окне браузера. Фон, указанный в , заполняет все
окно браузера, а фон, заказанный во внутренних тегах, распространяется только
на область их действия.

Вывод:
внутренние назначения заменяют внешние.
3. Проанализируйте способы указания
адресов нужных файлов (URL). Для этого сделайте следующие манипуляции:

– перенесите в папку Сайт_Фамилия все файлы пейзажей,
нажмите кнопку Обновить в окне браузера. Фон пропал;
– в атрибутах BACKGROUND="…" добавьте перед
именами файлов название папки, в которой они находятся. В результате получим
примерно это:
BACKGROUND="Сайт_Иванов\море.jpg"
Сохраните
изменения и просмотрите их через браузер. Фон появился. Прочтите п. 6 (фрагмент
про относительный URL) и просмотрите примеры п. 9 при разных ссылках на файлы.
В нашем примере мы сделали ссылку на файл в дочерней папке;

– поменяйте местами файл с таблицей и файлы пейзажей
(файл с таблицей – в папку Сайт…, а файлы пейзажей – в папку своей группы),
закройте окно браузера и откройте таблицу снова из папки Сайт… Фон опять
пропал;

– в атрибутах BACKGROUND="…"
замените название дочерней папки на значок родительской. В результате получим
примерно это:

BACKGROUND="..\море.jpg"
Сохраните изменения и просмотрите их через браузер.
Фон появился. В этом примере мы сделали ссылку на файл в родительской папке.
Вывод: самый простой URL получается, если все файлы,
необходимые для просмотра документа, находятся в одной папке. В противном
случае надо указывать пути к ним.
4.
Добавьте первую гиперссылку. Для этого нужно:
– в код документа с таблицей после закрывающего тега

 добавить текст.
Ответственный за размещение гостей  … (Ваша фамилия)
Внимание! В
атрибуте HREF при указании пути и названия файла Вашего резюме следует
соблюдать все регистры букв и пробелы. Сохраните изменения

и
просмотрите их через браузер;
– сделайте двойной щелчок на появившейся гиперссылке.
Если гиперссылка не раскрыла Ваше резюме, проверьте правильность составления
пути и названия файла в атрибуте HREF контейнера  …. Чтобы
вернуться к документу с таблицей, следует нажать кнопку Назад в окне браузера
или вставить в код резюме другую гиперссылку примерно такого вида:
 Вернуться к таблице?

120

Подробнее
о гиперссылках и их атрибутах см. п. 10.

5.
Добавьте гиперссылку на почтовый
ящик e-mail. Для этого нужно в код документа с таблицей после контейнера с
первой гиперссылкой добавить строку:
Сообщите
нам о нужном Вам номере по
e-mail
Сохраните изменение и просмотрите
результат. Сделайте двойной щелчок на этой гиперссылке. Просмотрите окно
создания сообщения. Прочтите в п. 6 о структуре URL и разберите в п. 10 примеры
различных гиперссылок. Добавьте во все гиперссылки атрибут TITLE с
какими-нибудь поясняющими надписями.

6.
Вставьте
изображение как самостоятельный объект. Для этого откройте файл с Вашим резюме.
После сведений о том, где Вы родились, вставьте тег  (вместо многоточия укажите URL своего файла с
изображением человека). Сохраните и просмотрите изменение. Добавьте в тег
 атрибуты размеров картинки, сделайте ей окантовку в виде толстой
рамки, поэкспериментируйте с вариантами разного расположения текста около нее.
Необходимые для этого сведения см. в п. 9.

Варианты
задания

Создать
сайт из 5 документов на выбранную тему. Минимальный набор
средств языка HTML, который
должен быть использован в документах:
–
разные приемы форматирования текста;
–
оформление списков;
–
оформление таблиц;
–
гиперссылки;
–
использование изображений.
Возможные темы сайтов :
любимая вокальная группа, театральный коллектив, спортивная команда, автор
любимых книг, Ваш город, какой-нибудь курорт, вид спорта, отдыха, реклама
какой-нибудь фирмы, себя любимого и т. п.

В
документе Приветствие.html можно
использовать в качестве самостоятельного объекта изображение логотипа фирмы,
фотографию на тему сайта, а также разместить краткое пояснение того, чему
посвящен Ваш сайт в целом, как двигаться по нему.
В    документах Пункт1.html, Пункт2.html,
Пункт3.html, Пункт4.html можно разместить разные группы информации по выбранной
теме. Например, если выбрана тема «спортивная команда», Пункт1.html может
содержать текстовые сведения об истории ее создания, Пункт2.html – список
игроков, Пункт3.html – таблицу игр.

Документ Приветствие.html должен
содержать гиперссылки на Пункт1.html, Пункт2.html, Пункт3.html, Пункт4.html.

Содержание отчета

121

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

Технология выполнения работы

В
данной работе с
помощью языка разметки HTML должны быть созданы 5 web-страниц, оформленных с
помощью основных html-тегов.

Вопросы для защиты работы

1.
Дайте определение понятиям
"HTML", "гиперссылка", "браузер",
"тег".
2.
Общая структура тегов.
3.
В каких случаях используются
&-последовательности и комментарии?
4.
Расскажите об общей структуре
html-документа.
5.
Перечислите теги форматирования
шрифта.
6.
Как оформляются смысловые части
текста и списки?
7.
Создание таблиц с помощью языка
HTML.
8.
Приведите примеры использования
графических изображений в html-документе.
9.
Как создать гиперссылку?

file_name: ЛАБРАБОТА СОЗДАНИЕ WEB.docx

alt: ЛАБРАБОТА СОЗДАНИЕ WEB-СТРАНИЦ

alt: Таблица 3. Основные атрибуты тегов

alt: COLOR – цвет линии. По умолчанию

alt: По умолчанию таблицы не имеют рамок, т

alt: A HREF="http://www.fortunecity

alt: A>…</A> необязателен . Если он вставлен, то он не подчеркивается и выглядит как обычный текст

alt: Если все сделано правильно, то в папке

alt: HR>. Подробнее об этих тегах см

alt: Чтобы объединить их, добавьте атрибуты

alt: TD> Вокзальная </TD> <TD> Привокзальная пл

alt: BACKGROUND="…" в открывающий тег <BODY>, заменить название файла на файл третьего пейзажа

title: Лабораторная  работа по информатике и ИКТ