Тесты и задания

75 задач по теме «Кодирование и передача информации

Дуженко Галина Владимировна

учитель информатики и ИКТ

МОУ СОШ №2

Павлово-Посадского района

Московской области

Пояснительная записка

Изучение темы «Кодирование информации» производится с 8 по 11 класс. Кроме теоретических сведений, при изучении этой темы большое внимание уделяется решению задач, причем для разных учебных параллелей и профилей, — на разном уровне сложности.  Вместе собраны 75 задач разного типа на соотношение единиц измерения и передачу информации, на кодирование текстовой, графической, аналоговой информации и определение информационного объема файлов. В каждом подразделе задания расположены в порядке увеличения уровня сложности.

Задания могут быть использованы на уроках с 8 по 11 класс, в том числе и при подготовке к ЕГЭ.

Задания на соотношение единиц измерения информации

1. 225 бит – сколько Мбайт?
2. Найти значение Х из соотношения 42-хКб=16Мб
3. Найти Х, при котором равны информационные объемы 32х+3 килобайт и 256х мегабайт.

Задания на использование формулы Хартли и применение вероятностного подхода к измерению информации

4. Сколько различных звуковых сигналов можно закодировать с помощью 8 бит?
5. Сколько нужно бит, чтобы закодировать алфавит из 64 символов?
6. Когда Вы подошли к светофору, горел желтый свет. Затем зажегся красный. Какой объем информации Вы получили в момент, когда зажегся красный?
7. Какое количество информации несет сообщение о том, что человек живет в первом или втором подъезде, если в доме 16 подъездов?
8. Измеряется температура воздуха, которая может быть целым числом от -30 до 34 градусов. Какое наименьшее количество бит необходимо, чтобы закодировать одно измеренное значение?
9. Метеорологическая станция ведет наблюдение за влажностью воздуха. Результатом одного измерения является целое число от 0 до 100 процентов, которое записывается при помощи минимально возможного количества бит. Станция сделала 80 измерений. Определите информационный объем в байтах результатов наблюдений.
10. В велокроссе участвуют 779 спортсменов. Специальное устройство регистрирует прохождение каждым из участников промежуточного финиша, записывая его номер с использованием минимально возможного количества бит, одинакового для каждого спортсмена. Каков информационный объем сообщения (в байтах), записанного устройством, после того как промежуточный финиш прошли 280 велосипедистов?
11. Для передачи сигналов на флоте используются  специальные сигнальные флаги,  вывешиваемые  в  одну  линию (последовательность  важна). Какое количество  различных  сигналов  может  передать  корабль  при  помощи трех  сигнальных  флагов,  если  на  корабле  имеются  флаги  четырех различных видов (флагов каждого вида неограниченное количество)?
12. Каждый  элемент  светового  табло  может  гореть  одним  из 4 цветов. Какое  наименьшее  количество  элементов  должно  работать,  чтобы можно было передать 500 различных сигналов?
13. Азбука Морзе позволяет кодировать символы для радиосвязи, задавая комбинацию точек и тире. Сколько различных символов (цифр, букв, знаков пунктуации и т.д.) можно закодировать, используя код Морзе длиной не менее пяти и не более шести сигналов (точек и тире)?
14. Некоторое сигнальное устройство за одну секунду передает один из трех специальных  сигналов.  Какое  количество  различных  сообщений  можно передать при помощи этого устройства за четыре секунды?
15. Одна ячейка памяти «троичной ЭВМ» (компьютера, основанного на использовании троичной системы счисления) может принимать одно из трех возможных состояний. Для хранения некоторой величины отвели 6 ячеек памяти. Сколько различных значений может принимать эта величина?
16. В ящике белые и черные шары. Черных среди них 2. Сообщение о том, что достали черный, несет 4 бита информации. Сколько белых шаров в ящике?
17. К празднику надували белые и синие шарики. Белых шариков  24. Сообщение о том, что лопнул синий шарик, несет 2 бита информации. Сколько всего надули шариков?
18. Два исполнителя Шалтай и Болтай проставляют 0 и 1 в каждую из имеющихся в их распоряжении клеточку. Шалтай может закодировать 512 символов и у него на две клеточки больше, чем у Болтая. Сколько клеток в распоряжении у Болтая?
19. Каждая  клетка  поля 8×8  кодируется  минимально  возможным  и одинаковым  количеством  бит.  Решение  задачи  о  прохождении «конем» поля  записывается последовательностью  кодов посещенных клеток . Каков объем информации в битах после 11 сделанных ходов? (Запись решения начинается с начальной позиции коня).
20. Учитель,  выставляя  в  журнал  четвертные  оценки  по  биологии  за третью четверть (3, 4, 5), обратил внимание, что комбинация из трех четвертных  оценок  по  этому  предмету  у  всех  учеников  различна. Какое может быть максимальное количество учеников в этом классе?
21. В ящике находится 32 теннисных мяча, среди которых есть мячи желтого цвета. Наудачу вынимается один мяч. Сообщение «извлечен мяч НЕ желтого цвета» несет 4 бита информации. Сколько желтых мячей в ящике?
22. В некоторой стране автомобильный номер длиной 6 символов составляют из заглавных букв (задействовано 30 различных букв) и десятичных цифр в любом порядке. Каждый такой номер в компьютерной программе записывается минимально возможным и одинаковым целым количеством байт (при этом используют посимвольное  кодирование и все символы кодируются одинаковым и минимально возможным количеством бит). Определите объем памяти в байтах, отводимый этой программой для записи 50 номеров.
23. Программа генерирует N-символьные пароли следующим образом: в качестве символов используются десятичные цифры, а также строчные и прописные латинские буквы в любом порядке (в латинском алфавите 26 знаков). Все  символы кодируются одним и тем же минимально возможным количеством бит и записываются на диск. Программа сгенерировала 128 паролей и записала их в файл  подряд, без дополнительных символов. Размер полученного файла составил 1,5 Кбайта. Какова длина пароля (N)?
24. В ящике лежат красные, белые и черные кубики. Сообщение о том, что достали красный кубик, несет 5 бит информации. Вероятность извлечения черного кубика в 2 раза больше, чем красного. Сколько информации несет сообщение об извлечении черного кубика?
25. Склад сети магазинов Медиамания получил от поставщика партию телевизоров, компьютеров и музыкальных центров. Из них 27 телевизоров. Для проверки качества поступившей аппаратуры товаровед случайным образом выбирает одну из поступивших на склад коробок. Информационный объем сообщения «Для проверки выбран не телевизор» равен 4-log27 бит. Количество информации в сообщении «Для проверки выбран не компьютер» равно log23-1 бит. Найти количество поступивших на склад компьютеров.
26. Злой экзаменатор никогда не ставит пятерок по информатике. По причине своей зловредности он заранее определил количество отметок каждого вида и произвольно расставил их абитуриентам. Количество информации, содержащееся в сообщении «Абитуриент Иванов не провалился на экзамене», равно log23 бит. Информационный объем сообщения «Абитуриент Сидоров получил тройку» равен двум битам. 22 абитуриента получили двойку или тройку. Найти количество абитуриентов, сдавших информатику.

