2. Основы языка разметки гипертекста (HTML) Базовые понятия
Разметка документа, языки разметки документов, Hyper Text Markup Language, тэг (tag), структура HTML-документа, основные тэги HTML.
Обязательно изложить
Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде Web. HTML-документы могут просматриваться различными типами браузеров (специальными программами, интерпретирующими такого рода гипертекстовые документы), наиболее известным из которых является Internet Explorer. В отличие от документов, например текстового процессора Microsoft Word, документы в формате HTML не организованы по принципу WYSIWYG (What You See Is What You Get — что видишь, то и получишь [при выводе на печать или монитор]). Когда документ создан с использованием HTML, браузер должен интерпретировать HTML для выделения различных элементов документа и первичной их обработки с целью их дальнейшего отображения в виде, задуманном автором.
Большинство документов имеют стандартные элементы, такие, как заголовки, параграфы или списки. Используя тэги (команды) HTML, можно обозначать данные элементы, обеспечивая браузеры минимальной информацией для их отображения, сохраняя в целом общую структуру и информационную полноту документов. В большинстве случаев автор документа строго определяет внешний вид документа. В случае HTML читатель (основываясь на возможностях браузера) может в определенной степени управлять внешним видом документа (но не его содержимым). HTML позволяет отметить, где в документе должен быть заголовок или абзац, при помощи тэга HTML, а затем предоставляет браузеру интерпретировать эти тэги.
Общая структура тэга и его содержимого такова: <тэг параметр_1=значение_1 параметр_2=значение_2... параметр_К=значение_К>содержимое элемента</тэг>
Любой HTML-документ имеет следующую структуру:
<HTML> <HEAD>
<!-- заголовок документа --> </HEAD> <BODY>
<!-- содержание документа --> </BODY> </HTML>
Заголовок содержит служебную информацию, в частности, предназначенную для поисковых систем.
Все тэги, которые предназначены для оформления документа, могут быть условно разделены на несколько групп:
• форматирование;
• верстка таблиц;
• верстка списков;
• формирование гиперссылок;
• вставка изображений.
Тэт верстки, таблиц позволяют формировать и отображать таблицы произвольной сложности. Вообще дизайнеры довольно часто используют таблицы для оформления страниц, помещая в них меню, текст, рисунки и т.д.
Тэги верстки списков позволяют формировать маркированные и нумерованные списки.
Гипертекстовый документ невозможно представить себе без ссылок на другие документы (внутренние или внешние). Ссылки формирует тэг <А>...</А> -с обязательным параметром HREF.
Тэг для отображения рисунков — <IMG>. Он не имеет закрывающегося тэга и содержит обязательный параметр SRC, значением которого является адрес файла с рисунком {относительный, т.е. на данном сайте, но, например, в другом каталоге, или абсолютный, если рисунок, например изображение счетчика, подгружается с другого сайта).
Современные web-конструкторы и дизайнеры пользуются не только HTML, но и рядом его расширений, например, каскадными таблицами стилей (CSS), управляют содержанием страниц средствами программирования.
Желательно изложить
Примеры других программных продуктов для разметки документов, принцип их действия.
Заголовок HTML-документа и назначение его элементов.
Тэги форматирования текста и примеры их использования.
Тэги верстки таблиц и примеры их использования.
Тэги верстки списков и примеры их использования.
Графические форматы для web. Правила сохранения изображений для web, требования к изображениям. Параметры тэга IMG.
Понятие о CSS, языках программирования для web. Исполнение программ и скриптов на стороне сервера и клиента.
Примечания для учителей
Вопрос билета является в достаточной мере объемным, поэтому наилучшее запоминание и усвоение материала может быть достигнуто хорошей его структуризацией.
Следует отметить, что учащиеся, занимавшиеся версткой web-страниц без использования визуальных редакторов (Front Page и др.), окажутся в гораздо более выигрышном положении перед учащимися, выполнявшими такого рода работу только с помощью указанных редакторов.
Примечание для учеников
Для успешного освоения материала данного вопроса достаточно сверстать вручную (без использования визуального редактора) 2—3 страницы HTML-документов. Это поможет понять смысл и назначение основных тэгов HTML.
Использованные источники информации
1. Усенков Д. Уроки web-мастера. М.: Лаборатория Базовых Знаний, 2001, 432 с.
2. Мат&риалы вопроса // "Информатика" № 5, с. 13-22, 2003.
3. Практическое задание на поиск информации в глобальной компьютерной сети Интернет
Принципы составления задания
При составлении заданий следует учесть, чтобы искомая информация была достаточно доступной, актуальной, представляла познавательный интерес для учащихся. В случае невозможности реального поиска в глобальной сети следует воспользоваться программами — имитаторами поиска или осуществлять поиск в локальной сети (Еремин Е.А. Имитатор поисковой машины как эффективное средство обучения поиску информации в Интернете. // "Информатика" №45, с. 15-20, 2001).
Примеры заданий
"Информатика" № 5, с. 13—22, 2003.
БИЛЕТ № 2
1. Информационные процессы. Хранение, передача и обработка информации.
2. Основы алгоритмического программирования (типы данных, операторы, функции, процедуры и т.д.).
3. Основные этапы инсталляции программного обеспечения. Практическое задание. Инсталляция программы с носителя информации (дискет, дисков CD-ROM).
1. Информационные процессы. Хранение, передача и обработка информации
Базовые понятия
Информационный процесс, восприятие информации, передача информации, получение информации, обработка информации, хранение информации, информационная деятельность человека
Обязательно изложить
Под информационным, понимают процесс, связанный с определенными операциями над информацией, в ходе которого может измениться содержание информации или форма ее представления. В информатике к таким процессам относят получение, хранение, передачу, обработку, использование информации.
Получение информации основано на отражении различных свойств объектов, явлений и процессов окружающей среды. В природе такого рода отражение выражается в восприятии с помощью органов чувств. Человек пошел дальше по этому пути и создал множество приборов, которые многократно усиливают природные способности к восприятию.
Человек воспринимает с помощью органов чувств следующую информацию:
• визуальная (восприятие зрительных образов, различение цветов и т.д.) — с помощью зрения;
• звуковая (восприятие музыки, речи, сигналов, шума и т.д.) — с помощью слуха;
• обонятельная (восприятие запахов) — с помощью обоняния;
• вкусовая (восприятие посредством вкусовых рецепторов языка) — с помощью вкуса;
• тактильная (посредством кожного покрова восприятие информации о температуре, качестве предметов и т.д.) — с помощью осязания.
Хранение информации имеет большое значение для многократного использования информации, передачи информации во времени.
Передача информации необходима для того или иного ее распространения. Простейшая схема передачи такова:
источник информации — канал связи — приемник {получатель) информации
Для передачи информации с помощью технических средств необходимо кодирующее устройство, предназначенное для преобразования исходного сообщения источника информации к виду, удобному для передачи, и декодирующее устройство, необходимое для преобразования кодированного сообщения в исходное.
Обработка информации подразумевает преобразование ее к виду, отличному от исходной формы или содержания информации.
Наиболее общая схема обработки информации такова: входная информация — преобразователь информации — выходная информация
Процесс изменения информации может включать в себя, например, такие действия: численные расчеты, редактирование, упорядочивание, обобщение, систематизация и т.д.
Деятельность человека, которая связана с процессами получения, преобразования, накопления, передачи и использования информации, управления, называют информационной деятельностью.
Основные вехи в процессе развития и совершенствования информационной деятельности человека перечислены ниже.
Появление речи. Значительно расширило возможности информационной деятельности человека, в особенности передачи информации.
Возникновение письменности. Дало возможность долговременного хранения информации и передачи накопленных знаний и культурных ценностей последующим поколениям.
Изобретение книгопечатания. Революция в мире тиражирования знаний, хранящихся в письменном виде. Расширение научной информации, развитие художественной литературы и т.д.
Изобретение ЭВМ — универсальных инструментов информационной деятельности.
Желательно изложить
Провести аналогию между информационной деятельностью человека и реализацией информационных процессов в электронных вычислительных машинах. Привести примеры информационной деятельности человека.
Охарактеризовать основные вехи в процессе развития и совершенствования информационной деятельности человека. Почему компьютер является универсальным инструментом информационной деятельности?
Примечание для учителей
Данный вопрос является общим по информационным процессам. Детализированное изложение предполагается в других билетах. Поэтому следует ограничиться общим обзором с примерами по каждому виду деятельности.
Примечание для учеников
Необходимо выполнить полный обзор информационных процессов, привести примеры по каждому из них. Обзор выполнить в общем виде, подробности излагаются в других билетах.
Ссылка
"Информатика" № 13, с. 9—13, 2002.
... раза. В силу специфичности информации схемы определения количества информации, связанные с ее содержательной стороной, оказываются не универсальными. Универсальным оказывается алфавитный подход к измерению количества информации. В этом подходе сообщение, представленное в какой-либо знаковой системе, рассматривается как совокупность сообщений о том, что заданная позиция в последовательности ...
... , коллективной реализации информационных проектов, информационной деятельности в различных сферах, востребованных на рынке труда. В соответствии с целями и задачами обучения в классе информационно-технологического профиля на профильном (повышенном) уровне изучаются предметы: информатика, математика, физика. Ведущим предметом является информатика. Информатика - современная, динамично развивающаяся ...
... одном из элективных курсов. Выбор естественно-математического профиля, во-первых, определяется целью введения данного курса в школе (расширение научного мировоззрения) и, во-вторых, сложностью темы в математическом аспекте. Глава 2. Содержание обучения технологии нейронных сетей Авторы данной работы предлагают следующее содержание обучения технологии нейронных сетей. Содержание образования ...
... сайта на английском языке, а может быть другой версией, возможно, состоящей на первых порах из одной страницы. Глава 2. Проектирование web-сайта образовательного учреждения и размещение его в сети Интернет 2.1 Разработка web-сайта Разработка сайта включает в себя целый комплекс процессов, от которых зависит эффективный конечный результат. Формирование целей и задач сайта. Это первый ...
0 комментариев