Задачи на кодирование текстовой информации и определение объема текстового файла

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

Тысячи путей ведут к заблуждению, к истине – только один.

28. Определить объем памяти в Кбайтах, занимаемый текстом из 60 страниц по 512 символов на каждой странице. (кодировка ASCII)
29. Сообщение занимает 3 страницы и содержит 7950 байтов информации. Сколько строк на странице, если символов в каждой строке 25 и использована кодировка Unicode?
30. Определить максимальное количество страниц текста, содержащего по 80 символов в каждой строке и 64 строки на странице, которое может содержать файл, сохраненный на гибком магнитном диске объемом 10Кбайт. (кодировка ASCII)
31. Автоматическое устройство осуществило перекодировку информационного сообщения на русском языке, первоначально записанного в коде Windows-1251, в кодировку Unicode. При этом информационное сообщение увеличилось на 400 бит. Какова длина сообщения в символах?
32. Автоматическое  устройство  осуществило  перекодировку информационного  сообщения  на  русском  языке,  первоначально записанного  в 16–битном  коде Unicode,  в 8–битную  кодировку Windows–1251, при этом информационный объем сообщения составил 60 байт. Определите информационный объем в битах сообщения до перекодировки.
33. Два текста содержат одинаковое количество символов. Первый текст составлен в алфавите мощностью 8 символов, второй – 16 символов. Во сколько раз отличается количество информации в этих текстах?
34. Информационное сообщение объемом 1,5 Кбайта содержит 3072 символа. Сколько символов содержит алфавит, с помощью которого было записано сообщение?
35. Сколько символов содержит сообщение, написанное с помощью 16-символьного алфавита, если объем его составил 3/16 Кбайта?
36. В алфавите некоторого языка всего две буквы А и Б. Все слова этого языка состоят из 11 букв. Каков максимальный словарный запас этого языка?
37. Два сообщения содержат одинаковое количество информации. Количество символов в первом тексте в 2,5 раза меньше, чем во втором. Сколько символов содержат алфавиты, с помощью которых записаны сообщения, если известно, что размер каждого алфавита не превышает 32 символов и на каждый символ приходится целое число битов?
38. Для записи текста использовался 256-символьный алфавит. Каждая страница содержит 30 строк по 70 символов в строке. Какой объем информации в байтах содержит 5 страниц текста?
39. В языке некоторого племени всего 16 букв. Все слова состоят из 5 букв, всего в языке 8000 слов. Сколько памяти в байтах потребуется для хранения всех слов этого языка?
40. В некоторой кодировке слово из 20 букв занимает на 42 байта больше, чем слово из шести букв. Сколько бит отводится на одну букву, если под все символы этой кодировки отводится равный объем памяти?
41. Текст, записанный с помощью 16-ти символьного алфавита, занимает 10 полных секторов на односторонней дискете объемом 180 Кбайт. Дискета разбита на 40 дорожек по 9 секторов. Сколько символов содержит этот текст?
42. Система оптического распознавания символов позволяет преобразовывать отсканированные изображения страниц документа в текстовый формат со скоростью 4 страницы в минуту и использует алфавит мощностью 256 символов. Какое количество информации в байтах будет нести текстовый документ после 5 минут работы приложения, страницы которого содержат 40 строк по 50 символов?

Задания на кодирование графической информации и определение объема графического файла

43. Для хранения изображения размером 128×128 точек выделено 4 Кбайт  памяти. Определите, какое максимальное число цветов в палитре
44. 16-цветный рисунок содержит 500 байт информации. Из скольких точек он состоит?
45. Определить требуемый объем (в мегабайтах) видеопамяти для реализации графического режима монитора с разрешающей способностью 1024×768 пикселей при количестве отображаемых цветов 4 294 967 296.
46. Определить объем видеопамяти в Кбайтах для графического файла размером 1240×480 пикселей и глубиной цвета 16 бит
47. Определить объем видеопамяти в Килобайтах для графического файла размером 640×480 пикселей и палитрой из 32 цветов
48. После преобразования графического изображения количество цветов уменьшилось с 256 до 32. Во сколько раз уменьшился объем занимаемой им памяти?
49. Цветной  сканер имеет разрешение 1024×512 точек на дюйм. Объем памяти, занимаемой просканированным изображением размером 2×4 дюйма, составляет около 8 Мбайт. Какова выраженная в битах глубина представления цвета сканера?
50. Цвет пикселя, формируемого принтером, определяется тремя составляющими: голубой, пурпурной и желтой. Под каждую составляющую одного пикселя отвели по 4 бита. В какое количество цветов можно раскрасить пиксель?
51. Цвет пикселя монитора определяется тремя составляющими: зеленой, синей и красной. Под красную и синюю составляющие отвели по 5 бит. Сколько бит отвели под зеленую составляющую, если растровое изображение размером 8×8 пикселей занимает 128 байт?
52. После преобразования растрового 256-цветного графического файла в черно-белый двуцветный формат его размер уменьшился на 70 байт. Каков был размер исходного файла в байтах?
53. В процессе преобразования растрового графического файла его объем уменьшился в 1,5 раза. Сколько цветов было в палитре первоначально, если после преобразования получено изображение того же разрешения в 256-цветной палитре?
54. Фотография размером 10×10 см была отсканирована с разрешением 400 dpi при глубине цвета 24 бита. Определите информационную емкость полученного растрового файла в килобайтах. Примечание: принять 1 дюйм = 2,5 см
55. Для кодирования цвета фона интернет-страницы используется атрибут , где в кавычках задаются шестнадцатеричные значения интенсивности цветовых компонент в 24-битной цветовой модели RGB. Какой цвет будет у страницы, задаваемой тегом ?
56. В цветовой модели RGB графического редактора Paint.NET установлены следующие десятичные параметры цвета: 127, 127, 127. Какой цвет будет соответствовать этим параметрам?

Задания на кодирование аналоговой информации и определение объема звукового файла

57. Определить информационный объем в Кбайтах моноаудиофайла длительностью звучания 8 сек при глубине звука 8 бит и частоте 8 кГц
58. Определить длительность звучания стереоаудиофайла, занимающего 468,75 Кбайт памяти при глубине звука 16 бит и частоте 48 кГц
59. Музыкальная запись выполнена в формате CDDA (частота дискретизации 44100 Гц, 16 бит, стерео) и имеет продолжительность 19 мин 20 cек. Сколько секунд займет передача этой записи по каналу с пропускной способностью 16000 байт/сек?
60. При переводе в дискретную форму аналогового сигнала длительностью 2 мин 8 сек использовалась частота дискретизации 32 Гц и 16 уровней дискретизации. Найти в байтах размер полученного кода аналогового сигнала.

Задания на передачу информации по каналам связи и определение информационного объема файлов разных типов

61. Скорость передачи данных через ADSL-соединение равна 1240 Кбит/cек. Через данное соединение в течение 2 секунд передают файл. Определите размер файла в килобайтах.
62. Скорость передачи данных через ADSL-соединение равна 1024 000 бит/c. Через данное соединение передают файл размером 2500 Кбайт. Определите время передачи файла в секундах.
63. Пользователь компьютера, хорошо владеющий навыками ввода информации с клавиатуры, может вводить в минуту 100 знаков. Мощность алфавита, используемого в компьютере, равна 256. Какое количество информации в битах может ввести пользователь в компьютер за 1 минуту?
64. В течение 5 секунд было передано сообщение объемом 375 байт. Каков размер алфавита, с помощью которого оно было записано, если скорость передачи 200 символов в секунду?
65. Алфавит некоторого языка состоит из 32 символов. За сколько секунд можно передать текст из 1600 оптимального закодированных символов этого алфавита при скорости передачи 100 байт/сек
66. Сколько секунд потребуется модему, передающему сообщения со скоростью 28 800 бит/сек, чтобы передать цветное растровое изображение размером 800×600 пикселей при условии, что цвет пикселя кодируется тремя байтами?
67. Сколько минут потребуется модему, передающему сообщения со скоростью 51200 бит/сек, чтобы передать цветное растровое изображение размером 800×600 пикселей при условии, что в палитре около 4 миллиардов цветов?
68. Вычислить объем видеофайла (в Гбайтах) длительностью 64 сек, скоростью смены кадров равной 32 кадров/сек, разрешении 1280*×640 точек и разрядностью цвета 16 бит. Объемом звуковой составляющей видеоклипа можно пренебречь.
69. Модем, передающий информацию со скоростью 16 384 бит/сек, передал цветное растровое изображение за 4 мин 16 сек. Укажите максимальное число цветов в палитре изображения, если известно, что его размер составил 1024×512 пикселей.
70. Документ состоит из текстовой и графической информации. Текст содержит 30 строк по 30 символов в каждой в кодировке ASCII. Размер черно-белого изображения составляет 120×300 точек. Определить информационный объем этого изображения в байтах.
71. Документ содержит несколько страниц текста, на каждой 60 строк по 30 символов в кодировке КОИ-8,  и две иллюстрации размером 120×240 пикселей, в каждом изображении используется не более 8 различных цветов. Модем, работающий со скоростью передачи 28800 бит/сек, передал этот документ за 8 сек. Определите, сколько страниц в тексте.
72. Текст подготовлен для передачи по сети и содержит 51200 символов. Каждый символ кодируется двумя байтами и во избежание искажений передается трижды. Время передачи текста составило 64 секунды. Определите скорость передачи в байт/сек.
73. Данные объемом 16 Мбайт поступают на компьютер по линии со скоростью передачи данных 32 Мбит/сек. После получения 4 Мбайт компьютер начинает одновременно передавать эти данные по другой линии связи со скоростью 4 Мбит/сек. Сколько секунд пройдет от начала приема данных по высокоскоростному каналу до полной передачи их по низкоскоростному каналу?
74. У Оли есть доступ к сети Интернет по высокоскоростному одностороннему радиоканалу, обеспечивающему скорость получения информации 221 бит  в  секунду. У Маши нет скоростного доступа в Интернет, но есть возможность получать информацию от Оли по низкоскоростному телефонному каналу со средней скоростью 213 бит в секунду. Маша договорилась с Олей, что та будет скачивать для нее данные объемом 8 Мбайт по высокоскоростному каналу и ретранслировать их Маше по низкоскоростному каналу. Компьютер Оли может  начать ретрансляцию данных не раньше, чем им будет получен 1 Мбайт этих данных. Сколько Кбайт успеет скачать Маша к моменту окончания скачивания информации Олей?
75. Книга, состоящая из 1360 страниц, занимает 40 Мбайт. Часть страниц книги является цветными изображениями в формате 320×640 точек. На одной странице книги с текстом размещается 1024 символа. Символы закодированы кодировкой ASCII. Количество страниц с текстом на 560 больше количества страниц с изображениями. Сколько цветов используется в палитре изображений?

ОТВЕТЫ

1. 4 Мбайт
2. Х = -5
3. Х = 5/3
4. 256 символов
5. 6 бит
6. 1 бит
7. 3 бита
8. 7 бит
9. 70 байт
10. 350 байт
11. 64 сигнала
12. 5 элементов
13. 96 символов
14. 81 сообщение
15. 729 значений
16. 30 шаров
17. 32 шара
18. 7 клеток
19. 72 бита
20. 27 учеников
21. 30 мячей
22. 20 байт
23. 12 символов
24. 4 бита
25. 162 компьютера
26. 24 абитуриента
27. 466 бит
28. 30 Кбайт
29. 53 строки
30. 2 страницы
31. 50 символов
32. 960 бит
33. в 1 1/3 раза
34. 16 символов
35. 384 символа
36. 2048 слов
37. 4 и 32 символа
38. 10 500байт
39. 20 000 байт
40. 24 бита
41. 10 240 символов
42. 40 000 байт
43. 4 цвета
44. 1000 точек
45. 3 Мбайт
46. 1162,5 Кбайт
47. 187,5 Кбайт
48. в 1,6 раза
49. 16 бит
50. 4096 цветов
51. 6 бит
52. 80 байт
53. 4096 цветов
54. 7500 Кбайт
55. желтый
56. серый
57. 62,5 Кбайт
58. 2,5 сек
59. 6394,5 сек
60. 3 Кбайт
61. 310 Кбайт
62. 20 сек
63. 800 бит
64. 8 символов
65. 10 сек
66. 400 сек
67. 5 мин
68. 3,125 Гбайт
69. 256 цветов
70. 5400 байт
71. 10 страниц
72. 4800 байт/сек
73. 33 сек
74.  20 Кбайт
75. 16 цветов

Использованная литература

1. Якушкин П.А., Ушаков Д.М. Самое полное издание типовых вариантов заданий ЕГЭ: 2011. Информатика.– М.: АСТ, Астрель, 2011
2. Чуркина Т.Е.ЕГЭ 2011. Информатика. Практикум по выполнению типовых тестовых заданий ЕГЭ. – М.: Экзамен, 2011.
3. Угринович Н.Д. Информатика и ИКТ: учебник для 9 класса – М.: БИНОМ. Лаборатория знаний, 2011.
4. Угринович Н.Д. Информатика и ИКТ. Профильный уровень: учебник для 10 класса. – М.: БИНОМ. Лаборатория знаний, 2010
5. Макарова Н.В. Информатика и ИКТ. Подготовка к ЕГЭ – СПб.: Питер, 2009
6. Соловьева Л.Ф. Информатика и ИКТ. Учебник-практикум на DVD. – «БХВ-Петербург», 2007
7. Соколова О.Л. Универсальные поурочные разработки по информатике. 10 класс. М.: ВАКО, 2006
8. http://fipi.ru/view/sections/160/docs/
9. http://fipi.ru/view/sections/217/docs/514.html
10. http://fipi.ru/view/sections/211/docs/449.html
11. http://fipi.ru/view/sections/197/docs/388.html
12. http://kpolyakov.narod.ru/school/ege.htm
13. Диагностические и тренировочные работы МИОО 2009-2010, 2010-2011 (http://www.alleng.ru/d/comp/com_ege-tr.htm)
14. http://festival.1september.ru:8081/articles/413968/
15. http://festival.1september.ru/articles/500534/pril1.doc
16. http://wiki.iteach.ru/images/f/fe/Лазарева_примеры_реш_задач.pdf

Тема: «Комплексные задания по электронным таблицам»

1. Загрузите программу Microsoft Excel.
2. Добавьте к имеющимся трем еще один Лист4.
3. Переименуйте листы следующим образом:

• Лист 1 – Выручка
• Лист 2 – Себестоимость
• Лист3 – График
• Лист 4 - Прибыль

4. На лист Выручка занесите и оформите таблицу.

Произведите следующие расчеты:

• в столбце Всего за 6 лет, долл. – суммирование по строке. «=СУММ(C4:C10)»
• в столбце Доля в общей выручке – вычисление доли каждого магазина в общей выручке в %.   «=100/I$11*I4»
• в столбце Ранг – расстановка магазинов по местам с помощью функции РАНГ. «=РАНГ(J4;J$4:J$10)»
• в столбце Тенденция за последние 3 года должны быть следующие слова:

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

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

Неизменное состояние – если на протяжении последних трех лет неизменна.

Нестабильные изменения – во всех остальных случаях.

«=ЕСЛИ(И(F4ЕСЛИ(И(F4>G4;G4>H4);"Стабильное снижение";"Нестабильные изменения"))»

5. На лист Себестоимость занесите и оформите следующую таблицу:

Произведите следующие расчеты:

• в столбце Всего за 6 лет – суммирование по строке   «=СУММ(C4:H4)».
• в столбце Среднегодовая стоимость – вычислите среднее значение «=СРЗНАЧ(C4:H4)».
• в столбцах Максимальная себестоимость и Минимальная себестоимость используйте функцию МАКС и МИН. «=МАКС(C4:H4)», «=МИН(C4:H4)».
• В строке Итого- просуммируйте соответствующие столбцы. «=СУММ(C4:C10)»

6. На листе График постройте график выручки по годам во всех магазинах.

7. На листе Прибыль занесите и оформите третью таблицу

Произведите расчеты:

• Прибыль – рассчитывается по формуле: “Выручка” – “Себестоимость”.  « =Выручка!C4-Себестоимость! C4»
• Прибыль и Долю рассчитывайте аналогично первой таблице. «=Выручка!I4-Себестоимость!I4», «=100/H$11*H4»

На этом же листе расположите две диаграммы:

круговую диаграмму – отражающую долю магазинов в общей прибыли,

объемную нормированную гистограмму для отражения прибыли магазинов по годам.

8. Сохраните работу в своей папке под именем  Books.xls

Введение

Цель занятий — изучение основных концепций HTML, необходимых для понимания принципов разработки документов для Интернета.

Сегодня Интернет является одним из самых современных и революционных средств передачи информации. Интернет состоит из многочисленных компьютерных сетей, объединенных в одну глобальную сеть и обменивающихся между собой информацией. В настоящее время особенно быстро развивается часть Интернета, называемая World Wide Web (WWW или просто Web). В WWW содержится информация, представленная в текстовом, графическом, видео- и аудиоформатах.

HTML-формат

Основным форматом Web-документов, составляющих содержимое узлов Web, является Hypertext Markup Language (HTML — язык разметки гипертекста). HTML представляет собой совокупность достаточно простых команд, которые втавляются в исходный текст документа (ASCII-файл) и позволяют управлять представлением этого документа на экране дисплея. Таким образом,текст, подготовленный в любом текстовом редакторе и сохраненный в обычном ASCII-формате, становится Web-страницей (HTML-документом) после добавления в него ряда команд языка HTML.

Работа с тэгами.

Команды HTML задаются с помощью специальных элементов, называемых тэгами (tag). Тэги позволяют управлять представлением информации на экране при отображении HTML-документов специальными программами — браузерами , или обозревателями (от англ. browse — просматривать), такими, как Microsoft Internet Explorer или Netscape Navigator.

Тэг имеет вид строки символов, заключенной между символами “<” и “>”. Например, <BR> — это тэг переноса строки.

Существуют два типа тэгов:

• одноэлементный тэг, который достаточно просто вставить в текст для того, чтобы совершить какое-либо действие;

• парный тэг, который влияет на текст, заключенный между точкой, где употреблен тэг, и точкой, в которой указан признак завершения команды. Признак завершения команды — это тот же самый тэг, только начинающийся с символа “/”. Например, и  — признаки начала и окончания текста документа.

Как работают браузеры

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

Файлы HTML — это обычные текстовые файлы, имеющие расширение НТМ. Будем использовать для создания и редактирования файлов HTML стандартную программу Блокнот (Notepad), входящую в комплект Windows, а для просмотра результата создания Web-страниц — браузер Microsoft Internet Explorer.

Определение HTML-файла.

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

Вы указали, что ваш документ действительно содержит команды HTML, вы должны разбить документ на две части — заголовок и собственно текст.

Определение заголовка.

Определение заголовка должно содержаться внутри тэга  ...:

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

Определение тела документа.

Весь остальной HTML-документ, включая весь текст, содержится внутри тэга  .... Теперь наш документ выглядит примерно так:

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

Однако следует приучить себя всегда указывать эти тэги — и вам не придется беспокоиться по поводу редактирования документа, если в будущем эти тэги станут необходимы.

Задание 1. Создание простейших файлов HTML.

1. Создайте в своем каталоге папку KURS, в которой мы будем сохранять сконструированные Web-страницы.

2. Запустите программу Блокнот (Notepad).

3. Наберите в окне редактора простейший текст файла HTML:

4. Сохраните файл под именем RASP.HTM.

5. Для просмотра созданной Web-страницы загрузите браузер Microsoft Internet Explorer.

6. Выполните команду Файл (File), Открыть (Open), Просмотр (Обзор, Browse), найдите в папке KURS файл RASP.HTM и загрузите его. Убедитесь, что название Web-страницы (“Учебный файл HTML”) отразилось в верхней, статусной, строке браузера.

На экране вы увидите результат своей работы,изображённый на рис.1.

Рис.1.

Задание 2. Управление расположением текста на экране.

1. При необходимости выполните пункты 5 — 6 задания 1.

2. Откройте первоисточник созданной вами Web-страницы, выполнив команду Вид (View), Источник (В виде HTML). Откроется окно программы Блокнот, в котором ваша Web-страница будет представлена в командах HTML.

3. Внесите изменения в текст файла HTML, расположив слова “Расписание”, “занятий”, “на вторник” на разных строках:

4.Сохраните текст со внесенными изменениями в файле РRASP.HTM с помощью команды Файл (File), Сохранить(Save). Закройте программу Блокнот.

5. Просмотрите с помощью браузера Microsoft Internet Explorer полученную Web-страницу, используя клавишу F5 или команду Вид (View), Обновить (Refresh). Изменилось ли изображение текста на экране?

Примечание. В дальнейшем после внесения изменений в Web-страницу всегда выполняйте пункты 4 — 5 задания 2.

Задание 3. Некоторые специальные команды форматирования

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

Тэг перевода строки 
 отделяет строку от последующего текста или графики. Тэг абзаца <Р> тоже отделяет строку, но еще добавляет пустую строку, которая зрительно выделяет абзац. Оба тэга являются одноэлементными.

Использование тэгов перевода строки и абзаца.

1. Внесите изменения в текст файла HTML:

2. Сохраните текст со внесенными изменениями в файле RASP.HTM.

3. Просмотрите с помощью браузера Microsoft Internet Explorer полученную Web-страницу. Как изменилось изображение текста на экране? Новая страница будет выглядеть так, как показано на рис.2.

Рис. 2

Задание 4. Выделение фрагментов текста.

1. Внесите изменения в файл RASP.HTM:

2. Просмотрите полученную Web-страницу.

Возможно использование комбинированных выделений:

Но при этом необходимо помнить следующее правило записи комбинированных тэгов:

<Тэг-1> <Тэг-2> ...  — правильная запись;

<Тэг-1> <Тэг-2> ...  — ошибочная запись.

Задание размера символов

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

  использование стилей заголовка,

  задание размера шрифта основного документа или размера текущего шрифта.

Использование стилей заголовка

Используется шесть тэгов заголовков (от <Н1> до <Н6>). Каждому тэгу соответствует конкретный стиль, заданный параметрами настройки браузера.

Задание 5. Использование стилей заголовка.

Используется шесть тэгов заголовков (от <Н1> до <Н6>). Каждому тэгу соответствует конкретный стиль, заданный параметрами настройки браузера.

1. Внесите изменения в файл RASP.HTM:

2. Просмотрите полученную Web-страницу.

На экране вы увидите то, что показано на рис. 3 .

Рис.3.

Задание 6. Установка размера текущего шрифта.

Тэг шрифта  позволяет задавать размер текущего шрифта в отдельных местах текста в диапазоне от 1 до 7.

1.Внесите изменения в файл RASP.HTM:

2. Самостоятельно измените размер шрифта для текста “занятий на вторник”, используя тэг .

3. Измените оформление текста HTML-документа, используя тэг выделения фрагментов текста и тэг перевода строки и абзаца.

адание 7. Установка гарнитуры и цвета шрифта.

Гарнитура и цвет шрифта.

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

Для изменения цвета шрифта можно использовать в тэге  атрибут COLOR="X".

Вместо Х надо подставить либо название цвета (в кавычках), либо его шестнадцатеричное значение. При задании цвета шестнадцатеричным числом можно представить этот цвет разложенным на три составляющие: красную (R — Red), зеленую (G — Green), синюю (В — Blue), каждая из которых имеет значение от 0 до FF. В этом случае мы имеем дело с так называемым форматом RGB. Примеры записи цвета в формате RGB приведены в Tаблице 1.

Таблица 1.

Запись цвета в формате RGB