Кабинет информатики отличается от других кабинетов тем, что в нем установлена дорогая, современная техника. Поэтому, чтобы сберечь и не нанести вреда технике и своему здоровью необходимо знать и применять технику безопасности и правила поведения в кабинете информатики и вычислительной техники. Как же нужно вести себя в кабинете информатики?
1. В кабинете вычислительной техники установлена дорогостоящая, сложная техника - компьютеры, принтер и другие технические средства. Поэтому: бережно обращайтесь с этой техникой; спокойно, не торопясь, не толкаясь, не задевая столы, входите в кабинет и занимайте отведенное вам место, ничего не трогая на столах.
2. На вашем рабочем месте размещены составные части ЭВМ - клавиатура, монитор, системный блок, мышь. Во время работы лучевая трубка работает под высоким напряжением. Неправильное обращение с аппаратурой, кабелями и монитором может привести к тяжелым поражениям электрическим током, вызвать загорание аппаратуры. Поэтому
С Т Р О Г О З А П Р Е Щ А Е Т С Я:
трогать разъемы соединительных кабелей;
прикасаться к питающим проводам и устройствам заземления;
прикасаться к экрану и к тыльной стороне монитора, клавиатуры, системного блока;
включать и отключать аппаратуру без указаний учителя;
класть предметы на монитор и клавиатуру;
работать во влажной одежде и влажными руками.
3. При появлении запаха гари, огня немедленно прекратить работу, выключить аппаратуру и сообщить об этом учителю.
4. Перед началом работы убедитесь в отсутствии видимых причин повреждений рабочего места; сядьте так, чтобы линия взора приходилась в центр экрана, чтобы, не наклоняясь пользоваться клавиатурой и воспринимать передаваемую на экран монитора информацию; разместите на столе учебные принадлежности так, чтобы они не мешали работе на ЭВМ; внимательно слушайте объяснения учителя и старайтесь понять цель и последовательность действий, в случае необходимости обращайтесь к преподавателю; начинайте работу только по указанию учителя.
5. Во время работы на ЭВМ лучевая трубка является источником электромагнитного излучения, которое при работе вблизи экрана неблагоприятно действует на зрение, вызывает усталость и снижает работоспособность. Поэтому следует работать от монитора на расстоянии 60 - 70 см, соблюдая правильную посадку, не сутулясь, не наклоняясь. Учащимся, имеющим очки для постоянного ношения, быть в очках.
6. Работа на ЭВМ требует большого внимания, четких действий, поэтому нельзя работать при недостаточном освещении, при плохом самочувствии.
7. Во время работы:
строго выполняйте все указанные выше правила, а также текущие указания учителя;
следите за исправностью аппаратуры и немедленно прекращайте работу при появлении необычного звука или самопроизвольного отключения аппаратуры, немедленно сообщить о случившемся учителю;
не пытаться самопроизвольно отключать и исправлять неисправности;
не вставайте со своих мест, когда в кабинет входят посетители.
8. Вы должны хорошо знать и грамотно выполнять эти правила, точно следовать указаниям преподавателя, чтобы успешно овладеть знаниями, умениями, навыками; сберечь школьное имущество.
Вы отвечаете за состояние своего рабочего места и сохранность размещенного на нем оборудования.
НЕВЫПОЛНЕНИЕ ПРАВИЛ - ГРУБЕЙШЕЕ НАРУШЕНИЕ ПОРЯДКА И ДИСЦИПЛИНЫ.
КОМПЛЕКС УПРАЖНЕНИЙ ДЛЯ ГЛАЗ ПРИ РАБОТЕ С КОМПЬЮТЕРОМ.
Упражнения выполняются сидя или стоя, отвернувшись от экрана при ритмичном дыхании, с максимальной амплитудой движения глаз.
1. Закрыть глаза, сильно напрягая глазные мышцы, на счет 1 - 4, затем раскрыть глаза, расслабив мышцы глаз, посмотреть вдаль на счет 1 - 6. Повторить 4 - 5 раз.
2. Посмотреть на переносицу и задержать взор на счет 1 - 4. До усталости глаза доводить нельзя. Затем посмотреть вдаль на счет 1 - 6. Повторить 4 - 5 раз.
3. Не поворачивая головы, посмотреть направо и зафиксировать взгляд на счет 1 - 4, затем посмотреть вдаль прямо на счет 1 - 6. Аналогичным путем проводятся упражнения, но с фиксацией взгляда влево, вверх, вниз.
4. Перевести взгляд быстро направо – вверх – налево - вниз и потом прямо вдаль на счет 1 - 6; затем налево – вверх - направо – вниз и посмотреть вдаль на счет 1 - 6. Повторить 4 - 5 раз.
ОКАЗАНИЕ ПЕРВОЙ МЕДИЦИНСКОЙ ПОМОЩИ ПРИ ПОРАЖЕНИИ ЭЛЕКТРИЧЕСКИМ ТОКОМ.
Поражение электрическим током приводит к шоку, остановке дыхания и работы сердца. Ток вызывает ожоги на месте входа и выхода. Переменный ток вызывает также сокращение мышц, что не позволяется пострадавшему выпустить из рук электрический провод.
Действия при поражении электрическим током
1. Выключить ток на электрощите или выдернуть штепсельную вилку.
2. Если вы не можете обесточить пострадавшего, то встаньте на деревянную коробку, резиновый коврик, толстую пачку газет и шваброй, деревянным стулом оттащите пострадавшего от источника тока. Не дотрагивайтесь до пострадавшего, его можно оттащит за сухой край одежды.
3. Если пострадавший без сознания, проверьте пульс и дыхание и вызовите скорую помощь, охладите ожоги водой.
ПРИ ПОЖАРЕ НЕОБХОДИМО ВЫЗВАТЬ ПОЖАРНЫХ ПО ТЕЛЕФОНУ 01.
До приезда пожарных выполнить следующие действия:
1. Выключите электрическую цепь в сети компьютеров;
2. Уберите из зоны огня горючие материалы (бумагу, шторы);
3. Закройте двери, окна в помещении и тушите огонь огнетушителем или грубой материей накройте плотно очаг огня, чтобы предотвратить поступление кислорода;
4. Пострадавших от огня обездвижить (любое движение способствует усилению пламени) и погасить горящую одежду водой или другой не воспламеняющей жидкостью, или пострадавшего плотно завернуть в пальто, одеяло, портьеру, часть тела с ожогами должна быть повернута кверху.
НЕ ПЫТАЙТЕСЬ БОРОТЬСЯ С ОГНЕМ, ЕСЛИ ВЫ НЕ ВЫЗВАЛИ ПОЖАРНУЮ БРИГАДУ И НЕ УБЕДИЛИСЬ, ЧТО ВЫ НЕ РИСКУЕТЕ СОБОЙ!
Вопросы для закрепления:
1. Как учащиеся входят в компьютерный кабинет?
2. Как должны вести себя учащиеся на перемене в кабинете?
3. Как должны вести себя учащиеся за партами?
4. Правила поведения и техника безопасности за рабочими компьютеризированными местами.
5. Какую зарядку для глаз проводят после работы за компьютером?
6. Какую помощь оказывают человеку после поражения электрическим током?
7. Назовите Ваши действия при пожаре.
Тест
1. Назовите составную часть ЭВМ находящуюся под высоким напряжением?
а) принтер;
б) монитор;
в) сканер.
2. На каком расстоянии следует работать за монитором?
а) 60 – 70 см;
б) 40 – 50 см;
в) 20 – 30 см.
3. Учащимся, носящим очки для постоянного ношения…
а) при работе за компьютером должны снять очки;
б) при работе за компьютером должны быть в очках;
в) нельзя работать за компьютером.
4. Во время работы за компьютером нельзя класть предметы на …
а) монитор и клавиатуру;
б) системный блок;
в) стол, на котором стоит компьютер.
5. Перечислите все верные ответы. Строго запрещается …
а) плавно нажимать клавиши;
б) включать и отключать компьютер без разрешения учителя;
в) трогать разъемы соединительных кабелей;
г) играть на компьютере в игрушки;
д) работать во влажной одежде и влажными руками.
6. При появлении запаха гари следует…
а) громко кричать;
б) позвать учителя по информатике;
в) отключить питание компьютера и вызвать помощь.
7. На перемене в кабинете информатики нужно…
а) спокойно ходить, играть за компьютером;
б) бегать, сидеть за партами и повторять домашнее задание;
в) выйти из класса и проветрить его.
8. При пожаре следует…
а) собрать портфель и спокойно, не торопясь покинуть помещение;
б) громко звать на помощь;
в) позвонить по телефону 01.
Информатика. Учебное пособие для 10 класса. Г.А. Заборовский, А.Е. Пупцев. Минск, "Издательский центр БГУ", 2011
Основу любого процессора составляет полупроводниковый вентильный элемент - транзистор. Принцип работы его известен из школьного курса физики. Транзистор позволяет управлять электрическим сопротивлением проводника при помощи электрического тока, проходящего через базу (биполярный транзистор), или электрического напряжения, подаваемого на затвор (полевой транзистор). Если ввести обратную связь, то есть подать часть выходного сигнала транзистора на его вход, то можно заставить прибор работать в двух стабильных состояниях, которые соответствуют логическим 0 и 1. На основе двух транзисторов можно создать ячейку, информационная емкость которой будет равна 1 биту. Восемь таких ячеек имеют информационную емкость, равную одному байту. Легко подсчитать, сколько транзисторов должны иметь микросхемы, способные хранить и обрабатывать информацию в сотни мегабайт. Причем для корректной работы схемы все транзисторы должны работать синхронно. А вот здесь начинаются ограничения. Электрон - носитель электрического заряда и, как следствие, основной переносчик информации, хоть и является с точки зрения квантовой физики частицей легкой, все-таки имеет некоторую массу, а, следовательно, и инерционность. Его нельзя мгновенно остановить или мгновенно привести в движение. Скорость одного конкретного электрона неизвестна. Можно говорить только об общих статистических закономерностях поведения некоторой достаточно большой группы электронов. А большая группа - это еще большая масса, для разгона или остановки которой нужно время и энергия. При движении любой заряженной частицы возникает электромагнитное поле. На создание этого поля также расходуется энергия, которая, в конечном счете, приводит к нагреванию кристалла, что тоже грозит неприятностями. Волновые и резонансные свойства проводников на высоких частотах - отдельный вопрос, которого касаться не будем. Поэтому существуют различные проекты по созданию транзистора без электрона, о них поговорим позже.
МЕТОДЫ ПАРАЛЛЕЛИЗМА
Как известно, микропроцессор обрабатывает последовательность инструкций (команд), составляющих ту или иную программу. Если организовать параллельное (то есть одновременное) выполнение инструкций, общая производительность существенно вырастет. Решается проблема параллелизма методами конвейеризации вычислений, применением суперскалярной архитектуры и предсказанием ветвлений.
Конвейеризация процесс, посредством которого различные фазы обработки накладываются по времени одна на другую. Это означает разбиение инструкций на отдельные операции и исполнение получившихся микроинструкций различными элементами процессора. Однако разбиение инструкций и контроль за исполнением каждого шага усложняет управляющие цепи и требует на каждом шаге памяти для временного хранения промежуточных данных (конвейерные регистры).
Ветвление инструкций подразумевает исполнение той части программы(ветви), которая не следует непосредственно за последней исполненной инструкцией. Переход на ту или иную ветвь может быть безусловным (выполняется всегда) или условным(в зависимости от некоторого условия).
Суперскалярная архитектура Суперскалярные процессоры конца 90-х годов могли исполнять до 4-6 инструкций за один машинный цикл. На практике они выполняют в среднем 1,5 инструкции за такт. "Продвинутые" суперскалярные процессоры (Advanced superscalar) смогут выполнять от 16 до 32 инструкций за такт. Чем это обернется на практике, пока сказать трудно, но и для "суперскалярной" архитектуры существенным ограничением является поток обрабатываемых данных.В общем виде "продвинутая" суперскалярная архитектура состоит из 24-48 высокооптимизированных конвейерных блоков(например, блоков, выполняющих операции с плавающей точкой или обрабатывающих целые числа). Как и в простых суперскалярных архитектурах, каждый блок получает свою собственную "резервацию" - временное место хранения, где накапливается очередь инструкций, выполняемых данным блоком. Для сокращения доступа к памяти предполагается использовать наряду с обычным кешем так называемый "трассирующий" кеш, который объединяет логически смежные блоки в физически смежные хранилища.
Суперспекулятивная архитектура Эта архитектура подразумевает предсказание как ветвлений, так и данных. Это означает, что предсказываются адреса ячеек памяти и хранящиеся в них величины. Один из способов достичь этого - пошаговое предсказание: обнаружив постоянное приращение в величинах данных и адресах памяти(шаги), можно "догадаться" о будущих величинах, используемых вычислениях(такое может происходить в циклах или матрицах).Основное преимущество таких архитектур в том, что они не требуют изменений в компиляторах, да и программный код должен выполняться быстрее. Они должны выполнять по 10 инструкций за один машинный такт. С другой стороны, дизайн процессора в этом случае более сложный, и то, что он не делится на блоки, может вызвать проблемы с задержкой сигналов.
Трассирующая архитектура В обычных архитектурах инструкция представляет собой исполняемую единицу. В трассирующих процессорах исполняемая единица - "трасса" –последова-тельность инструкций. Каждый маршрут передается своему суперскалярному процессорному элементу, запоминающему суперскалярный микропроцессор и имеющему собственный набор локальных и глобальных регистров, что обеспечивает как внутримаршрутный, так и межмаршрутный параллелизм. Применение трассирующих процессоров способствует решению проблемы задержек сигналов в межсоединениях, однако требует соответствующего кеша, что увеличивает его архитектурную сложность. Более того, это никак не решает проблему увеличения скорости обращения к памяти.
IRAM Буква 'I' здесь означает 'intelligent'. Возможно, это один из наиболее радикальных шагов в области архитектуры, направленный на ускорение доступа к памяти и снижения энергопотребления. Согласно IRAM большая часть RAM перемещается непосредственно на чип, исключая необходимость в кеше. Низкое энергопотребление означает, что данная архитектура больше всего подходит для мобильных компьютеров. Однако тот факт, что максимальное количество памяти, которое можно перенести на чип, составляет всего 96 Мбайт, лишает эту архитектуру надежд на широкое использование.
"Плиточная" архитектура Сторонники считают, что ПО должно компилироваться прямо в "железе", так как это даст максимальный параллелизм. Такой подход требует достаточно сложных компиляторов, которые пока еще не созданы. Процессор в данном случае состоит из множества "плиток"(tiles), каждая из которых имеет собственное ОЗУ и связана с другими "плитками" в своеобразную решетку, узлы которой можно включать и отключать. Очередность выполнения инструкций задается ПО.
Оптическая(фотонная) архитектура Оптические технологии давно уже используются в компьютеростроении. Например, это различные оптические накопители информации, в системах коммуникации используются световые импульсы для передачи потоков информации. Идея использования света для обработки информации стала осуществимой лишь недавно. Главной преградой для оптических(фотонных) вычислений долгое время была невозможность
обрабатывать световую информацию без использования промежуточных электронных компонентов между вводом и выводом. Открытие интерференции, основанной на оптической логике, решило эту проблему. Оптическая логика основана на простом факте: когда встречаются два когерентных(с постоянным фазовым сдвигом) световых импульса одинаковой интенсивности, они образуют конструктивную интерференцию (интенсивность света удваивается) при совпадении фаз и деструктивную(уничтожают друг друга) при фазовом сдвиге 180 градусов. Когда два импульса взаимодействуют в одном канале, на интерференцию накладывается дифракция: за щелевой преградой образуются участки как конструктивной, так и деструктивной интерференции. Таким образом, помещая детектор выходного сигнала в соответствующих точках, можно получать нужные логические операции с изначальной парой световых импульсов. Главное преимущество оптической логики перед кремневой в том, что фотоны распространяются гораздо быстрее электронов. Более того, в оптической логике данные поддаются конвейеризации. Оптическим компонентам не нужно формировать выходной сигнал до того, как они воспримут новый выходной сигнал, а значит, они могут обрабатывать целый поток данных. Оптическая логика имеет также и ряд недостатков, особенно если говорить о последовательном соединении оптических затворов для построения компьютера. При построении сложного компьютера простая оптическая модель переходит в область голографии, и для построения логики требуются разного рода световые шины. Еще более сложная проблема вытекает из того факта, что световые импульсы, которые образует оптическая логика, могут иметь удвоенную интенсивность или иметь один из двух возможных файловых сдвигов в зависимости от того, какой из двух входных сигналов включен. Это означает, что фазу и интенсивность импульсов необходимо контролировать по всей системе посредством оптических усилителей. Если эти проблемы будут решены, практическая реализация оптических микропроцессоров на подложке из стекла или пластика станет вполне возможной.
Квантовая архитектура. В основе квантовых вычислений лежит атом - мельчайшая единица вещества. Квантовые вычисления принципиально отличаются от традиционных, так как на атомном уровне в силу вступают законы квантовой физики. Один из них - закон суперпозиции: квант может находиться в двух состояниях одновременно. Обычно бит может иметь значение либо 1, либо 0, а квантовый бит (qubit) может быть единицей и нулем одновременно. Атом - "удобное" хранилище информационных битов: его электроны могут занимать лишь ограниченное число дискретных энергетических уровней. Так, атом высокого энергетического уровня мог бы служить логической единицей, а низкого - логическим нулем. Очевидным недостатком здесь является нестабильность атома, поскольку он легко меняет энергетический уровень в зависимости от внешних условий. Поскольку управлять энергетическим уровнем одного атома нереально, предполагается использовать длинные молекулы (цепи из миллиардов атомов) таким образом, чтобы величину их содержимого можно было менять путем бомбардировки первого атома в цепи лазерным лучем. Длинные молекулы тоже весьма нестабильны, и их надо хранить при сверхнизкой температуре. Да и сбор данных требует весьма сложного оборудования, так что до массового производства подобных систем еще далеко.
Нейроархитектура. Для решения некоторых задач требуется создание эффективной системы искусственного интеллекта, которая могла бы обрабатывать информацию, не затрачивая много вычислительных ресурсов. Мозг и нервная система живых организмов позволяют решать задачи управления и эффективно обрабатывать сенсорную информацию, а это огромный плюс для создаваемых вычислительных систем. Именно это послужило предпосылкой создания искусственных вычислительных систем на базе нейронных систем живого мира. Создание компьютера на основе нейронных систем живого мира базируется на теории персептронов, разработчиком которой был Розенблатт. Он предложил понятие персептрона - искусственной нейронной сети, которая может обучаться распознаванием образов.
Перспективность создания компьютеров по теории Розенблатта состоит в том, что структуры, имеющие свойства мозга и нервной системы, имеют ряд особенностей, которые помогают при решении сложных задач:
Параллельность обработки информации
Способность к обучению
Способность к автоматической классификации
Высокая надежность
Ассоциативность
Нейрокомпьютеры (биокомпьютеры) - это совершенно новый тип вычислительной техники. Их можно строить на базе нейрочипов, которые функционально ориентированы на конкретный алгоритм, на решение конкретной задачи. Для решения задач разного типа требуется нейронная сеть разной топологии (топология - специальное расположение вершин, в данном случае нейрочипов и пути их соединения). Нейронные вычисления отличаются от классических представлением и обработкой информации. Любая задача ставиться как поиск соответствия между множествами входных и выходных данных, представляемых в виде векторов n-мерного пространства, принадлежащего некоторой предметной области. Входные вектора подаются на входные нейроны, а выходная реакция снимается с выходов элементов нейронной сети. При этом вычислительные процессы представляют собой параллельные взаимодействия между нейронами через нейронные связи и преобразование данных в нейронах. Соответствие между входными воздействиями и выходной реакцией устанавливается через процедуру обучения, которая определяется для каждой модели нейронных сетей отдельно. Возможность обучения нейронных сетей является важнейшей особенностью нейросетевого подхода к построению систем обработки информации.
Источники
Современные тенденции развития архитектуры ЭВМ.- [Электронный ресурс]. Режим доступа: http://gost.webservis.ru/lecture/theme12/archit.htm
Классификация и тенденции развития ЭВМ -[Электронный ресурс]. Режим доступа: http://www.regiment.ru/referatzakaz/Predmet/informatika/6.htm
Аппаратное обеспечение компьютера - это все электронные и механические устройства ПК .
Структура аппаратного обеспечения персонального компьютера:
системная плата (материнская плата) - на ней размещены:
1. процессор (центральный процессор)+система охлаждения,
1. внутренняя память,
2. системная шина,
3. слоты.
платы периферии (могут быть встроены в системную плату) - на них размещены контроллеры устройств ввода-вывода+разъемы:
1. контроллеры дисководов, видеокарта (видеоконтроллер, графическая плата), звуковая карта (звуковой контроллер, звуковая плата),
2. сетевая карта (сетевой адаптер, сетевая плата),
3. контроллеры других устройств, устройства ввода и вывода:
дисководы:
1. дисковод на жестком диске,
2. привод гибких дисков (дисковод для дискет),
3. привод оптических дисков (привод CD-ROM, CD-RW, DVD-ROM, DVD-RW),
4. стример
5. другие устройства;
6. блок питания
Общую схему компьютера можно посмотреть здесь.
Рассмотрим подробно каждое устройство и его функции.
Процессор - устройство, выполняющее арифметические и логические операции, и управляющее другими устройствами компьютера.
В его состав входят:
арифметико-логическое устройство (АЛУ);
устройство управления (УУ);
регистры;
Современные процессоры работают согласно принципам машины фон Неймана.
Система охлаждения процессора - используется для отвода тепла от нагревающихся процессора. Чаще используется воздушное охлаждение с помощью кулера (вентилятор+радиатор).
Внутренняя память : В ее состав входят:
оперативная память или оперативное запоминающее устройство (ОЗУ) - энергозависимая память (при выключении компьютера вся записанная на ней информация стирается). ОЗУ используется для чтения и записи. В ОЗУ хранятся выполняемые программы и данные, которые они обрабатывают (Например, если мы работаем в Word(е) в ОЗУ находится данная программа и текст, с которым мы работаем. Если документ не сохранить, т.е. не записать во внешнюю память (винчестер, флэшка), то при выключении компьютера данные будут потеряны).
постоянная память или постоянное запоминающее устройство (ПЗУ) - энергонезависимая память (при выключении компьютера вся записанная на ней информация сохраняется). ПЗУ используется только для чтения, на ней хранится информация, которая никогда не будет изменяться.
специальная память:
o постоянная память, которую можно перепрограммировать (Flash-память). Основной микросхемой является BIOS (basic input-output system, базовая система ввода-вывода), на ней хранятся программы загрузки операционной системы в ОЗУ и тестирования устройств при включении компьютера. Также BIOS содержит сервисные функции. Через BIOS операционная система обращается к аппаратному обеспечению (через драйверы устройств).
o память CMOS (питается от батарейки) - хранит информацию о составе и конфигурации оборудования, режиме работы. Эта информация изменяется специальной программой, находящейся в BIOS.
o видеопамять - оперативная память, используется для хранения данных, из которых формируется изображение на экране (текст и графика)
регистры процессора - память внутри процессора, сверхбыстрая оперативная память;
кэш-память - для увеличения скорости обмена данными между процессором и оперативной памятью. Кэш-память управляется контроллером, который анализирует исполняемую процессором программу и пытается предугадать, какие данные/команды могут понадобиться процессору в ближайшее время и записывает их из оперативной памяти в кэш-память.
Системная шина (информационная магистраль) соединяет устройства внутри системного блока компьютера и обеспечивает их взаимодействие. Это набор дорожек на на материнской плате, по которым передается информация в виде сигналов.
В ее состав входят:
шина адреса - для передачи адреса, куда передаются данные: ячейка памяти или устройство ввода\вывода;
шина данных - для передачи самих данных между процессором и памятью или устройством ввода\вывода;
шина управления (вспомогательная шина) - для передачи сигналов управления (например, сигнал записи или чтения, сигнал обращения к памяти или устройству ввода\вывода).
Слот - внутренняя розетка для подключения устройств внутри системного блока.
Контроллер устройства ввода и вывода - микропроцессор, посредник между процессором и устройством ввода\вывода. Управляет устройством, которое к нему подключено. Преобразовывает информацию, которой должны обмениваться процессор и устройство.
Разъем - внешняя розетка для подключения внешнего (по отношению к системному блоку) устройства.
Контроллер дисководов - преобразовывает и передает информацию между процессором и дисководом.
Видеокарта преобразовывает и передает сигнал на монитор.
Звуковая карта обрабатывает звук (обеспечивает ввод звука с микрофона и его воспроизведение через наушники, колонки, встроенный динамик).
Сетевая карта используется для подключения персонального компьютера к сети и организации взаимодействия с другими устройствами сети (обмен информацией по сети).
К устройствам ввода и вывода относится внешняя память.
Внешняя память используется для долговременного хранения данных и программ. Информация, записанная на внешнюю память не стирается при выключении компьютера.
В ее состав входят:
накопители информации - устройства чтения и записи
носители информации - место хранения информации.
Дисководы (накопители информации) используются для чтения\записи на носители информации: пластины жесткого диска, дискеты, оптические диски, ленты.
Устройства ввода и вывода подробно рассмотрены в этой статье.
Блок питания - источник электрического тока для питания устройств системного блока.
В течение нескольких десятилетий создавались программы, необходимые для обработки различных данных. Совокупность необходимых программ составляет программное обеспечение компьютера.
Программное обеспечение представляет собой алгоритм, реализованный в виде последовательности инструкций для процессора.
В компьютерном жаргоне часто используется слово «софт» от английского software.
Программное обеспечение - это совокупность всех программ, находящихся в долговременной памяти компьютера
Все программное обеспечение делиться на три типа:
Системное ПО – является основным ПО, которое руководит слаженной работой всех элементов компьютерной системы, как на аппаратном уровне, так и на программном.
Системное программное обеспечение.
Прикладное ПО – предназначено для выполнения конкретных задач пользователя не прибегая к программированию.
Прикладное программное обеспечение
Системы программирования - программы, необходимые для обеспечения работоспособности компьютера.
Системы программирования
Операционная система. Новые компьютеры обычно не оснащают прикладными программами, потому что ни производители компьютеров, ни продавцы не могут знать заранее, для каких целей компьютеры будут использоваться. Однако компьютеры должны быть готовы к тому, чтобы любой пользователь, не будучи специалистом в компьютерной технике, мог оснастить их необходимыми ему программами.
Операционная система позволяет человеку начать работать с компьютером, получить доступ к его устройствам, а затем устанавливать и запускать необходимые прикладные и служебные программы.
При включении компьютера операционная система загружается в память раньше остальных программ и затем служит платформой и средой для их работы.
С 1990-х наиболее распространёнными операционными системами являются ОС семейства Microsoft Windows и системы класса UNIX (особенно Linux).
Основные функции ОС:
Загрузка приложений в оперативную память и их выполнение;
Стандартизованный доступ к периферийным устройствам (устройствам ввода-вывода);
Управление оперативной памятью;
Управление энергонезависимой памятью (жесткий диск, компакт-диски и т.д.), как правило, с помощью файловой системы;
Пользовательский интерфейс.
Дополнительные функции ОС:
Параллельное или псевдопараллельное выполнение задач (многозадачность);
Взаимодействие между процессами;
Межмашинное взаимодействие (компьютерная сеть);
Защита самой системы, а также пользовательских данных и программ от вредоносных действий пользователей или приложений;
Разграничение прав доступа и многопользовательский режим работы (аутентификация, авторизация).
В настоящее время широко используются разнообразные цифровые устройства ввода, обработки и вывода информации, такие как цифровые фотоаппараты и видеокамеры, веб-камеры, сканеры, сенсорные экраны, электронные книги и фоторамки. Цифровыми называют устройства, в которых информация представлена в цифровом виде и в дальнейшем может быть обработана на компьютере. Таким образом, совместное использование цифровых устройств и компьютера является неотъемлемым звеном в цепочке обработки информации. Цифровым устройствам чаще всего отводится роль получения информации в цифровом виде или ее преобразования в цифровую форму (оцифровки). Наиболее популярными и доступными в настоящее время цифровыми устройствами стали цифровые фотоаппараты (рис. 1). Пришедшие на смену пленочным фотоаппаратам, цифровые более удобны в обращении, компактны и надежны. Представление информации в цифровом виде существенно упрощает обработку изображений с помощью компьютера. В зависимости от типа и назначения цифрового фотоаппарата (любительский или профессиональный) интерфейс и особенности работы с ним могут отличаться. Чаще всего цифровые фотоаппараты подключаются к компьютеру через USB- порт. Для этой цели в комплект поставки входит специальный кабель. После подключения устройства к компьютеру операционная система определяет наличие сменного диска, каковым является устройство памяти фотоаппарата, и дальше работает с ним как с обычным носителем информации, обеспечивая возможность удаления, копирования и перемещения файлов с изображениями. Простые бытовые фотоаппараты чаще всего сохраняют изображения в формате JPG или TIF в зависимости от качества снимка (разрешения изображения), которое выбирает пользователь. Современные цифровые фотоаппараты обеспечивают возможность видеозаписи, а также съемки и сохранения нескольких кадров в одном файле. Совместное использование цифрового фотоаппарата и компьютера рассмотрим на примере создания презентации «Природа родного края». Эта работа включает в себя следующие этапы: фотографирование, выбор и копирование в компьютер подходящих фотографий, кадрирование и коррекция изображений и, наконец, вставка их на слайды презентации.
В последнее время большое распространение получили цифровые видеокамеры, веб-камеры и документ- камеры. Цифровая видеокамера (рис. 2.) служит для получения, записи, хранения и передачи видеоизображения и звука в цифровой форме. В простых бытовых видео камерах видеоинформация сохраняется на D V-кассеты, DVD-диски или flash-память в виде файлов форматов AVI, MPEG, WMV. Эти файлы являются сжатыми, их объем практически не уменьшается при архивации. Их можно копировать и обрабатывать на компьютере: редактировать, разрезать на фрагменты и вставлять в видеофильмы, презентации или flash-анимации. Для записи на компьютер звука и видео с цифровой видеокамеры и дальнейшего использования записанного материала удобно использовать программу Windows Movie Maker. Она также позволяет использовать в создаваемых фильмах существующие аудио- и видеозаписи и неподвижные изображения, добавлять заголовки, видеопереходы и эффекты.
Веб-камера (рис. 3) служит для получения видеоизображения и звука в цифровой форме и передачи их по компьютерной сети. Веб- камеры, как правило, не имеют встроенных устройств хранения ин формации. В то же время они не требуют специальных адаптеров для подключения к компьютерным сетям. Подключение веб-камеры к компьютеру может выполняться через порт USB (USB-разъем имеется в большинстве современных веб-камер), а также через локальную сеть и даже через стандартный телефонный модем. Веб-камеры используются для видеосъемки и видеонаблюдения, организации видеоконференций и передачи видеоизображения по сети. Видеоизображение с веб-камеры можно сохранять и просматривать на любом сетевом компьютере, на котором установлен стандартный веб-браузер, например Inter net Explorer. С помощью специальных программ можно дистанционно управлять веб-камерами в сети.
Документ-камера (рис. 4) предназначена для получения и передачи изображений: бумажных документов, рекламных материалов, рентгеновских снимков и даже трехмерных объектов. Изображение, полученное с помощью документ-камеры, может быть сохранено в компьютере, показано на экране телевизора, спроецировано на экран с помощью мультимедийного проектора, передано по сети Интернет . Документ- камеры широко применяются в науке и образовании. В последнее время широко распространились новые цифровые устройства ввода-вывода информации. Во многих устройствах используется сенсорный экран — монитор, который чувствителен к прикосновениям и позволяет работать с компьютером при помощи касаний. Иногда для прикосновения к экрану применяется специальный указатель — стилус, который не повреждает экран (рис. 5). Сенсорные экраны применяются в банкоматах, платежных терминалах и информационных киосках (рис. 6), в оборудовании для автоматизации торговых операций, в карманных компьютерах, планшетах, коммуникаторах и электронных книгах. Термин электронная книга применяется как для обозначения произведений, представленных в электронном виде, так и для устройств, используемых для их отображения (рис. 2.7). Основным отличием электронной книги от персонального компьютера является ограниченная функциональность при существенно большем времени автономной работы. Современные электронные мультимедиа-книги могут содержать не только тексты, но и изображения, видеофрагменты, а также звуковое и музыкальное сопровождение. Чаще всего электронные книги представляют собой документы в форматах: PDF, DJVU, DOC, HTML, JPEG. Их несложно создавать самостоятельно и затем переписывать на устройство чтения
Какие вы знаете способы записи алгоритмов? (словесный, блок-схема, программный, таблицы, псевдокод).
Что же такое программа? Программа ― это алгоритм , исполнителем которого является компьютер.
Языки программирования предназначены для создания программ, которые могут быть исполнены ЭВМ или другими автоматическими устройствами, например, станками с ЧПУ.
Поэтому эти языки формальны, то есть они используют специальную систему команд, имеют свой алфавит и свои правила написания (синтаксис).
Существует достаточно большое количество различных языков программирования. Все они созданы так, что их команды понимает то устройство (в данном случае — ЭВМ), на которое они рассчитаны.
Я/п можно разделить на две группы – языки высокого уровня и языки низкого уровня (машинные).
К языкам низкого уровня относится язык Ассемблер, в котором программа пишется в основном на уровне машинных кодов.
Языки высокого уровня позволяют писать программу с помощью условных обозначений, близких к языку человека.
Все языки высокого уровня условно можно разделить на две группы – алгоритмические языки (процедурные) и логические (непроцедурные, объектно-ориентированные).
Алгоритмические – предполагают реализацию алгоритма в виде последовательности операций с данными. При этом программы имеют жесткую структуру, определенную форму записи.
К первой группе языков относятся такие языки, как БЕЙСИК, ПАСКАЛЬ, ФОРТРАН, АЛГОЛ, СИ и другие.
Вторые – описывают отношения между объектами и величинами, но при этом явно не указывают, какие именно операции нужно провести и в какой последовательности. К этим языкам относится, в частности, язык ПРОЛОГ, АССЕМБЛЕР.
Кроме того, языки можно разделить еще и по их назначению. Так, языки, перечисленные выше, можно назвать языками общего пользования, универсальными. Эти языки могут быть использованы как профессиональными программистами, так и начинающими (учениками, студентами и т.д.). Посредством этих языков можно решать как задачи вычислительного характера, так и работать с графикой, звуком, работать с текстом.
Мы и будем изучать такие языки, в частности язык ПАСКАЛЬ ABC.
Алгоритмические языки общего назначения различаются своими возможностями, то есть тем кругом задач, которые с помощью них можно решить, и по типу преобразования алгоритма в команды, понятные ЭВМ.
Все дело в том, что программа, написанная на языке программирования, это в большинстве случаев текст. А ЭВМ, как вы уже знаете (используем то, что учащиеся уже знают принцип работы ЭВМ), работает на двоичных кодах. Следовательно, алгоритм, введенный в ЭВМ на каком-либо языке программирования, должен быть преобразован в специальные коды. Для этого в состав языка программирования входит специальная программа – транслятор, которая и выполняет эту задачу.
Трансляторы можно разделить на две группы по их работе – компиляторы и интерпретаторы. Языки программирования, имеющие в своем составе интерпретатор, чаще всего являются строчно-ориентированными языками, то есть команды записываются в строке, каждая из которых имеет свой номер. Выполнение программы происходит в последовательности номеров строк. Таким языком является, в частности, БЕЙСИК (Стандартный)
Интерпретатор читает строку программы, транслирует ее в коды ЭВМ и немедленно выполняет, затем переходит к следующей. При обнаружении ошибок специальный отладчик сообщает об ошибке, исполнение программы останавливается.
Компилятор действует иначе. Он сначала просматривает всю программу, отмечает все ошибки и только после того, как все ошибки исправлены, – компилирует программу, то есть в памяти создает программу в машинных кодах и после этого ее исполняет.
Большинство языков имеют в своем составе компилятор, так как они работают быстрее. К языкам такого уровня относятся ПАСКАЛЬ, СИ, Q-BASIC и многие другие.
«Среда программирования Pascal ABC».
Система Pascal ABC предназначена для обучения программированию на языке Паскаль и ориентирована на школьников и студентов младших курсов. Система Pascal ABC основана на языке Delphi Pascal.
Основу любого языка составляет алфавит, то есть конечный, фиксированный набор символов, используемых для составления текстов на данном языке (в нашем случае – программ). Итак, алфавит языка Паскаль составляют:
буквы латинского алфавита; (Вопрос: Сколько букв? Ответ: 26)
арабские цифры; (Вопрос: Сколько цифр? Ответ: 10)
специальные знаки. (Вопрос: Кто подскажет? Ответ: .,;:<> и т.д.)
Эта среда программирования довольно таки простая, в ней такое же окно программы, как и во многих программах сделанных под windows, работать с текстом в этой программе можно так же просто, как и в текстовом редакторе Блокнот.
Схема написания алгоритма в виде программы и, на основании её, объяснить структуру написания программы.
Структура программы на языке Pascal ABC
program имя программы;
uses раздел подключения модулей;
var раздел описаний;
begin
операторы;
end.
Первой строкой программы является её заголовок. Он подобно заголовку книги рассказывает читателю, что это программа, для решения какой задачи она предназначена. При написании текста программы следует соблюдать несколько правил:
- разрешается использовать только символы латинского алфавита для команд
- большие и маленькие буквы Паскаль не различает. То есть слово begin может быть
написано как с маленькой, так и с большой буквы "Вegin; BEGIN; BeGin"
- все операторы заканчиваются точкой с запятой ";"
Самый простой и одновременно один из самых важных операторов - оператор вывода, ведь программа должна вывести результат на экран монитора. Выглядит оператор следующим образом: Write ('Здравствуй Мир!');
Какова же структура среды PascalABC?
· Как обозначается заголовок программы?
· Как описать раздел подключения модулей?
· В какой строке описываются данные?
· Какие зарезервированные слова означают начало и конец программы?
Со структурой программы мы уже разобрались, осталось разобраться с рабочим окном.
Сделаем это при помощи Инструкционной карточки где показано рабочее окно программы. Рассмотрим его.
Учащиеся называют элементы интерфейса программы.
Ну а теперь приступим к работе за компьютером! Практическая работа
Запустим программу Pascal ABC. И попробуем написать нашу первую программу!
Пусть она выводит на экран текст: «Привет! Я всемогущий компьютер. Жду ваших указаний». На доске есть подсказка.
Program text;
Begin
Write(‘Привет!’);
Writeln((‘Я всемогущий компьютер’);
Write(‘Жду ваших инструкций’);
End.
!На выполнение задания отводится 4 минуты.
Учащиеся сохраняют полученные результаты. Выходят из программы.
! После выполнения задания необходимо выполнить зарядку для глаз.
Примерный комплекс упражнений для глаз:
Закрыть глаза, сильно напрягая глазные мышцы, на счет 1-4, затем раскрыть глаза, расслабить мышцы глаз, посмотреть вдаль на счет 1-6. Повторить 4-5 раз.
Посмотреть на переносицу и задержать взор на счет 1-4. До усталости глаза не доводить. Затем открыть глаза, посмотреть вдаль на счет 1-6. Повторить 4-5 раз.
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Компьютерная графика в Паскале – область информатики, изучающая методы и свойства обработки изображений с помощью программно-аппаратных средств.
Представление данных на компьютере в графическом виде впервые было реализовано в середине 50-х годов. Сначала, графика применялась в научно-военных целях.
Построение графических изображений в Паскале, исследование графиков функций, одной из важных и интересных тем программирования.
Обычно экран компьютера находится в символьном режиме, а для переключения экрана в графический режим необходимо подключение модуля graphABC. В результате этого, экран очищается и переходит в цветной графический режим.
При работе в графическом режиме изображение на экране строится из точек (пиксель). Каждый пиксель на экране имеет координаты (X,Y), которые образуются номерами столбцов (Х) и строк (Y). Нумерация начинается в верхнем левом углу. Именно в этом углу расположен пиксель с координатами (0,0). Координата Х растет вправо, координата Y – вниз.
Любая графическая картинка формируется из простых геометрических фигур. Это точки, отрезки (линии), прямоугольники, окружности и т.д. Графические координаты принимают только целочисленные значения.
Рисование различных геометрических фигур осуществляется с помощью специальных стандартных команд (процедур). Команды для работы в графическом режиме хранятся в библиотечном модуле GraphAbc, который описывается в разделе описаний с помощью зарезервированного слова Uses. В модуле GraphAbc с помощью команды setwindowsize(X,Y) можно задавать размеры графического окна.
По умолчанию графическое окно будет принимать размеры экрана компьютера.
Стандартные цвета с задаются символическими константами:
Процедура Line(x1,y1,x2,y2) вычерчивает прямую линию из точки (х1,y1) в точку (x2,y2) цветом установленным процедурой SetPenColor(c).
Процедура Rectangle(x1,y1,x2,y2) рисует прямоугольник, где (х1,y1) координаты верхней левой точки, а (х2,y2) – правой нижней.
Процедура FillRect(x1,y1,x2,y2: integer) – заливает прямоугольник, заданный координатами противоположных вершин (x1,y1) и (x2,y2), цветом текущей кисти.
Процедура Сircle(x,y,r) рисует окружность с центром в точке (х,y) и радиусом r.
Закрасить замкнутую фигуру можно с помощью процедуры FloodFill(х,у,c), (х,у) – координата точки внутренней области фигуры, c – цвет заливки.
Процедура СlearWindow(color) устанавливает цвет графического окна. Закрасить прямоугольник и круг можно, используя команду закраски кистью SetBrushColor (color).
Процедуры для ввода текста:
TextOut(x,y: integer; s: string) – выводит строку s в позицию (x,y) (точка (x,y) задает верхний левый угол прямоугольника, который будет содержать текст из строки s);
SetFontSize(size: integer) – устанавливает размер текущего шрифта в пикселях;
SetFontColor(c: Color) – устанавливает цвет текущего шрифта;
SetFontStyle(fs: integer) – устанавливает стиль текущего шрифта.
А теперь попробуем нарисовать домик вместе.
Пример программы рисования домика:
Program dom; «название программы (комментарий)»Uses graphABC; – переключаем экран в графический режимBegin – команда начала программы«рисуем крышу» line(100,100,150,50); – рисуем линию с координатами (100,100,150,50) line(150,50,200,100); – рисуем линию с координатами (150,50,200,100) line(200,100,100,100); – рисуем линию с координатами (150,50,200,100) floodfill(120,90,clgreen); – заливаем область крыши зеленым цветом «рисуем фасад дома» SetBrushcolor(clred); – устанавливаем цвет кисти красныйrectangle(115,100,185,150);– рисуем прямоугольник с координатами(115,100,185,150) «рисуем окно»SetBrushcolor(clblue); – устанавливаем цвет кисти синийcircle(150,75,5); – рисуем окружность с координатами (150,75,5) «рисуем дверь»SetBrushcolor(clgray); – устанавливаем цвет кисти темно-серый rectangle(125,120,140,140);– рисуем прямоугольник с координатами(125,120,140,140) «пишем текст»SetBrushcolor(clred); – устанавливаем цвет кисти красный textOut(150,110,'Дом'); – выводим текст «дом» на месте координат (150,110) end. – конец программыИзмените размер домика и поменяйте цвета самостоятельно.
Напишите программу, рисующую снеговика и закрасьте его.
Какие процедуры вам для этого понадобятся?
Program snegovik; uses graphABC;begin FloodFill(50, 80, clYellow); ellipse(120, 350, 280, 480); circle(200, 300, 60);circle(200, 210, 40); line(170, 120, 230, 120); line(160, 180, 240, 180);line(170, 120, 160, 180);line(230, 120, 240, 180);floodfill(200, 173, clblack);floodfill(200, 123, clblack);setbrushcolor(clblack);circle(190, 200, 5);circle(210, 200, 5);line(200, 210, 220, 220);line(200, 220, 220, 220);line(200, 210, 200, 220);floodfill(204, 214, clblack);setpenwidth(5); line(210, 230, 190, 230);line(70, 320, 170, 250);line(230, 250, 330, 300);line(327, 450, 327, 200);circle(200, 265, 10);circle(200, 300, 10);circle(200, 338, 10);circle(200, 390, 10);circle(200, 428, 10);circle(200, 460, 10);end.Как переключить программу Pascal ABC из символьного режима в графический?
С помощью каких процедур можно получить высвечивание точки на экране, рисования линий, прямоугольников, окружностей?
Какая процедура позволяет закрашивать фигуры?
Какие цвета вы использовали? (Назовите на английском языке)
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Ответьте на вопросы теста:
А1. Алгоритм — это:
1) правила пользования лифтом
2) год выпуска лифта
3) предприятие — изготовитель лифта
4) ведомственная принадлежность лифта
А2. Если последовательность выполнения команд алгоритма зависит от истинности тех или иных условий, то он называется:
1) линейным
2) разветвляющимся
3) циклическим
4) вложенным
А3. Определите значение переменной с после выполнения фрагмента программы.
а:= -2;
b:= -3;
а:= b+а*3;
1) 12
2) -6
3) 6
4) -12
A4. Какое из предложенных выражений может быть использовано в качестве условий?
1) (х<-3)или(х<>5)
2) t*4-3
3) х-у
4) с
Закрепление
1. Что такое алгоритм?
2. Что такое программа?
3. Что входит в структуру программы?
program PR;
var a, b: integer;
x, y: real;
begin
a := 5;
10 := x;
y := 7,8;
b := 2.5;
end.
3. Что такое компьютерная графика? На что делятся компьютерные графические изображения?
4. Что применяется в программе для работы в графическом режиме?
Давайте вспомним математику и тему координатная плоскость.
1 вопрос: Скажите, пожалуйста, в чём отличия графических координат разрешения экрана монитора и значений координатной плоскости, которые вы изучали в разделе математики.
2 вопрос: Посмотрите программу, которая рисует «дом». Скажите, пожалуйста, из каких разделов состоит структура данной программы?
3 вопрос: К какой алгоритмической структуре можно отнести эту программу?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Практическая работа
Составить программу рисующую ключ и отразить результат в графическом режиме в виде рисунка. Когда вы напишите программу запустите её на выполнение. В оставшееся время вы можете раскрасить получившийся рисунок. Вы можете воспользоваться Стандартными цветами сl в графике на сайте:
Мы уже умеем работать с растровой и векторной графикой в графических редакторах, а также программировать рисование простых изображений. Применим наши умения для построения геометрических фигур. Начнем с чертежа простой детали. Чертеж является основным документом
любого производства. По чертежам изготавливают детали, собирают машины, строят дома, шьют одежду. На уроках черчения Вы учились выполнять чертежи на бумаге. Современное же производство немыслимо без компьютерных систем автоматического проектирования (например, AutoCAD, Kompas). Напомним, что в среде программирования PascalABC изображения можно формировать из простых геометрических фигур (графических примитивов), например точек, отрезков, прямоугольников, окружностей, эллипсов. Рисование осуществляется в графическом окне. Начало системы координат находится в левом верхнем углу окна, ось абсцисс направлена вправо, а ось ординат — вниз. Библиотека стандартных графических процедур хранится в модуле GraphABC При работе с изображениями в среде PascalABC удобно все данные вводить и выводить в графическом окне. Совмещать работу с текстом и графикой в одном окне можно, подключив модули сrt и GraphABC одновременно.
П р и м е р 1. Составить программу, которая выполняет чертеж детали (рис. 2.1) и вычисляет ее площадь. Масштаб: 1 клетка — 20 пикселей. Радиус
отверстия r в сантиметрах вводится с клавиатуры, AB = BC = 8 см. Определим исходные данные. Радиус отверстия будем вводить в перемен-
ную r, размер AB и площадь фигуры будем хранить в переменных a и S. Все переменные будут иметь тип real. Чертеж данной детали можно выполнить рисованием пяти графических примитивов: отрезков AB, BC, CD, окружности с центром O и дуги AED. Определим экранные координаты точек. Пусть точка O имеет координаты (160, 120). Тогда с учетом масштаба координаты остальных точек следующие: A(80, 120), B(80, 280), C(240, 280), D(240, 120). Радиус дуги AED равен 80. Радиус окружности на экране вычислим умножением введенного значения r на масштаб. Дробную часть отбросим, чтобы обеспечить целочисленность координат для процедур рисования: trunc(r*20). Площадь детали складывается из площади квадрата ABCD со стороной а и площади полукруга AED диаметром а за вычетом площади круга радиусом r.
Программа может выглядеть так:
рrogram Figura1;uses crt, GraphABC; {Подключение модулей}var r, a, S: real;beginSetWindowSize(320,320); {Размеры окна}write(′Введите r (от 1 до 3) ′);read(r); {Ввод радиуса}SetPenWidth(3); {Толщина пера}line(80,120, 80,280); {Рисование отрезков}line(80,280, 240,280);line(240,280, 240,120);circle(160,120, trunc(r*20)); {Рисование окружности}arc(160,120, 80, 0,180); {Рисование дуги}a:=8; S:=a*a+Pi*a*a/8-Pi*r*r; {Вычисление площади}write(′S = ′, S:2:2); {Форматный вывод}end.Результат работы программы для r = 2,4 посмотреть на экране монитора .
Конечно, рисовать подобные фигуры можно в любом из изученных Вами графических редакторов и даже с помощью инструментов приложений MS Office. Программирование необходимо в тех случаях, когда требуется изменять свойства объектов или производить вычисления. Так, в нашем примере с клавиатуры вводятся значения радиуса отверстия и вычисляется площадь детали. Нетрудно, например, вычислить еще и массу детали, задав толщину и плотность материала. На уроках математики Вы научились изображать пространственные фигуры: призму, пирамиду, цилиндр, конус, шар. Рассмотрим построение пространственных фигур в среде PascalABC.
П р и м е р 2. Составить программу, которая рисует цилиндр и вычисляет его объем. Масштаб: 1 клетка — 20 пикселей. Радиус цилиндра — 4 см. Высота цилиндра в сантиметрах вводится с клавиатуры. Определим исходные данные. Высоту цилиндра будем вводить в переменную
h, радиус и объем будем хранить в переменных r и V. Переменные h и r будут иметь тип integer, а V — тип real. При построении пространственных фигур окружности, не лежащие в плоскости чертежа, изображаются эллипсами. Таким образом, построение цилиндра
сводится к рисованию четырех графических примитивов: двух отрезков AB, CD и двух эллипсов с центрами O1 и O2. Заметим, что в задачах с построением фигур следует сначала вычислять требуемые величины, используя заданные и введенные значения, и лишь затем производить переход к экранным координатам с учетом масштаба. Вычислим объем цилиндра, как произведение площади основания (круга) и высоты V = πr2h.
Определим экранные координаты точек. Пусть точка O1 имеет координаты x = 160, y = 120. Произведем пересчет радиуса и высоты с учетом масштабов: r = 20r и h = 20h. Поскольку масштабы учтены, координаты точек выражаются простыми формулами: O2 (x, y + h), A(x – r, y), B (x – r, y + h), C (x + r, y + h), D (x + r, y). Наконец, нарисуем отрезки и эллипсы. Процедура Ellipse рисует эллипс, который задается описанным около него прямоугольником с координатами противоположных вершин, например: E (x – r, y – 40) и F (x + r, y + 40).
Программа может выглядеть так:
рrogram Figura2;uses crt, GraphABC;var x, y, h, r: integer; V: real;beginSetWindowSize(320,320); {Размеры окна}write(′Введите высоту (1-8) ′);readln(h); {Ввод высоты}r:=4; V:=Pi*r*r*h; {Вычисление}write(′Объем V = ′, V:2:1); {Вывод}SetPenWidth(3); {Толщина пера}SetBrushStyle(bsClear); {Cтиль пера}x:=160; y:=100; {Экранные координаты}r:=20*r; h:=20*h; {Учет масштаба}Ellipse(x-r,y-40, x+r,y+40); {Рисование эллипсов}Ellipse(x-r,y+h-40, x+r,y+h+40);line(x-r,y, x-r,y+h); {Рисование отрезков}line(x+r,y, x+r,y+h);end.Результат работы программы для h = 7 посмотреть на экране монитора
1. Какие графические примитивы можно использовать при построении изображений?
2. Какие модули необходимо подключать, чтобы работать с текстом и графикой в одном окне?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Графические возможности языка программирования расширяет использование растровых изображений. Особенно интересно использование фотографий реальных объектов и явлений живой и неживой природы (машин, механизмов, людей, животных, растений), которые практически невозможно создать с помощью стандартных графических примитивов. Процедуры и функции для работы с растровыми изображениями содержатся в модуле GraphABC. Функция LoadPicture(fname) загружает рисунок из файла с именем fname в оперативную память. Загружать можно рисунки в форматах BMP, JPG, GIF, PNG. Каждому загруженному рисунку, хранящемуся во время работы программы в оперативной памяти, присваивается целочисленный описатель (дескриптор) nm:=LoadPicture(fname). Он передается в качестве первого параметра во все остальные процедуры и функции работы с рисунками.
Процедура DrawPicture(nm,x,y) выводит рисунок с описателем nm в позицию (x,y) графического окна, а процедура DrawPicture(nm,x,y,w,h)
еще и масштабирует изображение, устанавливая его ширину w и высоту h. Если w<0, то рисунок зеркально отражается относительно вертикальной прямой, проходящей через x, если же h<0, то рисунок зеркально отражается относительно горизонтальной прямой, проходящей через y.
П р и м е р 1. Составить программу, иллюстрирующую принцип действия проекционного аппарата. В проекционном аппарате предмет (слайд, или рисунок на прозрачной пленке) помещают между фокусом и двойным фокусом линзы. На экране получается увеличенное обратное изображение. Для получения на экране прямого изображения слайд переворачивают. Алгоритм программы заключается в загрузке из файла растрового изобра-
жения и выводе его на экран после необходимых преобразований (увеличение и переворот). Единственная переменная pic будет иметь тип integer.
Прежде всего зададим размеры экрана 640×520 и черный цвет фона. Нарисуем «линзу»: Ellipse(106,220,122,300). Загрузим изображение из файла (например, robotA.jpg) и поместим его описатель в переменную pic:=LoadPicture(′robotA.jpg′). С помощью процедуры DrawPicture(pic,60,310,-50,-100) выведем перевернутое изображение размером 50 × 100 пикселей в позицию с координатами верхнего левого угла (60, 310), поставив перед значениями 50 и 100 знаки «минус». Еще раз выведем это изображение, но уже в позицию с координатами (380, 10), изменив его ширину до 250 пикселей, а высоту — до 500 пикселей, т. е. увеличив его в 5 раз: DrawPicture(pic,380,10,250,500). Осталось провести вспомогательные линии, иллюстрирующие построение изображения, и откорректировать положение «линзы».
Программа может выглядеть так:
program Proector;uses GraphABC;var pic: integer;beginSetWindowSize(640,520); {Размеры окна}ClearWindow(clBlack); {Черный фон}SetBrushColor(clSkyBlue);Ellipse(106,220,122,300); {Линза}pic:=LoadPicture(′robotA.jpg′); {Загрузка изображенияиз файла}DrawPicture(pic,60,310,-50,-100); {Вывод изображения, пере-ворот}DrawPicture(pic,380,10,250,500); {Увеличение}SetPenColor(clYellow); {Вспомогательные линии}line(60,310, 380,10); line(60,210, 380,510);SetPenColor(clWhite);line(10,310, 630,10); line(10,210, 630,510);end.Результат работы программы посмотреть на экране монитора.
Растровые изображения выводятся в прямоугольные области, которые при создании графических композиций могут перекрывать друг друга. Процедура SetPictureTransparent(nm,b) устанавливает режим прозрачности изображения с описателем nm. По умолчанию режим прозрачности отключен (b=False). Если b=True, то при рисовании фон не отображается. Фоновым считается цвет левого нижнего пикселя рисунка. Растровые изображения можно использовать в качестве образцов для закрашивания фигур кистью. Процедура SetBrushPicture(fname) закрашивает фигуры фоновым рисунком, используя образец, хранящийся в файле fname. В последнее время широкое распространение получили программы, предназначенные для автоматической генерации разнообразных типовых документов, например поздравительных открыток, рекламных плакатов, финансовых документов (накладных, счетов), презентаций. Алгоритмы их работы основаны на использовании шаблонов, которые можно дополнять некоторым содержанием и элементами оформления.
П р и м е р 2. Составить программу, которая рисует поздравительные открытки. C клавиатуры выбирается тема, и вводится текст поздравления.
Будем оформлять все открытки по шаблону: слева — залитый растровым изображением прямоугольник, справа — рисунок сказочного персонажа, сверху — текст поздравления. Номер темы будет вводиться с клавиатуры (переменная tema). Для каждой темы с помощью алгоритмической конструкции выбора case…of зададим имена файлов (переменные fzal, fris), в которых будут храниться подходящие изображения. Например, для темы 1 (зима) используем снежинки (fzal:=′snow.gif′) как фоновый рисунок и Буратино (fris:=′buratino.gif′), для темы 2 (весна) — солнышко (fzal:=′sun.gif′) и Попугая (fris:=′popugai.gif′), для темы 3 (лето) — ромашки (fzal:=′daisy.gif′) и Карлсона (fris:=′karlson.gif′), для темы 4 (осень) — листочки (fzal:=′list.gif′) и Лису (fris:=′lisa.gif′). Затем будет вводиться текст поздравления (переменная s), например «С Новым годом!». Переменные tema и ris будут иметь тип integer, а переменные fzal, fris, s — тип string.
Программа может выглядеть так:
рrogram Otkrytka;uses crt, GraphABC;var tema, ris: integer; fzal, fris, s: string;beginSetWindowSize(600,400);write(′Введите номер темы: 1—зима, 2—весна, 3—лето,4—осень′); read(tema);write(′Введите поздравление ′); read(s);case tema of {Выбор имен файлов}1: begin fzal:=′snow.gif′; fris:=′buratino.gif′; end;2: begin fzal:=′sun.gif′; fris:=′popugai.gif′; end;3: begin fzal:=′daisy.gif′; fris:=′karlson.gif′; end;4: begin fzal:=′list.gif′; fris:=′lisa.gif′; end;end;ClearWindow;SetPenColor(clLtGray); {Цвет пера}SetBrushPicture(fzal); {Установка заливки}Rectangle(0,0,120,400); {Рисование прямоуголь-ника}ris:=LoadPicture(fris); {Загрузка изображения изфайла}DrawPicture(ris,380,70, 200,320); {Вывод изображения}SetBrushStyle(bsClear); {Прозрачный фон кисти}SetFontColor(clRed); {Цвет шрифта}SetFontSize(34); {Размер шрифта}SetFontStyle(fsBold); {Начертание}TextOut(60,40,s); {Вывод текста}end.Результаты работы программы экране монитора
Во многих задачах требуется исследовать протекание процессов и явлений во времени. Для наглядной демонстрации решения таких задач используют методы анимации. Напомним, что анимацией называют имитацию движения и изменения формы и других видимых свойств объектов с течением времени. В 9-м классе мы научились создавать анимации в специальном графическом редакторе. В среде PascalABC изображения можно «оживить» путем их многократного рисования и стирания. Избежать моргания экрана позволяет использование процедуры перерисовки Redraw.
П р и м е р 3. Составить программу, которая имитирует движение автомобиля. Пусть автомобиль перемещается на фоне здания и деревьев слева направо на расстояние 400 пикселей. Загрузим изображения фона и автомобиля из файлов gorod.gif и avto.jpg, поместив их описатели в переменные fon и avto. Установим прозрачность фона для изображения автомобиля: SetPictureTransparent (avto,true). Зададим начальные координаты (x,y), ширину w и высоту h изображения автомобиля. Все переменные будут иметь тип integer. Процедуры рисования и стирания будем повторять в цикле с предусловием While до тех пор, пока автомобиль не переместится на 400 пикселей. На каждом шагу цикла координату x левого верхнего угла изображения будем увеличивать на 10. Ширину изображения будем уменьшать на 2 пикселя, а высоту — на 1 пиксель для его уменьшения при удалении. Заметим, что плавность и длительность полученной демонстрации зависит от выбора величины шага (увеличения координаты х), количества кадров (повторений цикла), времени показа кадра (задержки), а также быстродействия компьютера.
Программа может выглядеть так:
program Avto3;uses GraphABC;var fon, avto, x, y, w, h: integer;beginSetWindowSize(600,300);fon:= LoadPicture(′gorod.gif′); {Загрузка изображений}avto:= LoadPicture(′avto.jpg′);SetPictureTransparent(avto,true); {Прозрачный фон}x:=0; y:=170; w:=240; h:=100;While x<400 dobeginClearWindow; DrawPicture(fon,0,0);DrawPicture(avto,x,y,w,h); {Вывод изображений}x:=x+10; w:=w-2; h:=h-1;sleep(20); {Задержка на 20 мс}Redraw; {Перерисовка}end;end.Первый и последний кадры «анимации» (начальное и конечное положения автомобиля) представлены Программа в среде PascalABC может манипулировать несколькими изображениями, загружая их сразу или поочередно. При создании нескольких графических объектов в одном окне и импортировании различных изображений можно независимо управлять их свойствами. Интересные фотореалистичные модели получаются при совместном использовании растровой и векторной графики.
П р и м е р 4. Составить программу «Секундомер»: на фоне фотографии циферблата секундомера поместить движущиеся стрелки, которые останавливаются при нажатии любой клавиши. Загрузим изображение циферблата из файла Timer.jpg, поместив описатель в переменную fon. Зададим координаты центра вращения стрелок (x0,y0) и начальные значения секунд sec:=0 и минут min:=0. На каждом шагу цикла с постусловием repeat…until будем увеличивать значение секунд на 1 до тех пор, пока время не превысит 60 мин, или не будет нажата любая клавиша (keyPressed). Значения минут будем вычислять целочисленным делением секунд на 60 (min:=sec div 60). Секундную стрелку будем рисовать линией длиной 120 и толщиной 3 пикселя, а минутную — 100 и 7 пикселей. Радианная мера угла поворота секундной стрелки равна Pi*sec/30, а минутной — Pi*min/30. Координаты концов стрелок (x,y) будем вычислять по формулам тригонометрии и округлять до целых. Например, для секундной стрелки используем формулы:
x:=x0+Round(120*sin(Pi*sec/30));
y:=y0-Round(120*cos(Pi*sec/30)).
Программа может выглядеть так:
рrogram Timer;uses crt, GraphABC;var fon, x0, y0, x, y ,sec, min: integer;beginSetWindowSize(360,480); {Размеры окна}HideCursor; {Скрытие курсора}x0:=173; y0:=300; sec:=0; min:=0;fon:=LoadPicture(′timer.jpg′); {Загрузка изображения}repeatClearWindow;DrawPicture(fon,0,0,360,480); {Рисование циферблата}sec:=sec+1; min:=sec div 60; {Расчет секунд и минут}x:=x0+Round(120*sin(Pi*sec/30)); {Секундная стрелка}y:=y0-Round(120*cos(Pi*sec/30)); {Координаты конца}SetPenWidth(3); Line(x0,y0,x,y); {Рисование}x:=x0+Round(100*sin(Pi*min/30)); {Минутная стрелка}y:=y0-Round(100*cos(Pi*min/30)); {Координаты конца}SetPenWidth(7); Line(x0,y0,x,y); {Рисование}sleep(1000);Redraw;until (min>=60) or keyPressed;end.Результат работы программы посмотреть на экране монитора
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
ПОНЯТИЕ ЭЛЕКТРОННОЙ ТАБЛИЦЫ
Компьютер позволяет обрабатывать разнообразную информацию, которая может представляться в различных формах. Для повышения
наглядности и удобства работы с большим количеством данных их размещают в таблицах. С древнейших времен люди оформляли информацию в виде таблиц. Вавилонские и египетские жрецы составили множество таблиц, в которых упорядочена информация разного характера и значения: от астрономической (восходы Солнца, фазы Луны) до торговой и бытовой (разливы рек, урожаи, продажи зерна, расходы и доходы). В арабском
мире появились математические таблицы, позволявшие делать вычисления (например, тригонометрические таблицы). И в современной повседневной жизни таблицы широко используются для упорядочения информации: в виде таблицы оформляют спортивные результаты, оценки в школьном журнале, меню в школьной столовой. А с появлением компьютеров стали широко использоваться электронные таблицы.
Электронная таблица (ЭТ ) — совокупность хранимых в памяти компьютера данных, которые отображаются в виде таблицы. Основная
отличительная особенность ЭТ заключается в том, что хранимые в ней данные могут быть связаны формулами и пересчитываться автомати-
чески. Таким образом, электронная таблица представляет собой табличную модель структурирования, обработки и отображения информации.
НАЗНАЧЕНИЕ ТАБЛИЧНОГО ПРОЦЕССОРА
Прикладные программы, предназначенные для работы с электронными таблицами, называют табличными процессорами. Они позволяют
решать следующие основные типовые задачи:
• создание ЭТ;
• открытие (загрузку из файла), редактирование и сохранение ЭТ
в файле;
• выполнение вычислений, анализ данных, автоматический пере-
счет значений при изменении данных;
• графическое представление информации;
• печать ЭТ.
Появление электронных таблиц совпадает с началом распространения персональных компьютеров. Первая программа для работы
с электронными таблицами VisiCalc была создана в 1979 г. Современные табличные процессоры позволяют не только выполнять численные
расчеты, но и обрабатывать данные других типов — например, сортировать или фильтровать данные текстового типа, упорядочивать даты
и т. п. Одним из самых популярных табличных процессоров является MS Excel, входящий в состав пакета Microsoft Office. С помощью Excel можно решать множество задач в различных сферах деятельности человека — от простейших вычислений или планирования семейного бюджета до сложных технико-экономических расчетов и представления данных в виде графиков и диаграмм. Запускается Excel так же, как и другие программы, — кнопкой Пуск на Панели задач → Программы или щелчком мышью по ярлыку -X- Microsoft Excel на рабочем столе.Файлы MS Excel имеют расширение .xls и соответствующие значки .
СТРУКТУРА ТАБЛИЦЫ: ЯЧЕЙКИ, СТОЛБЦЫ, СТРОКИ
Информация в электронной таблице может храниться в сотнях ячеек, поэтому необходимо позаботиться о ее правильной организации.
При запуске Excel открывается окно с рабочим листом электронной таблицы (рис. 5.1). Окно содержит заголовок, панели инструментов, строку формул, строку состояния. Совокупность листов составляет рабочую книгу. При первом запуске на экране по умолчанию появляется Книга1, в которой отображается Лист1 (его фрагмент). Excel позволяет назначать листам имена, добавлять к книге новые листы и удалять ненужные. С помощью ярлыков листов можно переходить от одного листа к другому. В окне имеются полосы прокрутки, с помощью которых можно перемещаться из одного места активного листа в другое. Лист MS Excel 2003 содержит 65 536 строк и 256 столбцов. Строки пронумерованы числами (от 1 до 65 536), а столбцы обозначены буквами латинского алфавита. Одной буквы хватает для обозначения только первых 26 столбцов от A до Z. Поэтому столбцы с 27-го по 256-й обозначены двумя буквами: AA, AB, …, AZ, BA, BB, …, BZ, …, IA, IB, …, IV. На пересечении строк со столбцами расположены ячейки, в которых размещаются данные. Каждая ячейка имеет уникальный адрес, который состоит из обозначения (имени) столбца и номера строки. Например, ячейка с адресом B3 находится на пересечении столбца B и строки 3 (рис. 5.2,a)Совокупность нескольких ячеек образует диапазон. Адрес диапазона задается адресами его верхней левой и нижней правой ячеек, например B2 и D5 (рис. 5.2, б), которые записывают через двоеточие B2:D5. Диапазон могут составлять и несмежные ячейки, которые разделяют точками с запятой, например: B2:D4; F3:G5; С7:F7 (рис. 5.3)Ввод и редактирование данных выполняют в активной ячейке. Чтобы сделать ячейку активной, ее необходимо выделить щелчком мыши (или перейти на нее с помощью клавиш перемещения курсора). Активная ячейка обрамляется рамкой, а ее адрес (имя) отображается в поле имен (В3 на рис. 5.2, а). Когда указатель мыши находится в поле листа, он заменяется указателем ячейки в виде белого крестика . Для просмотра части листа, которая в данный момент не видна в окне книги, нужно перетащить мышью бегунок на вертикальной или горизонтальной полосе прокрутки рабочего листа или щелкнуть мышью по свободной зоне полосы прокрутки. Для перемещения между листами книги можно щелкать мышью по их ярлыкам или по кнопкам прокрутки листов, расположенным в левой нижней части листа.
ТИПЫ ДАННЫХ
В электронной таблице вся информация размещается в ячейках. В ячейку таблицы можно вводить различные данные: числа, текст или формулу. Возможности работы с данными определяются их типом. Excel работает с данными следующих типов:
− числовые значения (например: 27; 5,7; 51/4; 1,3E–03);
− текстовые значения (например: Итого; Школа №; 10-й класс; Фамилия);
− дата и время суток (например: Январь 2010; 7.12.2011; 18:00 или 6:00 РМ);
− примечания (например: это лидер по прыжкам в высоту);
− формулы (например: =A3*B3/D2, =СУММ(ВЗ:В7));
− изображения и объекты мультимедиа из файлов или коллекций клипов, фигуры и объекты WordArt;
− гиперссылки на ресурсы Интернета, а также на другие документы.
Данные вводятся в ячейки пользователем и могут быть изменены путем редактирования. Значения в ячейках, содержащих формулы, изменяются автоматически, как только изменяются входящие в формулу исходные данные. Для этого в формулах используют не сами исходные данные, а ссылки на адреса ячеек, в которых эти данные находятся. По умолчанию в ячейках с формулами отображаются не сами формулы, а результаты вычислений по ним. При этом сама формула отображается в строке формул (рис. 5.4). Можно перейти в режим отображения формул (вызвав меню Сервис → Параметры и установив на вкладке Вид в разделе Параметры окна флажок Формулы). В этом режиме в ячейке отображается не результат, а формула, причем используемые в ней адреса ячеек и рамки вокруг этих ячеек имеют разные цвета (рис. 5.5). Заметим, что для перехода из одного режима в другой можно использовать и комбинацию клавиш Ctrl+` (в русской раскладке — буква ё).
1. Что понимают под электронной таблицей?
2. Что такое табличный процессор?
3. Какие структурные элементы содержит электронная таблица?
4. Как задается адрес ячейки, адрес диапазона ячеек?
Рассмотрим на примерах ввод и редактирование данных разных типов. Числовые данные Вводимые числа могут быть целыми (например, 12), десятичными (45,95) или обыкновенными дробями (3 1/2), а также записываться в так называемом экспоненциальном представлении (1,3Е+7).
Для ввода числа в ячейку ее выделяют с помощью мыши или клавиатуры. Набирают число, затем нажимают клавишу Enter (Ввод) или выделяют мышью другую ячейку. При вводе данные отображаются в активной ячейке и в строке формул. Табличный процессор распознает тип вводимых данных. По умолчанию числа выравниваются по правому краю ячейки. Дробную часть числа от целой отделяют запятой или точкой, в зависимости от установок операционной системы. В русскоязычной версии Windows для отделения дробной части по умолчанию используется запятая.
Пример 1. Ввести 5 чисел: 7; 2,3; 12; 31/2; 1,3 · 104 — в ячейки столбца В начиная со второй строки (ячейки В2) (рис. 5.6).
На пересечении столбца B и второй строки выделим ячейку В2, подведя к ней указатель мыши и щелкнув левой кнопкой. Наберем на клавиатуре число 7 и нажмем клавишу Enter. Активной станет ячейка В3. Вместо нажатия Enter можно щелкнуть левой кнопкой мыши по следующей ячейке. Аналогично введем числа 2,3 и 12. При этом табличный процессор распознает тип вводимых данных как числовой, на что указывает выравнивание по правому краю ячейки. При вводе обыкновенной дроби в ячейке B5 после целой части 3 нажмем клавишу Пробел и наберем: 1/2. Если целая часть дроби отсутствует (например, 1/3), необходимо сначала набрать 0, затем пробел и далее 1/3. Выравнивание по правому краю ячейки указывает, что и в этом случае табличный процессор распознает тип вводимых данных как числовой. При вводе числа в экспоненциальном представлении в ячейке B6 сначала наберем мантиссу 1,3, затем — латинскую букву E (обозначающую основание степени 10) и после нее — порядок 4. После нажатия клавиши Enter в этой ячейке будет отображаться 1,30Е+04, а в строке формул — 13000 (см. рис. 5.6).
Для ввода текстовых данных выделяют нужную ячейку, набирают текст и нажимают клавишу Enter. Excel автоматически распознает текстовые значения и по умолчанию выравнивает их по левому краю ячейки. Если соседние ячейки не заполнены, то Excel позволяет отображать более длинный текст, перекрывающий расположенные справа ячейки. Если в них уже размещены данные, видимое текстовое значение обрезается.
Если требуется, чтобы Excel сохранял в виде текста числа, даты и формулы, вводить их начинают с апострофа. Например, если ввести в ячейку ’55, там появится число 55, выровненное по левому краю без апострофа.
Пример 2. Создать таблицу «Численность населения городов» (рис. 5.7). Выделим ячейку A1 и наберем текст: «Численность населения». На-
бранное отобразится в активной ячейке и в строке формул (рис. 5.8, а). Набрав всю строку, нажмем клавишу Enter. Активной станет ячейка A2
(рис. 5.8, б). Введенный текст выравнивается по левому краю. Это значит, что табличный процессор распознает тип вводимых данных как текст.
Аналогичным способом введем остальные слова в ячейки столбца A. Щелчком мыши выделим ячейку В2 и введем текст: «тыс.чел». В ячей-
ки столб ца В последовательно будем вводить численность населения городов. Табличный процессор распознает тип вводимых данных как
числовой, на что указывает выравнивание по правому краю. Редактировать данные можно как в строке формул, так и в самой ячейке. Для замены содержимого ячейку выделяют и вводят новые данные. Двойной щелчок мыши по ячейке позволяет редактировать данные. Приемы редактирования не отличаются от применяемых в текстовом редакторе.
Примечания
Для привлечения внимания к наиболее важной информации или ввода пояснений можно снабдить ячейки таблицы примечаниями. Для этого нужно выбрать в меню Вставка пункт Примечание. Откроется всплывающее окно с именем пользователя и мигающим курсором, куда можно ввести текст примечания. Чтобы изменить имя, которое появляется во всплывающем окне, выберем в меню Сервис команду Параметры, перейдем на вкладку Общие и введем новое имя в текстовом поле Имя пользователя. Чтобы просмотреть все примечания в рабочей книге, достаточно выбрать в меню Вид команду Примечания. Несколько полезных кнопок для работы с примечаниями содержит также панель ин-
струментов Рецензирование, которая вызывается из меню Вид. Ячейки, снабженные примечаниями, имеют маленький красный треугольник в правом верхнем углу. Чтобы просмотреть примечание во время работы с листом, достаточно навести указатель мыши на ячейку с примечанием и задержаться до появления всплывающего окна с текстом. Чтобы удалить примечание, можно выделить ячейку, выбрать в меню Правка команду Очистить, а затем в подменю — команду Примечания, либо воспользоваться командами контекстного меню.
Пример 3. Создать примечания к ячейкам таблицы «Численность населения городов», указав год получения данных (рис. 5.9). Выделим ячейку B3 (в которой содержатся данные о населении Бреста), вызовем всплывающее окно примечаний, в котором введем месяц и год получения данных: март 2010 (рис. 5.9, а). Откорректируем размеры окна перемещением маркеров его границ с помощью мыши. Аналогичным способом создадим примечания к остальным ячейкам. Они будут помечены красными треугольниками. Наведем указатель мыши, например, на ячейку B5. Вид появившегося примечания показан на рис. 5.9, б.
Табличный процессор Excel выполняет все вычисления по формулам. В состав формул могут входить числа, знаки математических операций, скобки, адреса ячеек и диапазонов, а также стандартные встроенные выражения, называемые функциями. Ввод формулы в Excel начинают со знака равенства. Знак равенства является признаком начала формулы. Он указывает табличному процессору на необходимость интерпретации следующего за ним выражения в виде формулы.
Ввод формулы завершают нажатием клавиши Enter либо щелчком мыши по кнопке в строке формул или по любой свободной ячейке. После ввода формулы табличный процессор выполняет вычисления и по умолчанию отображает в ячейке результат вычислений.
Для обозначения арифметических операций используются следующие знаки: +, – , *, /; для возведения в степень — знак ^ («шапка»). Порядок выполнения действий не отличается от принятого в математике: сначала вычисляются значения функций и выполняются действия в скобках, затем — возведение в степень, умножение и деление, и наконец — сложение и вычитание. Формулы содержат ссылки на ячейки или диапазоны, например:
=(А4+В8)*С6, =F7*3+B5, =СУММ(А1:А5).
При создании формулы входящие в нее ссылки могут вводиться путем набора адресов на клавиатуре. Однако лучше их вводить выделением нужных ячеек с помощью мыши или клавиш перемещения курсора (стрелок). В этом случае можно не бояться спутать похожие по начертанию русские и латинские буквы.
Пример 4. В ячейки А2, А3 и А4 ввести числа 2, 6, 7, а в ячейки В2, В3 и В4 — числа 5, 3, 5. Выполнить вычисления: в ячейке С2 найти сумму по формуле =А2+В2; в ячейке С3 — произведение по формуле \=A3*B3/9; в ячейке С4 — разность квадратов по формуле =A4^2-B4^2. Введем в ячейки заданные числа. Выделим ячейку С2. Наберем знак = и щелкнем мышью по ячейке А2. Ее адрес будет автоматически записан в ячейке С2 после знака =. Наберем знак + и щелкнем мышью по ячейке В2. Ее адрес будет записан в ячейке С2 после знака + (рис. 5.10, а). При этом рамки ячеек и их адреса в строке формул выделяются одинаковым цветом: A2 — синим, В2 — зеленым. Это облегчает проверку правильности формул и их редактирование. После нажатия клавиши Enter будут произведены вычисления, и в ячейке С2 отобразится результат (число 7). Аналогичным способом введем заданные формулы в ячейки С3 и С4. Показатель степени (число 2) в Excel вводится с клавиатуры после нажатия символа ^ (рис. 5.10, б).
Нередко диапазоны ячеек требуется заполнять одинаковыми или изменяющимися по определенному закону данными, например, последовательностями натуральных или четных чисел, названиями месяцев или дней недели. Табличный процессор Excel имеет инструменты, которые упрощают задачу ввода таких данных, позволяя заполнить диапазон ячеек повторяющимся значением или последовательностями значений, называемыми рядами. Эта возможность экономит время при вводе текста, чисел или дат. Для ввода ряда значений в диапазон ячеек можно воспользоваться командой Заполнить из меню Правка или специальным приемом работы с мышью, который называется автозаполнением.
Автозаполнение выполняется с помощью перетаскивания маленького черного квадратика, называемого маркером заполнения. Он находится в правом нижнем углу активной ячейки или выделенного диапазона. При наведении указателя мыши на маркер заполнения вид указателя меняется на знак +, означающий, что включается инструмент автозаполнения. Для создания последовательности текстовых значений, чисел или дат достаточно выделить ячейку или диапазон, перетащить указатель по заполняемым ячейкам и потом отпустить кнопку мыши.
Пример 5. Заполнить диапазон A1:А12 последовательностью нечетных чисел, столбец В — названиями месяцев, столбец С — названиями дней недели. Введем в ячейку А1 первое число ряда (1), а в ячейку А2 — следующее (3). Выделим две эти ячейки. Установим указатель мыши на маркер
заполнения и, удерживая левую кнопку, протащим его вниз до ячейки А12. Диапазон A1:А12 заполнится последовательностью нечетных чисел от 1 до 23 (рис. 5.11). Если выделить только одну ячейку и протащить указатель мыши, то содержащееся в этой ячейке число будет скопировано во все ячейки диапазона. Для автозаполнения ячеек последовательностью чисел необходимо выделить две ячейки с числами из этой последовательности. Введем в ячейку В1 название месяца. Выделим эту ячейку и протащим маркер заполнения вниз до В12. Диапазон В1:В12 автоматически заполнится названиями месяцев (рис. 5.12). Аналогичным способом заполняются ячейки с названиями дней недели (включая и сокращенные названия), а также с датами (см. столбец D на рис. 5.12). Еще раз подчеркнем, что при перетаскивании маркера заполнения отме-
ченные ячейки заполняются данными, характер изменения которых зависит от последовательности значений в выделенном диапазоне ячеек. Если инструмент автозаполнения не распознает закономерности в значениях выделенных ячеек, то данные в заполняемых ячейках дублируются (повторяются). Отметим, что простое копирование (дублирование) содержимого одной ячейки в диапазоны ячеек (в том числе и несмежные) можно
выполнить, используя буфер обмена. Для этого выделяют исходную ячейку и командой Правка → Копировать (или комбинацией клавиш Ctrl+C) помещают ее содержимое в буфер обмена. После этого выделяют требуемые диапазоны (несмежные — с нажатой клавишей Ctrl) и выполняют команду Вставить (или нажимают комбинацию клавиш Ctrl+V).
Для сохранения рабочей книги следует выполнить команду Сохранить из меню Файл или щелкнуть по кнопке (дискета) . При первом сохранении
появляется диалоговое окно Сохранение документа, в котором выбирают папку и вводят имя файла. При повторном сохранении это окно не
показывается, книга автоматически сохраняется в том же файле. Чтобы сохранить книгу под другим именем или в другой папке, следует в меню
Файл выбрать команду Сохранить как, после чего в окне Сохранение документа набрать новое имя. Для закрытия рабочей книги выполняют команду Закрыть из меню Файл или щелкают по кнопке -X-окна этой книги. Для завершения работы с Excel нужно закрыть окно программы
(щелкнуть по кнопке-X- окна программы или нажать комбинацию клавиш Alt+F4).
1. Данные каких типов могут храниться в ячейках MS Excel?
2. Как в ячейку электронной таблицы вводят формулу?
3. В чем заключается автозаполнение ячеек?
РАБОТА С ДИАПАЗОНАМИ ЯЧЕЕК
Вы уже умеете выделять отдельные ячейки и редактировать данные, которые в них содержатся. Рассмотрим теперь следующие операции:
– выделение диапазонов ячеек;
– очистка ячеек и диапазонов;
– копирование и перемещение содержимого ячеек и диапазонов;
– вставка и удаление ячеек, строк, столбцов.
Выделение ячейки делает ее активной, ее имя (адрес) появляется в поле имен (см. рис. 5.2, а). Напомним, что для обозначения диапазонов ячеек используется особая форма записи: например, А1:Е1 соответствует строке из пяти ячеек, а Е5:Е8 — столбцу из четырех ячеек. Выделить диапазон ячеек можно с помощью мыши или клавиатуры. Для выделения диапазона ячеек выделяют сначала одну из его крайних угловых ячеек. С этой целью на ней устанавливают указатель мыши и щелкают левой кнопкой. Удерживая кнопку нажатой, перетаскивают указатель по остальным ячейкам диапазона и отпускают кнопку. Несмежные (т. е. несоприкасающиеся) диапазоны выделяют с нажатой клавишей Ctrl. Ее отпускают после завершения выделения всех диапазонов. Для выделения диапазона ячеек с помощью клавиатуры необходимо перейти на крайнюю ячейку диапазона с помощью клавиш перемещения курсора. Затем, удерживая нажатой клавишу Shift, клавишами перемещения выделить оставшиеся ячейки и отпустить Shift.
Для удаления содержимого ячеек и диапазонов просто выделяют их и нажимают клавишу Del. В меню Правка выбором пункта Очистить можно вызвать подменю с командами, позволяющими удалить только содержимое ячеек, форматы, примечания или все сразу (рис. 5.13).
Для копирования (перемещения) данных из одного места на листе в другое можно воспользоваться командами Копировать (Вырезать) →
Вставить из меню Правка, кнопками ( ) → на панели инструментов или комбинацией клавиш Ctrl+C (Ctrl+X) → Ctrl+V. При выполнении команд Копировать (Вырезать) выделенный диапазон ячеек обрамляется пунктирной линией, а его содержимое (включая примечания и форматирование) помещается в буфер обмена. При выполнении команды Вставить это содержимое из буфера обмена помещается на новое место, заменяя имеющееся там содержимое. Прекратить выполнение операций можно нажатием клавиши Esc. Заметим, что команда Вырезать неприменима для перемещения несмежных диапазонов ячеек. Кроме того, в отличие от других приложений Windows, после вырезания содержимое буфера можно вставить только один раз. Для выполнения многократных вставок следует пользоваться командой Копировать (или комбинацией клавиш Ctrl+C).
Самый быстрый и наглядный способ перемещения диапазона ячеек — перетаскивание (буксировка) мышью из одного места листа в другое. Для выполнения этой операции сначала необходимо выделить требуемый диапазон ячеек (обычно с помощью мыши). Затем отпустить левую кнопку мыши и переместить указатель ячейки (белый крестик) на границу выделения так, чтобы он принял вид черного крестика со стрелкой внизу. Далее надо нажать левую кнопку мыши и перетащить выделенные ячейки в нужное место. Для облегчения выбора места во время перемещения отображается выделенный диапазон, контур перетаскиваемого и его новый адрес. Для выполнения копирования ячеек таким способом во время перетаскивания необходимо удерживать нажатой клавишу Ctrl.
Новые строки и столбцы добавляются в лист командами Строки и Столбцы из меню Вставка. Вставка новой строки сдвигает имеющиеся строки вниз. Вставка столбца сдвигает имеющиеся столбцы вправо. При добавлении строки выделяют строку, перед которой требуется вставить новую строку. Строка выделяется щелчком по ее номеру. При добавлении нового столбца выделяют столбец, слева от которого требуется вставить новый столбец. Столбец выделяют щелчком по его буквенному обозначению. Вставку отдельных ячеек в строки или столбцы листа выполняют командами Вставка → Ячейки. При этом в появившемся диалоговом окне указывают, куда следует сдвигать ячейки при вставке — вниз или вправо.
Удаление ячеек, строк или столбцов выполняют командами Правка → Удаление. В появившемся диалоговом окне выбирают, что требуется удалить и куда сдвигать ячейки при удалении (рис. 5.14).
В любой момент у пользователя остается возможность отменить последние сделанные изменения. С этой целью можно использовать команду Отменить из меню Правка, или кнопку на панели инструментов, или комбинацию клавиш Ctrl+Z. Команда Повторить (или комбинация клавиш Ctrl+Y) позволяет вернуть отмененную команду.
Пример 1. Ввести данные в ячейки диапазона A2:B12 (рис. 5.15, а) и выполнить требуемые операции с диапазонами ячеек. Введем данные в ячейки. Затем выделим диапазон B5:B11 (7 ячеек с B5 по B11). Для этого установим указатель мыши в виде крестика на ячейку B5, нажмем левую кнопку мыши и, не отпуская ее, протащим выделение (более темного цвета) до ячейки B11 включительно (рис. 5.15, б). Подведем указатель мыши к одной из границ выделения (при этом белый крестик превратится в черный крестик со стрелками (см. рис. 5.15, б)) и, удерживая левую кнопку, перетащим выделенные данные в столбец D (рис. 5.15, в).Аналогичным способом перетащим ячейки на прежнее место.
Перетаскивание ячеек при нажатой клавише Ctrl приводит к копированию данных. При этом справа от светлой стрелки появляется знак
«плюс»: + . Выделим 10 ячеек A6:B10 и скопируем их содержимое в диапазон С4:D8 (рис. 5.16, а). Напомним, что копировать и перемещать данные можно также с помощью команд меню Правка, или нажатия правой кнопки мыши и вызова контекстного меню, или с помощью комбинаций клавиш
Ctrl+X (вырезать), Ctrl+C (копировать), Ctrl+V (вставить). Выделим два столбца A и B и скопируем их содержимое в Лист2, столбцы D и F (лист переключим щелчком мыши по ярлыку в нижней части окна). Выделим и очистим все ячейки Листа2 (с помощью меню Правка →
Очистить все). Вернемся на Лист1. Выделение несмежных диапазонов ячеек осуществляют при нажатой клавише Ctrl. Выделим диапазон ячеек A4:B6, нажмем клавишу Ctrl и, удерживая ее, выделим диапазон ячеек A10:B11. Скопируем содержимое в буфер обмена и вставим в столбцы D и Е (рис. 5.16, б).
1. Какие действия можно выполнять с выделенными диапазонами?
2. Каким образом можно копировать (перемещать) содержимое ячеек?
3. Каким образом можно удалить строку, столбец, ячейки электронной
таблицы? Вставить строку, столбец, ячейки?
ФОРМАТИРОВАНИЕ ЭЛЕКТРОННОЙ ТАБЛИЦЫ
К основным операциям форматирования относятся: форматирование данных (содержимого ячеек), форматирование символов (шрифта), форматирование вида ячеек (цвета и границ ячеек), изменение ширины столбцов и высоты строк. Форматирование данных
Формат отображения данных позволяет представлять данные в наиболее подходящем для пользователя виде. При вводе любых данных по
умолчанию используется формат Общий. Тип данных при этом определяется автоматически. Для форматирования содержащихся в ячейках данных эти ячейки выделяют и командой меню Формат → Ячейки или правой кнопкой мыши вызывают диалоговое окно Формат ячеек (рис. 5.17). Формат задается на вкладке Число. При этом сами данные не изменяются, в чем можно убедиться, посмотрев на строку формул. Выбрав Числовой тип данных, можно установить количество десятичных знаков. Если введенное число имеет меньшее количество цифр после запятой, то табличный процессор добавляет нули, если большее — округляет число. Оперативно изменять количество десятичных знаков можно с помощью кнопок панели инструментов: увеличить или уменьшить разрядность. Большие числа удобно отображать, разделив группы разрядов с помощью кнопки Формат с разделителями . При выборе формата Денежный отображается число и название денежной единицы. В формате Процентный число в ячейке умножается на 100 и отображается со знаком «%». Эти форматы также можно задавать с помощью кнопок и соответственно. Формат Дробный отображает число в виде простой дроби, а формат Экспоненциальный — в экспоненциальном представлении. Форматы Дата и Время представляют введенные числа в виде дат или времени. В диалоговом окне Формат ячеек можно выбрать вариант отобра-
жения каждого формата.
Пример 1. Открыть книгу prim13-1.xls. Ввести столбец чисел (рис. 5.18, а). Проследить изменение их отображения при изменении формата ячеек.
В ячейку B2 введем число, например 23,6. Скопируем его на диапазон ячеек B2:B10. Будем поочередно выделять эти ячейки и применять форматы, указанные в столбце A. Сравним вид чисел с показанным на рис. 5.18, б.
Пример 2. Открыть книгу prim13-2.xls. Установить форматы отображения данных, соответствующие содержанию ячеек приведенной таблицы (рис. 5.19). В первой строке таблицы, а также в столбце В размещены текстовые данные, в строках 1—3 столбцов А, E, F — числовые. При их вводе тип устанавливается автоматически. В столбце D установим формат Дата. Для чисел столбца C установим формат Денежный (число десятичных знаков равно нулю), а для чисел столбца G — Процентный.
Операции изменения шрифта, цвета, размера и начертания символов в ячейках электронной таблицы аналогичны соответствующим операциям форматирования символов в текстовом редакторе MS Word. Необходимо выделить эти ячейки и установить требуемые параметры с помощью кнопок на панели инструментов (см. рис. 5.1). Эти параметры можно установить также на вкладке Шрифт диалогового окна Формат ячеек, которое вызывается из меню Формат → Ячейки или из контекстного меню, которое вызывается нажатием правой кнопки мыши (рис. 5.20). Напомним, что при вводе в ячейки таблицы текст автоматически выравнивается по левой границе ячейки, а числа — по правой. Однако способ выравнивания можно изменить. Для выравнивания по горизонтали проще всего воспользоваться кнопками на панели инструментов: — по левому краю, — по пра-
вому, — по центру ячейки. Более сложные способы задают на вкладке Выравнивание диалогового окна Формат ячеек (рис. 5.21). Содержимое ячеек можно выровнять не только по горизонтали, но и по вертикали и даже изменить его ориентацию в ячейке, повернув на заданное количество градусов. Чтобы расположить текст в ячейке в несколько строк, следует установить флажок переносить по словам. Нередко требуется объединить несколько ячеек — например, отобразить заголовок в нескольких столбцах или строках. Для этого предусмотрена операция Объединение ячеек. Объединяемые ячейки выделяют и с помощью меню или кнопки на панели инструментов (рис. 5.22) выполняют объединение. Повышению наглядности таблицы способствует заливка ячеек фоновым цветом, а также обрамление их границами. Чтобы задать границы ячеек, проще всего использовать кнопку на панели инструментов (рис. 5.23, а), а цвет заливки можно выбрать из палитры, которая появляется при нажатии кнопки
(рис. 5.23, б). Более сложные установки выполняют в диалоговом окне Формат ячеек. На вкладке Граница можно задать внешний вид линии, цвет
и расположение границ (рис. 5.24), на вкладке Вид — выбрать цвет и узор фона. Чтобы изменить ширину столбцов и высоту строк, достаточно перетащить с нажатой левой кнопкой мыши границы их заголовков. Для точного задания используют меню Формат → Строка → Высота или Формат → Столбец → Ширина.
Пример 3. Создать таблицу «Экспертные оценки телевизоров» и оформить ее в соответствии с рис. 5.25. Сначала введем данные. В ячейку B1 поместим заголовок «Экспертные оценки». Поскольку ячейка С1 свободна, он будет отображен полностью. В ячейки B2:F2 введем подзаголовки. В ячейках C2 и D2 они отобразятся частично, поскольку соседние ячейки справа заняты. Аналогично заполним остальные ячейки. Вид исходной таблицы показан на рис. 5.26. Оформление таблицы начнем с форматирования текста. Установим полужирное начертание в ячейках А3, B1 и B3:B4. Выровняем содержимое ячеек C2:F4 по центру, а B2 — по правому краю. Объединим ячейки A1:F1. С этой целью выделим их и нажмем
кнопку Объединить и поместить в центре. Зальем объединенные ячейки бледно-зеленым цветом, нажав кнопку Цвет заливки и выбрав требуе-
мый цвет. Аналогично объединим ячейки А3:А4 и зальем светло-голубым цветом. Выделим ячейки B2:F2. С помощью меню Формат → Ячейки на
вкладке Выравнивание установим флажок переносить по словам, Выравнивание по вертикали — по центру. Выделим ячейки А3:А4. С помощью меню Формат → Ячейки на вкладке Выравнивание установим параметр Ориентация 90 градусов. Таблица приобрела вид, показанный на рис. 5.27. Откорректируем ширину столбца F. Для этого подведем указатель мыши к границе столбцов F и G в заголовке листа. Он примет вид крестика (см. рис. 5.27). Увеличим ширину столбца, протащив границу вправо с нажатой левой кнопкой мыши. Аналогичным способом откорректируем ширину столбца D, протащив границу столбцов D и E. Высоту строк 3 и 4 увеличим перемещением их границ вниз. Осталось задать границы ячеек в соответствии с рис. 5.25. Для этого будем выделять необходимые диапазоны ячеек и с помощью кнопок на панели инструментов выбирать требуемый вид границ. В MS Excel предусмотрена возможность автоматического форматирования таблиц. При этом выделенному диапазону
ячеек придается заранее установленный стандартный вид. Подходящий вариант можно выбрать в диалоговом окне Автоформат (рис. 5.28), кото-
р о е в ы з ы в а е т с я и з м е н ю Формат.
Перед выводом документа на печать рекомендуется предварительно просмотреть его. Если границы ячеек не установлены, то они на печать не выводятся (хотя отображаются на рабочем листе). Отсутствие границ у ячеек можно обнаружить, выполнив предварительный просмотр.
С помощью меню Файл → Предварительный просмотр или кнопки на панели инструментов можно вызвать диалоговые окна и инструменты, которые позволяют оформить окончательный вид таблицы, а также произвести необходимую коррекцию в установленные по умолчанию
параметры печати. Так, на вкладке Страница окна Параметры страницы можно выбрать книжную или альбомную ориентацию, установить мас-
штаб, размер бумаги и другие параметры (рис. 5.29). В окне Печать выбирают принтер, указывают число копий, номера выводимых на печать страниц или выделенный диапазон ячеек (рис. 5.30).
1. Каковы основные операции форматирования электронной таблицы?
2. Каковы основные форматы данных в ячейках электронной таблицы?
3. Какими способами можно выравнивать содержимое ячеек?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Рассмотрим на примерах использование формул для выполнения расчетов в электронных таблицах.
Для просмотра рисунков использовать презентацию
Пример 1. Внести в таблицу название, цену и количество купленных принадлежностей (рис. 5.31). Рассчитать их стоимость.
При вычислении стоимости каждого товара нужно его цену (содержимое ячейки в столбце B) умножить на количество (содержимое ячейки
в столбце C). Для вычисления стоимости тетрадей в ячейку D2 введем формулу =B2*C2. Формулы для расчета стоимости принадлежностей имеют одинаковый вид: формула в ячейке D3 для подсчета стоимости карандашей =B3*C3, а формула в ячейке D5 для подсчета стоимости блокнотов =B5*C5. Ссылки в этих формулах различаются только номерами строк. Если для различных исходных данных необходимо выполнять повторяющиеся вычисления по одинаковым формулам, то такие формулы можно копировать. При этом в формулах будут изменяться ссылки на
ячейки с исходными данными. Например, если формулу =B2*C2 из ячейки D2 скопировать в ячейку D3, то в ячейке D3 она примет вид: =B3*C3.
При копировании формул в электронных таблицах применяется относительная адресация, при которой ссылки на ячейки в формуле изменяются в соответствии с новым положением скопированной формулы. Таким образом, при копировании формулы из одной ячейки в другую номер строки (обозначение столбца) изменяется на столько, на сколько строк (столбцов) сместилась формула. Формулу из одной ячейки можно скопировать сразу в диапазон ячеек. Выделим в нашем примере ячейку D2 и с помощью меню Правка, или кнопки Копировать на панели инструментов, или комбинации клавиш Ctrl+C скопируем формулу в буфер обмена. Выделим диапазон ячеек D3:D5 и с помощью меню Правка → Вставить, или кнопки Вставить , или комбинации клавиш Ctrl+V вставим формулу в ячейки диапазона (рис. 5.32). Для копирования формул в диапазон ячеек можно использовать автозаполнение. Для этого выделим ячейку с формулой (в нашем примере D2) и протащим маркер заполнения до ячейки D5. Формула будет скопирована во все ячейки диапазона D3:D5. Ссылки, которые изменяются при копировании формул, называют относительными. По умолчанию относительными являются все ссылки на ячейки в формулах. Механизм относительной адресации работает и при изменении количества строк и столбцов в электронной таблице. Если в результате удаления (вставки) строк (столбцов) изменился адрес ячейки, на которую ссылается формула, то и ссылка тоже изменится так, чтобы выполнялись прежние вычисления. Если необходимо, чтобы при копировании формул адреса ячеек не изменялись, используют абсолютные ссылки. Для создания абсолютной ссылки нужно поставить знак $ в формуле перед именем столбца и номером строки, например: $B$7. В смешанных ссылках при копировании формул остается неизменным только номер строки (например, B$7) или имя столбца ($B7). Изменять тип ссылки в MS Excel удобно нажатием клавиши F4. Сначала вводим в формулу адрес ячейки, например B7. По умолчанию он является относительной ссылкой. Затем устанавливаем на него указатель мыши. При нажатии клавиши F4 ссылка меняется на абсолютную: $B$7. Последующие два нажатия F4 дают смешанные ссылки: B$7 и $B7, затем снова появляется исходная относительная ссылка B7.
Пример 2. В ячейках E2:E5 рассчитать стоимость купленных принадлежностей в российских рублях. Курс перевода поместить в ячейку B7.
Для расчета стоимости товара в российских рублях нужно его стоимость в белорусских рублях разделить на курс перевода из белорусских
рублей в российские. В ячейку E2 введем формулу =D2/B7. Для того чтобы ссылка на ячейку B7 не изменялась, сделаем ее абсолютной, т. е.
зафиксируем ее адрес (рис. 5.33). Полученную формулу =D2/$B$7 скопируем в диапазон ячеек E3:E5, в которых будет изменяться только
ссылка на ячейки столбца D: =D3/$B$7, =D4/$B$7, =D5/$B$7.
1. Какие ссылки можно использовать в формулах?
2. В каких случаях применяют относительные ссылки, абсолютные ссылки?
3. В каких из приведенных формул использованы относительные, абсолютные, смешанные ссылки?
a) =$A$2+B2; г) =$B$6*C6; ж) =B$4/C4;
б) =B3*C$3; д) =A2+B2; з) =B4*D8+4.
в) =$B$4/$D$4; е) =$B$3*$D$3;
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Для выполнения многих расчетов приходится применять функции. Табличный процессор Excel имеет большую библиотеку стандартных
функций, позволяющих выполнять разнообразные вычисления. Функция вызывается в формуле по имени, после которого в скобках следуют аргументы. Аргументами функции могут быть числа, тексты, ссылки на ячейки или диапазоны ячеек. Если аргументов несколько, то они перечисляются через точку с запятой. Приведем примеры записи некоторых функций в Excel:
Функция Запись в Excel
Сумма чисел СУММ(B2:B7)
Среднее значение СРЗНАЧ(B3:C8; D3:D8)
Максимальное значение МАКС(B3:D7; F4; F6)
Минимальное значение МИН(B3:F9)
Сумма квадратов чисел СУММКВ(D2:G2)
Квадратный корень КОРЕНЬ(3)
Синус sin x SIN(A5)
Косинус cos x COS(A6)
Пример 1. Вычислить значение корень квадратный из 5. Поместим значение аргумента 5 в ячейку A2. Значение функции будем вычислять в ячейке B2. Выделим ячейку B2, введем знак = и наберем имя функции: =КОРЕНЬ(A2). Правильному вводу помогает появившаяся подсказка (рис. 5.34, а). Аргумент функции (адрес ячейки A2) можно набрать с клавиатуры, но лучше ввести выделением этой ячейки мышью. В завершение ввода аргумента не забудем закрыть скобку и щелкнем мышью по любой свободной ячейке. В ячейке B2 будет отображен результат вычислений (рис. 5.34, б). Содержащие функции выражения можно вводить также и в строке формул (см. рис. 5.34, а). Эти выражения могут содержать несколько функций. На практике очень часто приходится вычислять суммы и средние значения диапазонов ячеек таблицы, находить минимальные
и максимальные значения. Для этого на панели инструментов имеется кнопка — Автосумма. Рядом c ней находится значок выпадающего списка, в котором можно выбрать еще несколько часто встречающихся функций: Среднее, Максимум, Минимум (рис. 5.35), а также перейти к спискам других функций. Следует быть внимательным при использовании этой кнопки, поскольку табличный процессор автоматически пытается выделить
диапазон ячеек, для которых предполагается выполнить выбранное действие. При необходимости это выделение нужно изменить и лишь затем нажать клавишу Ввод или кнопку .
Пример 2. Вычислить среднее, минимальное и максимальное значения ночных и дневных температур за первую неделю марта (рис. 5.36).
Выделим ячейку В10. Нажмем кнопку . Из выпадающего списка выберем функцию Среднее, выделим требуемый диапазон ячеек и нажмем Ввод. В ячейке B10 будет отображен результат выполнения функции СРЗНАЧ(B3:B9). Аналогичными действиями определим минимальные и максимальные значения температур. Количество стандартных функций в MS Excel очень велико. Для облегчения поиска они сгруппированы по категориям. Список всех категорий (рис. 5.37) можно вызвать либо нажатием кнопки в строке формул, либо выбором пункта Другие функции в выпадающем списке кнопки , либо с помощью меню Вставка → Функция. Категория Полный алфавитный перечень содержит все функции,
расположенные в алфавитном порядке. Наиболее часто используются функции из категорий Дата и время, Математические, Статистические.
Для повторных вычислений удобна категория 10 недавно использовавшихся, которая хранит список 10 последних использованных функций.
После выбора категории появляется список соответствующих функций (рис. 5.38). Избежать ошибок при вводе имени функции и адресов ячеек по-
зволяет использование Мастера функций. Работа с Мастером функций включает два шага. На первом шаге из списка выбирают нужную функцию (см. рис. 5.38). На втором шаге открывается новое окно, в котором вводят аргументы выбранной функции (рис. 5.39). Ссылки лучше не вводить вручную, а указывать мышью ячейку или диапазон.
Пример 3. Даны два катета a и b прямоугольного треугольника. Найти гипотенузу . с=Квадратный корень(a^2+b^2)
Поместим значения катетов в ячейки A2 и B2, а гипотенузу будем вычислять в ячейке С2. В категории Математические есть стандартная
функция для вычисления суммы квадратов СУММКВ(A2:B2). Выделим ячейку C2. Вызовем функцию КОРЕНЬ() и вложим в нее функцию СУММКВ(A2:B2). Расчетная формула в Excel примет вид: =КОРЕНЬ(СУММКВ(A2:B2)) (рис. 5.40). Заметим, что можно вести расчет и по формуле
=КОРЕНЬ(A2^2+B2^2).
1. Что может быть аргументом функции в Excel?
2. По каким основным категориям сгруппированы функции в Excel?
3. Какими способами можно вызвать список категорий функций?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Важной особенностью электронных таблиц является возможность наглядного представления и анализа данных с помощью диаграмм. Диаграммой называют графическое отображение числовых данных и соотношений между ними. Табличный процессор Excel позволяет строить
диаграммы различных типов.
В гистограмме каждое значение отображается вертикальным столбиком соответствующей высоты. Гистограммы используют для сравнения дискретных величин.
Линейчатая диаграмма — это гистограмма, повернутая на 90°. В ней легче располагать и читать подписи, особенно если они длинные.
Графики используются для иллюстрации непрерывных изменений. Они полезны для выявления тенденций, например, роста населения или убывания радиации с течением времени.
Для демонстрации зависимостей между двумя переменными используются точечные диаграммы (в математике их называют графиками зависимостей).
Круговая диаграмма иллюстрирует соотношение величин. Представляет собой круг, разделенный на секторы пропорционально отображаемым значениям.
В лепестковой диаграмме значения отмечаются на осях, направленных наружу от центра. Для каждой категории определена своя ось. В розе ветров, например, категориями служат направления ветров, а значениями — количество дней с преобладанием ветров этих направлений.
Каждый тип диаграмм в свою очередь содержит несколько видов, что позволяет выбрать наиболее наглядный способ графического пред-
ставления данных. Эти данные вводятся в таблицу до построения диаграммы. При изменении данных в таблице диаграмма автоматически
обновляется. Диаграмма в Excel содержит несколько различных объектов (рис. 5.41).
Выполнять построения удобно с помощью Мастера диаграмм, который вызывается из меню Вставка → Диаграмма или кнопки на панели инструментов. Работа с Мастером диаграмм состоит из четырех шагов. Нужно пошагово выполнять его указания и нажимать кнопку Далее.
Пример 1. Таблица содержит данные об участии учеников 10 классов в олимпиадах по информатике и математике (рис. 5.42). Построить
гистограмму, иллюстрирующую эти данные. Выделим ячейки таблицы, включая строку заголовков (в этом случае они будут использованы при построении диаграммы).
Шаг 1. Выберем тип и вид диаграммы (рис. 5.43). При этом полезно просмотреть результат выбора (рис. 5.44), нажав левой кнопкой мыши
кнопку Просмотр результата и удерживая ее в нажатом состоянии. Нажмем кнопку Далее.
Шаг 2. Поскольку диапазон ячеек был выделен, то в открывшемся окне появляется вариант гистограммы. Данные сгруппированы в соответствии с установ ленным флажком Ряды в строках: заголовки столбцов таблицы отражены в качестве подписей категорий, а нумерация классов — в легенде (рис. 5.45). Установим флажок Ряды в столбцах. Теперь данные сгруппированы по классам, а в легенде показаны заголовки столбцов (рис. 5.46).При необходимости диапазон данных можно изменить.
Шаг 3. Установим параметры нашей диаграммы. На вкладке Заголовки введем Название диаграммы: Участие в олимпиадах. Подпишем оси: Ось X (категорий) — класс, Ось Y (значений) — количество (рис. 5.47). Остальные параметры на всех вкладках оставим без изменений.
Шаг 4. На последнем шаге подтвердим, что диаграмма будет размещена на имеющемся листе (рис. 5.48). В результате получим диаграмму, показанную на рис. 5.41.
Изменить вид и другие параметры созданной диаграммы можно с помощью панели Диаграммы (рис. 5.49), которая открывается из меню
Вид → Панели инструментов. В выпадающем списке Область диаграммы выбирают элемент диаграммы, который требует изменения, например область построения диаграммы (рис. 5.50). Любой элемент диаграммы, так же как и диаграмма в целом, является объектом. Двойным щелчком по этому элементу можно вызвать соответствующее диалоговое окно и произвести необходимые установки, например, в окне Формат области построения выбрать светло-зеленый цвет (рис. 5.51). Многообразие типов диаграмм обусловлено тем, что каждый тип наиболее наглядно отражает определенные особенности данных в таблице. Так, для демонстрации вклада каждого значения в общую сумму используют круговые диаграммы.
Пример 2. По данным приведенной таблицы построить круговую диаграмму, иллюстрирующую структуру земель Беларуси.
• Выделим диапазон ячеек А1:B6. Вызовем Мастер диаграмм.
• На первом шаге выберем тип диаграммы — Круговая.
• Параметры на втором шаге будут выбраны автоматически.
• На третьем шаге введем заголовок:
Распределение земель и установим флажок Доли на вкладке Подписи данных. Завершив построение диаграммы, с помощью панели Диаграммы изменим Рис. 5.52 цвет фона и размер символов (рис. 5.52).
Для построения графиков функциональных зависимостей используется тип Точечная диаграмма.
Пример 3. Построить график функции y = x2 – 3x – 10 на промежутке [–4; 6] c шагом 1. Сначала создадим таблицу значений аргумента и функции
(рис. 5.53). Затем выделим таблицу вместе с заголовками (диапазон ячеек В2:C13) и вызовем Мастер диаграмм. Установим тип диаграммы —
Точечная, вид — Со значениями, соединенными сглаживающими линиями . На третьем шаге в окне Мастера диаграмм введем название диа-
граммы — График зависимости Y(X). На вкладке Линии сетки сбросим все флажки. Удалим легенду (она необходима, если нужно различать несколько диаграмм). С помощью панели Диаграммы установим подходящий цвет фона. Результат показан на рис. 5.53.
1. Для чего используют диаграммы?
2. Каковы наиболее распространенные типы диаграмм?
3. Из каких объектов состоит диаграмма?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Сортировкой называют упорядочение данных в таблице. Числовые данные, время и даты можно расположить в порядке возрастания или убывания, а текстовые — по алфавиту или в порядке, обратном алфавитному. Проще всего произвести сортировку с помощью кнопок на панели инструментов Сортировка по возрастанию или Сортировка по убыванию.
Пример 1. Отсортировать данные в таблице, изображенной на рис. 5.54, а, расположив названия городов в алфавитном порядке. Откроем рабочую книгу prim17-1.xls. Выделим ячейку с названием любого города, например A3, и щелкнем мышью по кнопке Сортировка по возрастанию. В результате в алфавитном порядке названий городов будут отсортированы данные обоих столбцов, т. е. целые строки таблицы (рис. 5.54, б). При
этом первая строка таблицы не подвергается сортировке. По умолчанию Excel автоматически выделяет диапазон ячеек и считает, что в первой строке находятся названия столбцов. Аналогично выполняется сортировка строк таблицы по году основания города. Для этого выделяется ячейка второго столбца, например B5 (рис. 5.54, в). Более сложные условия сортировки можно задать в диалоговом окне Сортировка диапазона, которое вызывается из меню Данные. В нем можно выбрать от одного до Рис. 5.55, а трех столбцов (или строк) сортировки и определить свой порядок сортировки по каждому из них.
Пример 2. В таблицу занесены оценки учеников 10 класса по четырем предметам. Отсортировать учеников по убыванию балла по информатике, затем по математике и, наконец, по фамилиям в алфавитном порядке. Откроем рабочую книгу prim17-2.xls. Фрагмент исходной таблицы приведен
на рис. 5.55, а (всего в ней хранятся данные для 25 учеников). Выделим диапазон ячеек А1:Е26. Из меню Данные вызовем диалоговое окно
Сортировка диапазона. Зададим условия: Сортировать по — Информатика (по убыванию), Затем по — Математика (по убыванию), В последнюю очередь, по — Фамилия (по возрастанию) (рис. 5.56). При этом должен быть установлен флажок Идентифицировать диапазон данных по
подписям (первая строка диапазона). Результат сортировки показан на рис. 5.55, б (для наглядности отсортированные оценки отмечены цветом).
Операция фильтрации, в отличие от сортировки, не меняет порядок строк. В отфильтрованном списке отображаются только строки, отвечающие
условиям отбора данных, а остальные временно скрываются. Отфильтрованную таблицу можно редактировать, форматировать, выводить на печать; для нее можно создавать диаграммы, не изменяя порядок строк и не перемещая их.
Пример 3. В таблице примера 2 отобразить информацию только о тех учениках, которые получили по математике 8 баллов. Выделим ячейку в первой строке с заголовками столбцов, например B1 (Информатика). В меню Данные → Фильтр выберем Автофильтр. В строке заголовков появятся кнопки фильтров столбцов со стрелками (рис. 5.57). Нажмем на кнопку фильтра столбца Математика и в выпадающем меню выберем значение 8 (рис. 5.58). В отфильтрованной таблице покажутся 4 строки (рис. 5.59). Продолжим фильтрацию, выбрав, например, оценку 8 по физике. В результате будут показаны только две строки. Для отмены действия фильтра достаточно нажать на его кнопку и в выпадающем меню выбрать пункт (Все) (см. рис. 5.58). Вернуться к отображению всей таблицы можно и с помощью меню Данные → Фильтр → Отобразить все.
1. Что называют сортировкой?
2. По каким параметрам можно сортировать данные электронной таблицы?
3. Какой порядок сортировки можно задать для числовых данных? Для текстовых данных?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
— Области применения электронных таблиц весьма разнообразны, без них не может обойтись практически ни один современный специалист. Это: наука, производство, бухгалтерия, торговля, статистика, проектирование, моделирование.
Сегодня на уроке мы попробуем использовать электронные таблицы с их мощным вычислительным потенциалом для решения реальных задач. Но вначале проверим знания принципов работы табличного процессора, правил записи формул.
Каково главное назначение электронных таблиц?
Файл, с каким расширением является документом электронной таблицы?
Что является основным элементом электронной таблицы?
Как называется группа ячеек, представленных на рисунке?
Укажите адрес данной группы ячеек. (A1:C3)
В электронной таблице выделен блок ячеек А1:В3. Сколько ячеек входит в этот диапазон?
Какие вы знаете правила записи формул в электронной таблице?
Что такое относительный адрес (ссылка)?
Что такое абсолютный адрес (ссылка)?
Дан адрес ячейки — А$6. Какой параметр адреса будет меняться при копировании?
Что будет результатом вычислений в ячейке С1? A1=5; B1=A1*2 C1=A1+B1
Надо ли набирать формулы в каждой из ячеек В3 и В4 или можно занести их в эти ячейки как-то быстрее?
A B
1 МЕСЯЦ ГОД
2 1600 =A2*12
3 1350 =A3*12
4 2200 =A4*12
Какой вид примет содержащая абсолютную и относительную ссылки формула, записанная в ячейку С1, после ее копирования в ячейку С2?
A B C
1 5 10 $A$1B1
2 15
Какой результат будет вычислен в ячейке С2 после копирования в нее формулы из ячейки С1?
A B C
1 5 10 $A$1B1
2 15
Укажите правильную запись формулы в ячейке С2 математического выражения x + 3y и предскажите результат.
Какие значения будут получены в ячейках В3 и В4, если в эти ячейки скопировать содержимое ячеек А3 и А4 соответственно?
A B
1 3 4
2 5 6
3 =$A1+$A2
4 =A1+A2
Каждый ученик будет представлять одну из фирм: «Богатый урожай», «Мой дом». Учащимся раздаются таблички с названиями фирм, карточки с заданиями (запросами клиента). Представители фирм оформляют таблицу, вводят в неё информацию и распечатывают результат (чек для оплаты в кассу; чек должен быть красиво и эффективно оформлен; в роли кассира выступает учитель). Если работа над задачей вызывает затруднения, ученик может воспользоваться помощью учителя.
Фирма «Мой дом»
Фирма «Мой дом» занимается поставкой стройматериалов и помогает клиенту рассчитать расход и стоимость материалов для ремонта помещения. В наличие фирмы имеется следующий набор стройматериалов:
Материал для пола Материал для стен Материал для потолка
Ламинат Обои Водоэмульсионная краска
1 м2 Ширина 1 м 250 г на 1 м2
120 руб. Длина рулона 12 м 150 руб.
100 руб. Масса в упаковке – 3 кг
Ленолиум Стеклообои Натяжной потолок
1 п. м (длина) Ширина 1,5 м 1 м2
420 руб. Длина рулона 10 м 220 руб.
180 руб.
Паркет дубовый Панели пластиковые Потолочные плитки
1 м2 Ширина 0,25 м 0,5 х 0,5 м
195 руб. Длина 3 м 10 руб.
150 руб.
Для формирования таблиц используются данные о стоимости, массе стройматериалов в упаковке и их расходе при использовании.
Клиент указал размеры помещения под офис — высота – 3 м, периметр стен – 84 м, общая площадь помещения - 360 м2 , общая площадь окон и дверей – 72 м2. (Площадь стен =Периметр стен*Высота)
Для этого он хотел бы закупить следующие виды материалов:
ВАРИАНТ 1:
· Ламинат;
· Стеклообои;
· Натяжной потолок.
ВАРИАНТ 2:
· Ленолиум;
· Панели пластиковые;
· Потолочные плитки.
ВАРИАНТ 3:
· Паркет дубовый;
· Обои;
· Водоэмульсионная краска.
Организуйте расчет количества стройматериалов и их стоимости. Распечатайте клиенту чек с указанием названия, количества и стоимости основных стройматериалов.
Фирма «Богатый урожай»
Фирма «Богатый урожай» занимается поставкой семян и помогает клиенту рассчитать, сколько упаковок семян нужно для его садово-огородного участка, сколько они будут стоить. В наличие фирмы имеется следующий набор семян:
Томаты Огурцы Картофель
Сорт «Бычье сердце» Сорт «Корнишон» Сорт «Великан»
2 г на 1 м2 2 г на 1 м2 200 г на 1 м2
12 руб. 4 руб. 30 руб.
Масса семян в упаковке – 5 г Масса семян в упаковке – 6 г Масса семян в упаковке – 5 кг
Сорт «Розовый великан» Сорт «Конкурент» Сорт «Голландский»
2 г на 1 м2 2 г на 1 м2 200 г на 1 м2
8 руб. 3 руб. 50 руб.
Масса семян в упаковке – 5 г Масса семян в упаковке – 6 г Масса семян в упаковке – 5 к
Сорт «Рубин» Сорт «Неженский» Сорт «Динамит»
2 г на 1 м2 2 г на 1 м2 200 г на 1 м2
10 руб. 5 руб. 45 руб.
Масса семян в упаковке – 6 г Масса семян в упаковке – 8 г Масса семян в упаковке – 5 кг
Для формирования таблиц используются данные о стоимости, массе семян в упаковке и их расходе при использовании.
Клиент указал, что для посева он будет использовать участок в 10 соток (1 сотка = 100 м2). Под картофель он планирует отвести – 6 соток, под томаты – 2,5 сотки, под огурцы – 1,5 сотки.
Для этого он хотел бы закупить следующие виды семян:
ВАРИАНТ 1:
· Томаты. Сорт «Розовый великан»;
· Огурцы. Сорт «Корнишон»
· Картофель. Сорт «Великан»
ВАРИАНТ 2:
· Томаты. Сорт «Бычье сердце»;
· Огурцы. Сорт «Конкурент»
· Картофель. Сорт «Голландский»
ВАРИАНТ 3:
· Томаты. Сорт «Рубин»;
· Огурцы. Сорт «Неженский»
· Картофель. Сорт «Динамит»
Организуйте расчет количества материалов и их стоимости. Распечатайте клиенту чек с указанием названия, количества и стоимости всех материалов.
Ученикам, которые затрудняются решить поставленную задачу, можно предложить выполнить следующее задание «Начисление зарплаты»:
Начисление зарплаты
№ Фамилия Оклад Налог 13% Сумма к выдаче
1 Арканова О. 7 800,00р
2 Булавин Е. 5 300,00р.
3 Замятина А. 4 000,00р.
4 Иванова А. 3 500,00р.
5 Казаков П. 5 840,00р.
6 Копылова С. 6 000,00р.
7 Левченко О. 6 200,00р.
8 Новосельцева Д. 5 980,00р.
9 Пугачев Г. 4 200,00р.
10 Рогожин П. 5 760,00р.
11 Свиридов З. 6 040,00р.
12 Семенов А. 4 700,00р.
13 Титов В. 5 100,00р.
14 Удалова М. 4 560,00р.
15 Шейнин Н. 5 000,00р.
Итого:
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
ВЫПОЛНЕНИЕ ПРАКТИЧЕСКИХ ЗАДАНИЙ ИЗ РАЗЛИЧНЫХ ПРЕДМЕТНЫХ ОБЛАСТЕЙ
РЕШЕНИЕ РАСЧЕТНЫХ ЗАДАЧ
Рассмотрим примеры использования электронных таблиц для выполнения практических заданий из различных предметных областей. Использование электронных таблиц существенно облегчает решение расчетных задач, особенно с громоздкими вычислениями, например, в химии при приготовлении растворов или в физике тепловых явлений. Последовательность выполняемых при этом действий соответствует этапам традиционного способа решения задачи: анализ условия и применимых закономерностей, ввод исход ных данных, ввод требуемых формул, получение и анализ результатов.
Пример 1. Вычислить площадь треугольника, если известны длины трех сторон.
Решение задачи основано на применении формулы Герона S=квадратный корень(p*(p-a)*(p-b)*(p-c)) , где полупериметр p = (a + b + c) / 2. Введем исходные данные a, b и с в ячейки A3, B3 и C3 соответственно. Для лучшего понимания решения и упрощения формул полезно отображать в ячейках промежуточные результаты. В ячейке D3 вычислим p по формуле =(A3+B3+C3)/2. Площадь рассчитаем в ячейке E3 по формуле =КОРЕНЬ(D3*(D3-A3)*(D3-B3)*(D3-C3)).
Пример 2. В 20 %-ный раствор кислоты массой 200 г добавляют 100 г воды. Определить массовую долю кислоты в полученном растворе.
Введем исходные данные: массу раствора — в ячейку B2, массовую долю кислоты — в B3, а массу добавленной воды — в B4. В химии массовой долей вещества в растворе называют отношение массы растворенного вещества к массе раствора w = mв / mр и выражают в процентах. Отсюда получим формулу расчета массы кислоты: mв = mр · w / 100. Введем эту формулу в ячейку B5: =B2*B3/100. В ячейке С2 вычислим суммарную массу раствора: =B2+B4. Наконец, в ячейке С3 вычислим массовую долю кислоты в полученном растворе: =100*B5/C2.
Пример 3. Пузырек воздуха поднимается со дна озера глубиной 20 м на поверхность. Как изменится объем пузырька? Считать температуру у дна и поверхности одинаковой. Атмосферное давление 105 Па.
Решение задачи основано на применении закона изотермического расширения газа P1 · V1 = P2 · V2. Давление на глубине h равно сумме атмосферного и гидростатического давления P + ρgh. Отсюда V2 / V1 = 1 + ρgh / P. Введем исходные данные: глубину озера h — в ячейку B2, атмо-
сферное давление P, плотность воды ρ и ускорение силы тяжести g — в ячейки B3, B4, B5 соответственно. В ячейку B6 введем расчетную
формулу =1+B4*B5*B2/B3. Многие задачи требуют перевода данных в одну систему единиц (СИ). Для этого удобно использовать соседний столбец или строку.
Пример 4. В теплоизолированный сосуд, в котором находится 500 г воды при температуре 30 °С, бросают кусок льда массой 50 г, имеющий температуру 0 °С. Какой станет температура воды после плавления льда и установления теплового равновесия?
Введем данные условия задачи в ячейки B2:B5. В ячейках С2:С5 приведем их к системе СИ: 1 кг = 1000 г, 1 К = 1 °С + 273. Искомую тем-
пературу определим из уравнения теплового баланса Сmв (Tв – T) = Lmл + Сmл (T – Tл). Массу воды после плавления льда вычислим в ячейке D2:=C2+C4, а температуру в К — в ячейке D3 по формуле =(C6*C2*C3+C6*C4*C5-C7*C4)/(C6*D2). Полученную температуру пересчитаем в градусы Цельсия в ячейке Е3.
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Вариант 1
Задание 1. Элемент электронной таблицы на пересечении столбца и строки называется …
а) электронная таблица
б) ячейка.
в) книга.
г) рабочий лист
Задание 2. Ссылка – это …
а) структура данных в памяти компьютера
б) адрес ячейки в формуле
в) команда
г) выражение по которому выполняется вычисление
Задание 3. Установите соответствие между записями в левом столбце и форматами данных .
1) 1,20Е-02 а) Числовой
2) 1:37 б) Дробный
3) Активная в) Время
4) 3,7 г) Экспоненциальный
5) 2 1/3 д) Текстовый
Задание 4. К типовым задачам обработки информации в электронных таблицах относятся:
а) загрузка электронной таблицы из файла на диске в оперативную память
б) копирование электронных таблиц и рассылка их по сети
в) автоматический перерасчёт вычисляемых значений при изменении исходных данных
г) преобразование информации из электронных таблиц в текстовый документ
д) редактирование электронной таблицы
е) вывод электронной таблицы на бумагу.
Задание 5. Установите соответствие:
1 Автосумма А
2 Отменить предыдущую операцию Б
3 Вывести на печать В
4 Изменить границы ячейки Г
5 Процентный формат Д
6 Подчеркнуть текст в ячейке Е
Задание 6.
а) В ячейке Е7 записана формула: =$C$10*B9+A9. Её скопировали в ячейку Е3. Запишите формулу, полученную в ячейке Е3.
б) В ячейке В8 записана формула: =D12+$Е$12. Её скопировали в ячейку A8. Запишите формулу, полученную в ячейке A8.
Вариант 2
Задание 1 Запишите адрес активной ячейки фрагмента электронной таблицы, представленного на рисунке. C2
A B C
1 10,20E-02 Числовой
2 1:37 Дробный
3 Активная Время
4 3,7 Экспоненциальный
5 2 1/3 Текстовый
Задание 2 Из каких структурных элементов состоит электронная таблица?
а) строки б) текст в) формула г) столбцы д) ячейки е) команда
Задание 3 Установите соответствие:
1) C2:D2 а) относительная ссылка
2) =C2/D2 б) диапазон ячеек
3) C2 в) смешанная ссылка
4) C$2 г) формула
5) $C$2 д) абсолютная ссылка
Задание 4 К типовым задачам обработки информации в электронных таблицах относятся:
а) редактирование электронной таблицы
б) графическое представление числовой информации в виде диаграмм
в) создание электронной таблицы
г) объединение информации из нескольких электронных таблиц
д) вывод электронной таблицы на бумагу.
е) поиск информации в электронной таблице
Задание 5. Установите соответствие:
1 Объединить и поместить в центре А
2 Мастер функций Б
3 Закрасить фон ячейки В
4 Сохранить без изменения имени Г
5 Денежный формат Д
6 Курсивное начертание текста в ячейке Е
Задание 6.
а) В ячейке С3 записана формула: =А3*В4+$В$1. Её скопировали в ячейку С5. Запишите формулу, полученную в ячейке С5.
б) В ячейке С7 записана формула: =А7+В7. Её скопировали в ячейку D7. Запишите формулу, полученную в ячейке
Практическая часть
Вариант 1
Задание 7. Создайте электронную таблицу, введите данные и отформатируйте таблицу, как на рисунке (объединение ячеек, границы, заливка, выравнивание в ячейках, подбор ширины и высоты ячеек, пустые строки и т.п.).
A B C D E
1 Государственные границы Республики Беларусь
2 Государство Протяженность границ Количество ж/д путей сообщения
3 (км) (%) (%)
4 Россия 990 ХХХ 6 ХХХ
5 Украина 975 ХХХ 6 ХХХ
6 Польша 399 ХХХ 4 ХХХ
7 Латвия 143 ХХХ 1 ХХХ
8
9 Всего: ХХХ ХХХ
10
11 Максимальное значение ХХХ ХХХ
12 Минимальное значение ХХХ ХХХ
Замечание. Символы ХХХ вводить не нужно. ХХХ указывает, что в дальнейшем в эти ячейки нужно будет ввести формулы.
Задание 8.
А. В ячейки В9, B11, B12, D9, D11, D12 (помечены ХХХ) введите необходимые формулы.
Б. Перед строкой государства Латвия вставьте пустую строку и внесите данные по Литве:
протяженность границ – 462 км, количество ж/д путей сообщения – 4;
В. Перед первой строкой таблицы вставьте две пустые строки. В первой из них введите свою фамилию.
Г. Постройте (на имеющемся листе) круговую диаграмму по протяженности границ государств с Республикой Беларусь. Задайте название диаграммы, легенду, подписи данных – доли. Названия государств должны быть отражены на диаграмме.
Задание 9.
А. В столбце С введите формулы, необходимые для вычисления процентного отношения протяженности границы каждого государства к общей протяженности границ с Республикой Беларусь. Используйте копирование формул. Предусмотрите вывод данных с двумя десятичными знаками.
Б. В столбце Е введите формулы, необходимые для вычисления процентного отношения количества ж/д путей сообщения каждого государства к общему количеству ж/д путей. Используйте копирование формул. Предусмотрите вывод данных с двумя десятичными знаками.
Сохраните работу под своей фамилией в папке Мои документы.
Практическая часть
Вариант 2
Задание 7. Создайте электронную таблицу, введите данные и отформатируйте таблицу, как на рисунке (объединение ячеек, границы, заливка, выравнивание в ячейках, подбор ширины и высоты ячеек, пустые строки и т.п.).
A B C D E
1 Столицы соседних государств Республики Беларусь
2 Столица Расстояние Численность населения
3 От Минска до столиц (по а/д в км) Отклонение от среднего (млн. чел.) Отклонение от среднего
4 Москва 690 ХХХ 9,11 ХХХ
5 Варшава 524 ХХХ 1,90 ХХХ
6 Вильнюс 185 ХХХ 0,58 ХХХ
7 Рига 476 ХХХ 0,78 ХХХ
8
9 В среднем ХХХ ХХХ
10
11 Максимальное значение ХХХ ХХХ
12 Минимальное значение ХХХ ХХХ
Замечание. Символы ХХХ вводить не нужно. ХХХ указывает, что в дальнейшем в эти ячейки нужно будет ввести формулы.
Задание 8.
А. В ячейки В9, B11, B12, D9, D11, D12 (помечены ХХХ), введите необходимые формулы.
Б. Перед строкой столицы Варшава вставьте пустую строку и внесите данные по городу Киеву: расстояние от Минска – 559 км, численность населения – 2,75 млн. чел.
В. Перед первой строкой таблицы вставьте две пустые строки. В первой из них введите свою фамилию.
Г. Постройте (на имеющемся листе) гистограмму по численности населения (млн. чел) в столицах. Задайте заголовки (название диаграммы, названия осей), легенду, подписи данных – значения. Названия столиц должны быть отражены на диаграмме.
Задание 9.
А. В столбце С введите формулы, необходимые для вычисления отклонения от среднего расстояний каждой из столиц до Минска. Используйте копирование формул. Предусмотрите вывод данных с двумя десятичными знаками.
Б. В столбце Е введите формулы, необходимые для вычисления отклонения от средней численности населения в столицах. Используйте копирование формул. Предусмотрите вывод данных с двумя десятичными знаками.
Сохраните работу под своей фамилией в папке Мои документы.
ПОНЯТИЕ И НАЗНАЧЕНИЕ ИНФОРМАЦИОННОЙ МОДЕЛИ
Под моделью (лат. modulus — аналог, образец) понимается некоторый материальный либо мысленно представляемый объект или явление, используемые вместо другого объекта (оригинала). Модель повторяет существенные для целей конкретного моделирования свойства
оригинала, опуская несущественные свойства. Модели могут быть разделены на два больших класса: материальные и информационные.
Материальная (предметная) модель воспроизводит геометрические, физические, химические, биологические свойства объектов в материальной форме. Примерами материальных моделей являются: глобус, макет застройки микрорайона, чучело животного, игрушки, изображающие людей или машины. Информационная модель — это совокупность информации, описывающая существенные свойства и состояния объекта, процесса, явления. Информационные модели нельзя потрогать, они не имеют материального воплощения, потому что строятся только на информации.
В то же время, рассматривая любую информационную модель, мы связываем ее с определенным носителем информации (бумагой, видео-
пленкой, магнитным диском и пр.). Существует несколько классификаций информационных моделей. Знаковые информационные модели описывают объект или явление на каком-либо естественном или формальном языке, а образные (графические) модели описывают зрительные образы (в виде рисунков, фотографий, схем). Описательные информационные модели создаются на естественном языке (т. е. на любом языке общения между людьми: русском, белорусском, китайском, английском и т. п.) в устной или письменной форме. Формальные модели создаются на формальном языке (т. е. на научном, профессиональном или специализированном). Примеры формальных моделей: все виды формул, таблицы, графики, диаграммы, графы, карты, схемы и т. д.
Для более полного описания свойств или характеристик какого-либо объекта может использоваться несколько информационных моделей разных видов Человек на протяжении всей жизни составляет словесные описания предметов, объектов, ситуаций, происшествий на естественном языке. При составлении словесной модели необходимо ясно и понятно формулировать предложения, использовать проверенные факты, нужные понятия и термины. Примерами описательных моделей является информация в учебниках, произведения художественной литературы, сводки происшествий, а также словесные алгоритмы — описания последовательности действий и процессов. Для создания описательных моделей на компьютере используют текстовые редакторы, например MS Word, в котором набирают текст и задают его оформление: тип шрифта, размер, начертание, абзацный отступ и т. д. Формальные информационные модели содержат математические и химические формулы, алгоритмы, представленные на языках програм мирования, и т. д. Например, формулы математики описывают соотношения между количественными характеристиками объекта моделирования. Математической моделью называется совокупность математических соотношений, уравнений, неравенств, описывающих основные закономерности изучаемого объекта, процесса или явления. Информационные модели, описывающие объекты, явления, процессы в определенный момент времени, без учета их изменений в пространстве и времени, называются статическими. Такими моделями являются, например, структура кристаллов, классификация растений или животных. Динамические модели учитывают изменения параметров процессов и явлений с течением времени. Процесс создания и использования моделей для решения практических задач называют моделированием. Моделирование широко используется в науке и технике, экономике и производстве. Без моделирования немыслимо создание машин и механизмов, строительство зданий и мостов, создание новых материалов, лекарств, торговых сетей. Использование моделей позволяет упростить и удешевить исследование объектов и явлений реального мира. Основное назначение информационных моделей — описание свойств объектов, установление закономерностей, проектирование новых объектов, прогнозирование протекающих процессов и эффективное управление ими.
Что понимается под моделью?
2. На какие два класса разделяют модели?
3. Какие модели называют материальными? Информационными? При-
ведите примеры.
4. Какие модели называют знаковыми? Образными? Описательными?
Формальными? Приведите примеры.
5. Какой процесс называют моделированием?
Упражнения
1. Определите, какие из перечисленных моделей являются информационными, а какие — материальными: а) прогноз погоды в сети Интернет; б) макет застройки агрогородка; в) расписание движения автобусов; г) карта метрополитена; д) рисунок родословного дерева; е) список учеников класса; ж) компьютерная программа; з) модель самолета.
Рассмотрим структурирование информации с использованием информационных моделей разного типа. Наибольшее распространение получили табличные модели, чему в немалой степени способствовала простота их реализации в электронных таблицах. В табличной модели названия или перечни однотипных объектов или свойств размещают в первой строке (или столбце) таблицы, а значения их свойств — в следующих строках (или столбцах) таблицы. Столбцы с однотипными данными называют полями, а каждая строка представляет отдельную запись. Различают таблицы типа «объект — свойство» — когда в одной строке содержится информация об одном объекте или одном событии — и таблицы типа «объект — объект», которые отражают взаимосвязи между разными объектами. Пример 1. Разместить в таблицу информацию об осадках и среднесуточной температуре за 5 дней марта. Однотипные данные будем размещать в столбцах. Поместим в первую строку названия столбцов (полей): Дата, Осадки, Температура. Можно разместить названия в первом столбце, а однотипные данные группировать по строкам.
Пример 2. Разместить в таблицу информацию об успеваемости трех учащихся по двум предметам. Поместим в первую строку названия столбцов (полей): Ученик, Информатика, Физика.
Для наглядного представления состава и структуры данных используют графы. Моделируемые объекты представляют как вершины (или узлы) графа, а связи между объектами — как дуги (или ребра) графа. Получают чертеж, который задает множество вершин и множество линий (связей), соединяющих некоторые пары вершин. Связи между объектами называются отношениями. Симметричная связь обозначается отрезком, а несимметричная — стрелкой. В ненаправленном графе связи симметричны. В виде такого графа можно представить модель дорог, связывающих населенные пункты
В ориентированном графе отношения между объектами (связи) несимметричны, например: начальник → подчиненный, отец → сын, бабушка → внучка
Система, объекты которой находятся друг с другом в отношении вложенности или подчиненности, называется иерархической. Иерархическая модель наглядно представляется графом, в котором вершины верхнего уровня связаны с вершинами нижнего уровня как «один ко многим». Примерами иерархических моделей являются графические представления разнообразных классификаций (животных, растений, типов информационных моделей (рис. 4.4)), размещение файлов и папок на жестком диске компьютера и т. п.
Информационная модель, объекты которой (вершины графа различных уровней) связаны между собой по принципу «многие ко многим», называется сетевой. Примерами сетевых моделей могут служить различные сети (компьютеров, магазинов), глобальная сеть Интернет.
С помощью информационных моделей можно представлять знания. Семантическая модель — модель знаний в форме графа, в основе
которой лежит идея о том, что любые знания можно представить в виде совокупности объектов (понятий) и связей (отношений) между ними.
В качестве примера представим в виде графа связи в предложении «Стаіць мая хата між хвой кучаравых»
1. Что понимают под полями и записями таблицы?
2. Какая информационная модель называется иерархической?
Упражнения
1. Структурируйте данные о погоде за прошедшую неделю и разместите их в форме таблицы.
2. Представьте в виде графа: а) состав вашей семьи; б) несколько населенных пунктов вашей местности; в) состав вашего класса.
Появление компьютера обеспечило компьютерную реализацию информационных моделей, которая предполагает проведение вычислительного эксперимента и осуществление прогнозирования. Компьютерные модели незаменимы в тех случаях, когда реальные эксперименты невозможны или затруднены из-за финансовых или физических препятствий (например, в атомной и ядерной физике, астрофизике). Логичность и формализованность компьютерных моделей позволяют выявить основные факторы, которые определяют свойства изучаемого объекта, в частности, исследовать отклик моделируемой системы на изменения ее параметров и начальных условий. Современные компьютеры позволяют строить весьма сложные модели, достаточно полно отражающие реальные объекты или процессы. Построение компьютерной модели базируется на абстрагировании от конкретной природы явлений или изучаемого объекта. Выделяют следующие основные этапы компьютерного моделирования.
1. Постановка задачи: описание объекта и определение цели моделирования.
2. Разработка плана создания модели. Выделение свойств объекта, существенных для данной задачи, и отбрасывание второстепенных.
Выбор формы представления модели (например, таблица) и необходимого инструментария (например, системы программирования).
3. Создание модели: формализация, т. е. переход к математической модели; создание алгоритма и написание программы.
4. Анализ модели на соответствие объекту-оригиналу.
Рассмотрим этапы построения компьютерной модели на примере.
Пример. Через сколько дней больной выздоровеет, т. е. концентрация болезнетворных бактерий в его крови уменьшится с начального
значения (вводится с клавиатуры) до 12 единиц, если в результате применения лекарства концентрация бактерий ежедневно уменьшается на
20 % по сравнению с предыдущим днем?
1. Объектом моделирования является концентрация болезнетворных бактерий в крови больного. Цель — сделать прогноз, через сколько
дней эта концентрация уменьшится до 12 единиц.
2. При данной постановке задачи будем учитывать только изменение концентрации и пренебрегать остальными свойствами объекта, на-
пример, влиянием на кровь температуры больного или рациона его питания. В качестве формы представления модели выберем числовую фор-
му, а в качестве инструментария реализации этой модели — систему программирования Pascal ABC.
3. Создание компьютерной модели начнем с построения математической модели изучаемого явления. Поскольку каждый день концентрация бактерий уменьшается на p % по сравнению с концентрацией с предыдущего дня, т. е. на с · p / 100, то ее можно выразить формулой: c – c · p / 100.
Теперь составим алгоритм решения. Будем хранить значение концентрации в любой день в переменной c, процент ежедневного уменьшения и безопасное значение в переменных p и cb, количество дней — в переменной t. Переменные c и cb имеют тип real, а процент p и количество дней t — тип integer. Начальное значение концентрации будем вводить с клавиатуры (в переменную с). Вычисления будут повторяться в цикле while, пока
выполняется условие с>=сb, т. е. пока не будет достигнута безопасная концентрация. В результате получим целое число дней.
Реализация этого алгоритма, т. е. программа на языке программирования Pascal, может выглядеть так:
program Model;
var c, cb: real; p, t: integer;
begin
write(’Начальная концентрация: ’); read(c); {ввод}
p:=20; cb:=12; t:=0;
while c>=cb do begin
c:=c-c*p/100; t:=t+1;
end;
writeln(’Время: ’, t, ’ дней’)
end.
4. Протестируем модель. Будем вводить различные начальные значения концентрации бактерий. Результат работы программы может выглядеть так:
Начальная концентрация: 50
Время: 7 дней
Начальная концентрация: 80
Время: 9 дней
Мы рассмотрели пример простейшей модели. Полученные в процессе выполнения программы результаты представляются достоверными.
При анализе более сложной модели необходимо выполнять проверку достоверности результатов. Так, для рассмотренного примера рекомендуется проверять, как изменяется концентрация бактерий, например, через каждый час. Полезно использовать графические формы представления результатов (графики зависимостей, диаграммы).
1. Что понимают под компьютерным моделированием?
2. В каких случаях компьютерные модели являются незаменимыми?
3. Каковы основные этапы компьютерного моделирования?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Информация может передаваться с помощью различных электронных средств, например телефона, радио, телевидения. Под электронной коммуникацией понимают общение с помощью электронных средств. На современном этапе развития электронных коммуникаций
ключевую роль стали играть компьютерные сети. Передача и прием информации в компьютерной сети могут происходить различными способами. Различают два режима обмена сообщениями. В первом случае передача и прием сообщений разделены во времени. В этом режиме осуществляются, например, отправка и получение писем по электронной почте. Во втором случае общение происходит в режиме реального времени. Общение в этом режиме обеспечивают средства мгновенного обмена сообщениями — программы-месенджеры (от англ. messenger — связной, курьер). Такие программы позволяют обмениваться через компьютерные сети текстовыми, голосовыми и даже видеосообщениями.
Наиболее популярные месенджеры — NetMeeting, Skype, ICQ.
Для изучения темы использовать презентацию
ОБЩЕНИЕ С ПОМОЩЬЮ ПРОГРАММЫ SKYPE
Одной из наиболее популярных программ интернет-общения является Skype. Эта программа позволяет в режиме реального времени
вести диалог с помощью текстовых сообщений, пересылать файлы, осуществлять голосовое и видеообщение (интернет-телефония), вести
телеконференции. Для голосового общения в программе Skype пользователю необходимо иметь на своем компьютере средства мультимедиа: звуковую карту, микрофон, колонки или наушники, а для видеообщения — еще и веб-камеру.
После установки программы Skype на компьютере необходимо зарегистрироваться в окне Создать пользователя, указав имя, пароль и не-
которые сведения о себе (рис. 6.10). Для добавления контакта с новым абонентом необходимо выполнить в основном окне Skype следующую последовательность действий: Контакты → Новый контакт. Затем в окне Добавить контакт ввести имя, логин или адрес электронной почты нового абонента и нажать кнопку Поиск (рис. 6.11).
После этого программа Skype предложит указанному вами абоненту дать согласие на общение. Щелкнув правой кнопкой мыши по выбранному контакту, можно Позвонить абоненту, осуществить Видеозвонок или Начать чат (рис. 6.12).
Программа Skype позволяет вести телеконференции. Под телеконференцией в сети Интернет понимается одновременное общение не-
скольких абонентов с помощью голосовой или видеосвязи. Для проведения телеконференции в программе Skype участники
объединяются в группу с помощью последовательности действий Разговоры → Добавить (рис. 6.13), затем выполняется звонок щелчком
мыши по пиктограмме . В аудиоконференции могут принимать участие до 5—10 участников. Общение по телефону через Интернет (IP-телефония) позволяет осуществить звонок с компьютера на обычный телефон, в том числе и на мобильный. Такие услуги в основном являются платными. Однако стоимость таких звонков в несколько раз ниже обычных телефонных тарифов.
БЛОГИ. ФОРУМЫ. ЧАТЫ. СОЦИАЛЬНЫЕ СЕТИ
Популярными средствами обмена информацией и общения в сети Интернет являются блоги, форумы, чаты.
Блог — это сетевой дневник, или журнал событий. Термин «блог» произошел от сочетания двух английских слов — Web Log (Blog).
Блог представляет собой сайт или раздел, содержимое которого представлено в виде небольших заметок или записей и оперативно обновляется. Материалы блога создает автор или группа авторов по определенной тематике или интересам. Отличительная особенность блога состоит в том, что записи в нем могут комментироваться всеми, кто зарегистрируется и получит соответствующие права доступа. Блоги обычно размещают на специально отведенных сервисных сайтах. На таких сайтах может зарегистрироваться и начать вести свой блог любой пользователь. Записи в блоге создаются в интерактивном режиме и впоследствии могут редактироваться его владельцем (рис. 6.14).
В настоящее время блоги начинают широко использоваться в обучении, например, в качестве журналов для записи и обсуждения проделанной за определенный период работы. Микроблог, или твиттер (от англ. tweet — щебетать, болтать), представляет собой сервис, позволяющий отправлять короткие текстовые заметки (до 140 символов), используя веб-интерфейс, SMS, службы мгновенных сообщений или программы-месенджеры.
Форум (веб-форум) — это специальное пространство сайта или целый сайт для публичного обмена сообщениями между посетителями.
Форумы по своему назначению напоминают блоги. Однако в отличие от них в основу структуры форума положены тематические линии (ветки). При этом первое сообщение задает тематику всей ветки (тему для обсуждения), например, графические возможности редакторов растрового и векторного типов (рис. 6.15). Затем идут комментарии к теме обсуждения, как показано на рис. 6.16.
Для участия в форуме требуется регистрация, а при пользовании форумом необходимо выполнять правила, определенные в нем. Одним из способов общения в сети является ведение диалога (разговора) в чатах. Английское слово chat переводится как «разговор» или «болтовня». Этот вид сетевого общения очень похож на разговор по телефону, но пользователи не говорят в трубку телефона, а набирают вопросы и ответы на компьютере. В чатах можно выбрать тематический канал для общения с учетом своих интересов. Такие тематические каналы называют «комнатами». Для общения в чатах пользователю, как правило, необходимо зарегистрироваться, т. е. ввести свой Nickname (идентификатор, например имя), Password (пароль) и заполнить, если требуется, регистрационную анкету. Вести разговоры в чатах можно непосредственно на веб-страницах, а также с помощью программ-месенджеров. Программы ICQ, NetMeeting позволяют участвовать в разговоре сразу нескольким собеседникам.
В настоящее время в сети Интернет активно используются различные социальные сервисы, которые дают возможность их пользователям
обмениваться информацией и вести совместную деятельность в сети. К социальным сервисам Интернета относят: социальные сети, сер-
висы для хранения мультимедийных ресурсов, социальные закладки, сервисы для совместной работы с документами. Социальные сети представляют собой интерактивные многопользовательские веб-сайты, содержимое которых наполняется самими участниками сети. Социальные сети являются пространством для неформального знакомства и общения людей по интересам. Общение осуществляется обычно в тематических форумах. Наиболее популярные социальные сети посвящены прежде всего поиску друзей — бывших одноклассников и однокурсников, а также учителей. Сервисы для хранения мультимедийных ресурсов — фотографий, презентаций, видео дают возможность размещать, просматривать и оценивать размещенные ресурсы, а также оставлять свои комментарии.
Социальные закладки — это средства для хранения в Интернете закладок с адресами веб-страниц. В отличие от закладок в браузере пользова-
теля (которые доступны только ему), доступ к социальным закладкам возможен для всех пользователей глобальной сети. Сервисы для совместной работы с документами различных типов предоставляют многие поисковые системы. Сервисы для совместной работы с документами дают возможность пользователям:
• иметь совместный доступ к электронным материалам разного характера;
• выполнять задания по совместному редактированию текста (например, написание реферата или плана исследования);
• разрабатывать совместные презентации;
• организовывать совместное решение задач.
Следует отметить, что все средства обмена информацией и общения в компьютерных сетях бурно развиваются и видоизменяются.
К сожалению, культура сетевого общения, особенно в чатах и на форумах, в настоящее время невысока. Это показывает анализ
диалогов как на белорусских чатах, так и на многих российских. Появились сайты, пропагандирующие насилие и жестокость, расо-
вую и национальную нетерпимость. Участились случаи финансовых афер. При общении в сети следует соблюдать меры безопасности и пра-
вила сетевого этикета.
• Помните, что вы чаще всего общаетесь с анонимными собеседниками, среди которых могут оказаться непорядочные люди.
• Не торопитесь давать новому собеседнику в чате, блоге, на форуме свой телефон или домашний адрес.
• Если, с вашей точки зрения, собеседник навязывается в общение, то постарайтесь блокировать его доступ к вам.
• Общение в некоторых тематических каналах может запрещаться правовыми нормами и законодательством государства, а также
моральными и этическими правилами поведения религиозной или этнической группы, к которой вы принадлежите.
• При общении в сети будьте предельно корректными и вежливыми. При обсуждении всякая критика или несогласие с собеседником должны быть аргументированы.
1. Какими сообщениями позволяют обмениваться программы-месенджеры?
2. Каковы основные возможности программы Skype?
3. Что понимается под блогом? Для чего используются блоги?
4. Что такое веб-форум?
5. Что такое чат? Для чего используют чаты?
6. Что представляют собой социальные сети?
7. Каковы основные правила сетевого общения?
ОБЩЕНИЕ С ПОМОЩЬЮ ПРОГРАММЫ SKYPE
Одной из наиболее популярных программ интернет-общения является Skype. Эта программа позволяет в режиме реального времени
вести диалог с помощью текстовых сообщений, пересылать файлы, осуществлять голосовое и видеообщение (интернет-телефония), вести
телеконференции. Для голосового общения в программе Skype пользователю необходимо иметь на своем компьютере средства мультимедиа: звуковую карту, микрофон, колонки или наушники, а для видеообщения — еще и веб-камеру.
После установки программы Skype на компьютере необходимо зарегистрироваться в окне Создать пользователя, указав имя, пароль и не-
которые сведения о себе (рис. 6.10). Для добавления контакта с новым абонентом необходимо выполнить в основном окне Skype следующую последовательность действий: Контакты → Новый контакт. Затем в окне Добавить контакт ввести имя, логин или адрес электронной почты нового абонента и нажать кнопку Поиск (рис. 6.11).
После этого программа Skype предложит указанному вами абоненту дать согласие на общение. Щелкнув правой кнопкой мыши по выбранному контакту, можно Позвонить абоненту, осуществить Видеозвонок или Начать чат (рис. 6.12).
Программа Skype позволяет вести телеконференции. Под телеконференцией в сети Интернет понимается одновременное общение не-
скольких абонентов с помощью голосовой или видеосвязи. Для проведения телеконференции в программе Skype участники
объединяются в группу с помощью последовательности действий Разговоры → Добавить (рис. 6.13), затем выполняется звонок щелчком
мыши по пиктограмме . В аудиоконференции могут принимать участие до 5—10 участников. Общение по телефону через Интернет (IP-телефония) позволяет осуществить звонок с компьютера на обычный телефон, в том числе и на мобильный. Такие услуги в основном являются платными. Однако стоимость таких звонков в несколько раз ниже обычных телефонных тарифов.
БЛОГИ. ФОРУМЫ. ЧАТЫ. СОЦИАЛЬНЫЕ СЕТИ
Популярными средствами обмена информацией и общения в сети Интернет являются блоги, форумы, чаты.
Блог — это сетевой дневник, или журнал событий. Термин «блог» произошел от сочетания двух английских слов — Web Log (Blog).
Блог представляет собой сайт или раздел, содержимое которого представлено в виде небольших заметок или записей и оперативно обновляется. Материалы блога создает автор или группа авторов по определенной тематике или интересам. Отличительная особенность блога состоит в том, что записи в нем могут комментироваться всеми, кто зарегистрируется и получит соответствующие права доступа. Блоги обычно размещают на специально отведенных сервисных сайтах. На таких сайтах может зарегистрироваться и начать вести свой блог любой пользователь. Записи в блоге создаются в интерактивном режиме и впоследствии могут редактироваться его владельцем (рис. 6.14).
В настоящее время блоги начинают широко использоваться в обучении, например, в качестве журналов для записи и обсуждения проделанной за определенный период работы. Микроблог, или твиттер (от англ. tweet — щебетать, болтать), представляет собой сервис, позволяющий отправлять короткие текстовые заметки (до 140 символов), используя веб-интерфейс, SMS, службы мгновенных сообщений или программы-месенджеры.
Форум (веб-форум) — это специальное пространство сайта или целый сайт для публичного обмена сообщениями между посетителями.
Форумы по своему назначению напоминают блоги. Однако в отличие от них в основу структуры форума положены тематические линии (ветки). При этом первое сообщение задает тематику всей ветки (тему для обсуждения), например, графические возможности редакторов растрового и векторного типов (рис. 6.15). Затем идут комментарии к теме обсуждения, как показано на рис. 6.16.
Для участия в форуме требуется регистрация, а при пользовании форумом необходимо выполнять правила, определенные в нем. Одним из способов общения в сети является ведение диалога (разговора) в чатах. Английское слово chat переводится как «разговор» или «болтовня». Этот вид сетевого общения очень похож на разговор по телефону, но пользователи не говорят в трубку телефона, а набирают вопросы и ответы на компьютере. В чатах можно выбрать тематический канал для общения с учетом своих интересов. Такие тематические каналы называют «комнатами». Для общения в чатах пользователю, как правило, необходимо зарегистрироваться, т. е. ввести свой Nickname (идентификатор, например имя), Password (пароль) и заполнить, если требуется, регистрационную анкету. Вести разговоры в чатах можно непосредственно на веб-страницах, а также с помощью программ-месенджеров. Программы ICQ, NetMeeting позволяют участвовать в разговоре сразу нескольким собеседникам.
В настоящее время в сети Интернет активно используются различные социальные сервисы, которые дают возможность их пользователям
обмениваться информацией и вести совместную деятельность в сети. К социальным сервисам Интернета относят: социальные сети, сер-
висы для хранения мультимедийных ресурсов, социальные закладки, сервисы для совместной работы с документами. Социальные сети представляют собой интерактивные многопользовательские веб-сайты, содержимое которых наполняется самими участниками сети. Социальные сети являются пространством для неформального знакомства и общения людей по интересам. Общение осуществляется обычно в тематических форумах. Наиболее популярные социальные сети посвящены прежде всего поиску друзей — бывших одноклассников и однокурсников, а также учителей. Сервисы для хранения мультимедийных ресурсов — фотографий, презентаций, видео дают возможность размещать, просматривать и оценивать размещенные ресурсы, а также оставлять свои комментарии.
Социальные закладки — это средства для хранения в Интернете закладок с адресами веб-страниц. В отличие от закладок в браузере пользова-
теля (которые доступны только ему), доступ к социальным закладкам возможен для всех пользователей глобальной сети. Сервисы для совместной работы с документами различных типов предоставляют многие поисковые системы. Сервисы для совместной работы с документами дают возможность пользователям:
• иметь совместный доступ к электронным материалам разного характера;
• выполнять задания по совместному редактированию текста (например, написание реферата или плана исследования);
• разрабатывать совместные презентации;
• организовывать совместное решение задач.
Следует отметить, что все средства обмена информацией и общения в компьютерных сетях бурно развиваются и видоизменяются.
К сожалению, культура сетевого общения, особенно в чатах и на форумах, в настоящее время невысока. Это показывает анализ
диалогов как на белорусских чатах, так и на многих российских. Появились сайты, пропагандирующие насилие и жестокость, расо-
вую и национальную нетерпимость. Участились случаи финансовых афер. При общении в сети следует соблюдать меры безопасности и пра-
вила сетевого этикета.
• Помните, что вы чаще всего общаетесь с анонимными собеседниками, среди которых могут оказаться непорядочные люди.
• Не торопитесь давать новому собеседнику в чате, блоге, на форуме свой телефон или домашний адрес.
• Если, с вашей точки зрения, собеседник навязывается в общение, то постарайтесь блокировать его доступ к вам.
• Общение в некоторых тематических каналах может запрещаться правовыми нормами и законодательством государства, а также
моральными и этическими правилами поведения религиозной или этнической группы, к которой вы принадлежите.
• При общении в сети будьте предельно корректными и вежливыми. При обсуждении всякая критика или несогласие с собеседником должны быть аргументированы.
Человек соприкасается с различными по своему назначению системами в быту, на производстве, в образовании, медицине и других сферах деятельности. Слово «система» означает целое, состоящее из частей. Системы существуют в живой и неживой природе. Примером сложной системы в неживой природе является Солнечная система, элементы которой — Солнце, планеты и их спутники, множество комет и астероидов. Примером биологической системы являются растительные клетки. Системы состоят из различных элементов: планет, рек, растений, животных, людей, технических устройств, деталей механизмов, информационных ресурсов, математических уравнений. Мы часто встречаем такие слова и словосочетания, как биосистема, экологическая система, государственная система, система обучения, система социального обеспечения, система здравоохранения и т. д. В курсе информатики мы уже знакомились с разными системами: операционными, файловыми, системами управления базами данных. Добавление к понятию «система» слова «информационная» указывает на ее основное функциональное назначение — работа с информацией. Информационная система (ИС) — целостная система взаимосвязанных средств и методов сохранения, обработки, поиска и распространения информации, обслуживаемая и используемая человеком. Существуют различные классификации информационных систем: по функциональному назначению, по области применения, по уровню автоматизации. По области применения, например, выделяют такие ИС: библиотечные, правовые, экономические, банковские, маркетинговые, медицинские, метеорологические и многие другие. Среди ИС существует большой класс информационно-поисковых (справочных) систем (ИПС), которые предназначены для поиска информации. Поиск и отбор информации в ИПС осуществляется пользователем по заданным критериям или условиям — запросам. Запросы пользователя в ИПС строятся обычно на естественном для человека языке, например русском, белорусском, английском. Многие ИПС в настоящее время доступны в сети Интернет. Они оперативно предоставляют пользователю доступ к огромному числу электронных информационных ресурсов. Обзор информационных ресурсов и информационных систем Беларуси размещен на сайте http://infores.mpt.gov.by. С некоторыми из них Вы уже знакомились при изучении информатики. Вообще, проблемам разработки и эффективного использования национальных информационных ресурсов в нашей стране уделяется большое внимание на государственном уровне. На создание национальной автоматизированной информационной системы, основной задачей которой является формирование единого национального информационного ресурса, нацелена государственная программа «Электронная Беларусь». Для упрощения взаимодействия граждан с автоматизированными информационными системами государственных органов внедряется программный комплекс «Одно окно». Национальный правовой интернет-портал Республики Беларусь http://pravo.by обеспечивает доступ к Эталонному банку данных правовой информации. Он представляет собой автоматизированную полнотекстовую информационно-поисковую систему по законодательству Республики Беларусь, позволяющую быстро найти необходимую информацию (рис. 4.1).Общее количество документов, доступных на этом сайте, превышает 120 тысяч. Тексты правовых актов представлены в их действующей редакции, т. е. с учетом всех внесенных в них изменений и дополнений, вступивших в силу. Важное экономическое значение имеют геоинформационные системы (ГИС), которые обеспечивают сбор, хранение, отображение и распространение географических данных. Например, цифровые карты демонстрируют размещение объектов на местности для выявления отношений между ними, для исследований изменений, произошедших на изучаемой территории за определенный период времени. Основные области применения ГИС: экология и природопользование, землеустройство, региональное планирование, демография и исследование трудовых ресурсов. Для решения задач в области землеустройства и земельного кадастра предназначена Земельно-информационная система Республики Беларусь (http://landgis.by).
Одной из наиболее популярных геоинформационных систем является система City Info, которая предоставляет электронную карту Минска или других областных городов и обеспечивает поиск необходимого объекта (рис. 4.2). После ввода в окне Адрес названия улицы и номера дома можно увидеть на карте в увеличенном масштабе место расположения найденного системой здания. С помощью вкладки Транспорт можно узнать необходимый вид общественного транспорта и номер маршрута для перемещения из одного пункта города в другой. Для этого нужно щелкнуть левой кнопкой мыши по двум пунктам на карте города. Все большее распространение получают системы спутниковой навигации (на-пример, GPRS), которые на основе заложенных в них цифровых карт позволяют определять местоположение объектов и могут эффективно использоваться, например, для управления дорожным движением. Решению актуальных экологических проблем помогают биоинформационные системы, например Красная книга Республики Беларусь (http://redbook. minpriroda.by) (рис. 4.3). Красная книга Республики Беларусь содержит сведения о редких и находящихся под угрозой исчезновения на территории Беларуси видов животных и дикорастущих растений. Ее ресурсы являются общедоступными.Пользователь имеет возможность выполнить поиск необходимых сведений о животных или растениях по каталогу и по алфавиту. Информатика совместно с кибернетикой, электроникой, биологией занимается разработкой интеллектуальных информационных систем, создаваемых на базе компьютера, для имитации решения человеком сложных интеллектуальных задач. Интеллектуальные информационные системы наделены способностью видеть, слышать, говорить, думать и даже чувствовать. В рамках исследований в области
создания таких систем разрабатываются естественные интерфейсы компьютера, создаются роботы и робототехнические комплексы. Примером известной системы искусственного интеллекта является система, имитирующая зрительное восприятие. Система состоит из компьютерных про-
грамм и устройств распознавания образов. Она работает в двух режимах: обучения и распознавания. В режиме обучения человек или робот, играющие роль учителя, предъявляют системе различные объекты или предметы и сообщают о них все необходимые сведения. Затем в режиме распознавания человек показывает системе новые объекты, и она должна их правильно распознать или классифицировать. Экспертные системы (ЭС) — это направление исследований по созданию искусственного интеллекта. Существуют экспертные системы, передающие опыт более подготовленных пользователей менее подготовленным; интеллектуальные обучающие, информационно-логические и робототехнические системы; консультирующие и тренажерные системы; системы поддержки принятия решений. Основные области применения ЭС: медицина, электроника, вычислительная техника, геология, математика, космос, сельское хозяйство, управление, финансы, юриспруденция и др.
В медицине создано несколько сотен экспертных систем, которые используются для установления связи между нарушениями деятельности организма человека и их возможными причинами. С помощью расширенной базы знаний при получении всех возможных сведений о состоянии здоровья человека такие системы могут ставить диагноз на уровне врача-консультанта.
1. Какую систему называют информационной системой?
2. Приведите примеры информационных систем.
Определение информационных технологий тесно связано с понятием «технология». Термин «технология» происходит от греческого слова techne- — наука об умении, мастерстве, искусстве — и имеет множество значений. В узком смысле под технологией понимают процесс, определяемый совокупностью операций, приемов, с помощью которых функционируют конкретные орудия производства: механизмы, станки, различная аппаратура. В более широком смысле с помощью технологий описываются многие производственные, экономические, социальные, культурные и другие процессы, происходящие в обществе. Понятие «информационные технологии» впервые было применено в конце 50-х годов ХХ в. в Англии и США, однако его активное использование началось в 80-е годы ХХ в., когда под влиянием новых технологий в обществе начали широко использовать термин «информация». В широком смысле под информационными технологиями (ИТ) понимается комплекс взаимосвязанных научных, технологических, инженерных дисциплин, изучающих методы эффективной организации труда людей, занятых обработкой и хранением информации во всех сферах человеческой деятельности: производственной, управленческой, финансовой, научной, социальной, культурной.
В Законе Республики Беларусь от 10 ноября 2008 г. «Об информации, информатизации и защите информации» дано следующее определение информационной технологии: ИТ — совокупность процессов, методов осуществления поиска, получения, передачи, сбора, обработки, накопления, хранения, распространения и (или) предоставления информации, а также пользования информацией и защиты информации.
В связи с активным внедрением вычислительной техники и персональных компьютеров в узком смысле под ИТ обычно подразумевают компьютерные информационные технологии (КИТ). Под компьютерной информационной технологией понимается процесс, позволяющий человеку осуществлять обработку, поиск, сбор, хранение и передачу информации с помощью компьютера. Если в основу классификации КИТ положить процесс обработки информации, представленной в разной форме, то можно выделить ИТ обработки текстовой и графической информации, ИТ по работе с базами данных, электронными таблицами и др. Следует понимать, что одна информационная технология может включать в себя другие. Например, мультимедийная технология включает в себя технологии обработки текстовой и графической информации, технологию создания анимаций, веб-технологию. Информационную технологию, описывающую процесс обработки текстовой информации, можно представить в виде иерархической структуры, выделив этапы, действия и элементарные операции этого процесса (рис. 4.4). Различие между информационными системами и информационными технологиями является очень важным. Следует четко понимать, что в основе информаци-
онной технологии лежит, прежде всего, процесс, выполнение которого построено на способах деятельности и операциях, а в основе информационной системы лежат используемые программные и технические средства. Например, когда мы говорим о технологии обработки текстовой информации, мы можем не привязывать ее к конкретной компьютерной программе или системе, так как процесс редактирования текста является общим для любых компьютерных программ, в которых обрабатывается текстовая информация. Настоящее время характеризуется активным внедрением информационных систем и технологий в образование. Практически все изученные Вами компьютерные технологии активно применяются в образовании. Например, на основе мультимедийных технологий создаются учебные компьютерные презентации. Использование аудио и видео облегчает изучение иностранных языков. Технология обработки данных в электронных таблицах помогает не только выполнять сложные расчеты, но и создавать учебные компьютерные модели из разных предметных областей и изучать эти виртуальные модели в курсах физики, химии, биологии и т. д. Регулирование использования ИС и ИТ в образовании, перспективы и направления их развития находят свое отражение в программах «Комплексной информатизации системы образования Республики Беларусь», которые разрабатываются каждые 4—5 лет. Широкое применение в белорусских школах получили электронные средства обучения (ЭСО) по различным учебным предметам.
По своему назначению ЭСО можно разделить на обучающие и тестовые программы, учебные информационно-поисковые системы, моделирующие и демонстрирующие программные средства, учебные игровые и досуговые программы и т. д. Перечень рекомендуемых ЭСО для образовательных учреждений содержится на сайте Главного информационно-аналитического центра Беларуси (адрес в сети Интернет — http://www.giac.unibel.by). Ежегодно в нашей стране проводится Республиканский конкурс «Компьютер. Образование. Интернет» по разработке ЭСО для общеобразовательных, профессиональных и специальных учебных заведений, в котором могут принимать участие учащиеся и педагоги.
Еще одним направлением использования ИС и ИТ является применение их в управленческой деятельности в системе образования. Разработанные и применяемые в Беларуси автоматизированные системы управления учреждениями образования содержат базы данных с различной информацией об учителях, учащихся, родителях и др. С помощью веб-технологий в учреждениях образования создаются веб-сайты.
Сайт школы обычно содержит историю и новости школы, сведения об учителях и учащихся, о достижениях коллектива, а также учебно-методические материалы.
В Беларуси разработан и используется банк данных одаренной и талантливой молодежи страны, который включает информацию о лауреатах и стипендиатах специального фонда Президента Республики Беларусь по социальной поддержке одаренных учащихся и студентов, о победителях, призерах и обладателях дипломов международных и республиканских олимпиад и конкурсов и т. д. С целью оказания помощи учащимся в выборе профессии и учебного заведения для продолжения образования разработаны и используются системы информационно-педагогической поддержки старшеклассников, например Абитуриент.by (www.abiturient.by). Эта система осуществляет мониторинг вступительной кампании в вузы Республики. Полный перечень специальностей каждого вуза, по которым производится набор абитуриентов на все формы обучения, приведен на вкладке Где учиться? (рис. 4.5) в разделе «План приема» соответствующего вуза. Узнать результаты репетиционного и централизованного тестирования можно на сайте Республиканского института контроля знаний www.rikz.unibel.by. Здесь же размещены сведения о методических пособиях, которые помогут абитуриентам подготовиться к тестированию. В заключение отметим, что интенсивность использования информационных систем и технологий во всех сферах человеческой деятельности с каждым годом неуклонно возрастает.
1. Какую технологию называют компьютерной информационной технологией?
2. Приведите примеры компьютерных информационных технологий.
3. Какие информационные технологии и системы используются в Вашем учебном заведении?
В современном мире количество информации постоянно возрастает. Для упорядоченного хранения и обработки больших объемов информации создаются и используются базы данных. База данных — это совокупность взаимосвязанных и организованных определенным образом данных, отображающих состояние объектов и отношений между ними в какой-либо предметной области. Первыми компьютерными базами данных, которые создал человек, были табличные базы данных, где размещалась в основном числовая информация. Затем началось освоение человеком текстовых баз данных. С повышением быстродействия компьютеров и увеличением их внешней и оперативной памяти начали создаваться и использоваться графические и мультимедийные базы данных. Информация, хранимая в базах данных, должна быть структурирована, т. е. организована определенным образом (рис. 3.1), актуальна и доступна пользователю.Фактически база данных, наполненная информацией, является файлом. Среди существующих моделей организации информации в базах данных наи большее распространение получила реляционная модель (от англ. relation — отношение). В этой модели данные организованы в виде совокупности таблиц, между которыми установлены связи. Назначение таких связей и порядок их задания мы рассмотрим в § 11. Система управления базами данных (СУБД) — это совокупность программных и языковых средств, предназначенных для создания, хранения и обработки баз данных. В настоящее время специалистами разработано около сотни разных СУБД. Все они могут быть разделены по способу доступа к базам данных на две большие группы: настольные и серверные. Настольные СУБД ориентированы на обслуживание одного пользователя, работающего на определенном компьютере с базами данных в каждый реальный момент времени. К настольным СУБД относят Microsoft Access, Paradox, dBase, FoxPro.
Недостатки настольных СУБД стали очевидными, когда возникла необходимость одновременной работы с ними большого числа пользователей. Поэтому следующим этапом развития СУБД стало создание серверных СУБД. Серверные СУБД используют принцип централизованного хранения и обработки данных, который основан на архитектуре клиент-сервер. СУБД, хранящая данные, и прикладная программа, интерпретирующая эти данные, являются разными приложениями, т. е. существуют приложение-сервер и приложение-клиент. К серверным СУБД относят Microsoft SQL Server, Informix, Sybase, DB2, Oracle и др. В этой главе мы рассмотрим популярную и широко используемую СУБД Access 2003. Программа Access после ее установки может загружаться с Рабочего стола двойным щелчком мыши по ярлыку или через систему меню: Пуск Программы Microsoft Office Microsoft Access. После запуска СУБД Access с помощью команды Файл Открыть можно открыть базу данных. Опишем основные элементы интерфейса открывшегося окна (рис. 3.2). На панели Стандартная размещаются основные инструменты, используемые при работе с базой данных. Некоторые инструменты этой панели аналогичны инструментам панели Стандартная текстового редактора Word. Часть инструментов предназначена исключительно для работы с базой данных. Применение этих инструментов мы рассмотрим в дальнейшем. В окне База данных расположены ее объекты: Таблицы, Запросы, Формы, Отчеты и др. Все эти объекты, если они создавались, хранятся в общем файле базы данных на диске с расширением .mdb. Работа с каждым из объектов осуществляется в своем окне, как показано на рисунке 3.2. Рассмотрим назначение каждого объекта. Объект Таблицы является основным объектом базы данных. Он предназначен для хранения данных. На основе таблицы (рис. 3.3) создаются остальные объекты базы данных. Как правило, для решения сложных задач одной таблицы недостаточно. Поэтому в базе данных обычно присутствует сразу несколько таблиц, связанных между собой. Запись реляционной базы данных представляет собой строку в таблице, в которой собрана информация об одном объекте базы данных. На рисунке 3.3 в таблице таких записей семь. Поле реляционной базы данных — это столбец таблицы, который содержит значения определенного свойства об объектах базы данных. В таблице на рисунке 3.3 три поля: Области и г. Минск, 1999 г., 2009 г. Для описания поля используются следующие характеристики: имя, тип, размер, формат данных поля. В разных полях таблицы могут храниться данные разных типов: текстовые, числовые, логические и др. Но в одном поле таблицы содержатся данные только одного типа. Каждая таблица имеет свою определенную структуру. Более полное описание типов полей приведено в § 10. Объект Запросы предоставляет возможность отбора данных из таблиц на основании определенных условий. На рисунке 3.2 представлен запрос с именем Запрос 1. Объект Формы отображает данные из таблиц или запросов. С помощью форм удобно вводить данные в таблицы. На рисунке 3.2 представлена форма с именем Форма 1. Объект Отчеты предназначен для создания документа, который отражает ин-
формацию, отобранную из базы данных. Отчет можно просмотреть на экране или распечатать на принтере. На рисунке 3.2 представлен отчет с именем Отчет 1.
1. Что называют базой данных?
2. Что называют записью и полем в таблице базы данных?
3. Какие системы называют системами управления базами данных?
4. Какие объекты присутствуют в окне База данных MS Access? Для чего пред-
назначены эти объекты?
Изучение возможностей СУБД Access начнем с проектирования базы данных. Выделяют следующие этапы создания базы данных:
• создание таблиц базы данных, включающее разработку структуры каждой таблицы и ввод в эти таблицы необходимой информации;
• определение связей между несколькими таблицами.
П р и м е р. Спроектировать базу данных «Библиотека» (файл Library book.mdb), содержащую сведения о выдаче книг из библиотеки пользователя.
Основной задачей при использовании базы данных «Библиотека» является отслеживание выдачи книг всем клиентам. Проведя анализ необходимой для хранения информации, попытаемся сначала расположить ее в одной таблице, поля которой разделим на три группы: «Сведения о клиентах библиотеки», «Сведения о книгах» и «Сведения о выдаче книг». Таблица базы данных в этом случае должна иметь следующую структуру:
Имя поля Тип данных Сведения
Фамилия Текстовый
Имя Текстовый
Адрес Текстовый о клиентах
Телефон Текстовый
Электронная почта Текстовый библиотеки
Автор книги Текстовый Сведения
Название книги Текстовый
Год издания Числовой
Стоимость книги Денежный о книгах
Дата выдачи Дата/время Сведения
Отметка о возврате Логический о выдаче книг
Работать с такой таблицей достаточно неудобно. Например, при выдаче нескольких книг одному клиенту будет необходимо многократно повторять информацию о нем: фамилию, имя, адрес и т. д., что приведет к неоправданному увеличению размера таблицы и может повысить вероятность появления ошибок при вводе информации. Для повышения эффективности при работе с создаваемой базой разделим одну таблицу на три: «Клиенты», «Книги», «Выдача книг». Опишем структуру каждой таблицы.
Таблица «Клиенты»
Имя поля Тип данных
Код клиента Счетчик
Фамилия Текстовый
Имя Текстовый
Адрес Текстовый
Телефон Текстовый
Электронная почта Текстовый
Таблица «Книги»
Имя поля Тип данных
Код книги Числовой
Автор книги Текстовый
Название книги Текстовый
Год издания Числовой
Стоимость книги Денежный
Таблица «Выдача книг»
Имя поля Тип дан
Код выдачи Числовой
Код клиента Числовой
Код книги Числовой
Дата выдачи Дата/время
Отметка о возврате Логический
В таблице «Клиенты» используется тип данных Счетчик. Он применяется для хранения целых числовых значений, которые Access увеличивает при переходе к каждой новой записи. Счетчик может использоваться в качестве уникального идентификатора записи таблицы, в которой нет другой величины такого типа. В нашем случае Код клиента будет уникальным идентификатором, который позволит легко отличить одного клиента от другого. СУБД Access допускает также использование типов данных, описанных в следующей таблице.
Тип данных Описание
Числовой Поле числового типа, которое содержит произвольные числовые значения.
Текстовый Поле текстового типа, содержащее текстовые, числовые данные,
не требующие вычислений. Длина поля не превосходит 255 символов.
Поле MEMO Поле текстового типа, в котором размещаются данные большого объема.
Длина поля не превосходит 65 535 символов.
Дата/время Поле, содержащее дату и время в различных форматах.
Денежный Поле, имеющее числовые денежные значения.
Логический Поле, содержащее логические значения.
Гиперссылка Поле-ссылка на некоторый документ или файл.
Объект OLE Поле, содержащее документы различных типов (документы Word, таблицы Excel, точечные рисунки и др.).
Перед созданием таблиц в СУБД Access необходимо создать новую базу данных. Это можно сделать с помощью последовательности команд: Файл Создать Новая база данных в окне Файл новой базы данных указать имя файла базы, например Library book. СУБД Access позволяет создавать структуру таблицы тремя способами: в режиме Конструктора, с помощью Мастера или путем ввода данных (режим Таблицы) (рис. 3.4).
В режиме Таблицы данные вводят в пустую таблицу. Рассмотрим подробнее работу режимов Мастер и Конструктор.
Создание структуры таблицы
В режиме Мастера удобно создавать структуру таблицы, в которой используются стандартные имена полей и типы данных в этих полях. Мастер вначале предлагает выбрать образец таблицы, а затем отобрать поля для этой таблицы.
П р и м е р 1. Создать в режиме Мастера структуру таблицы «Клиенты». Выберем объект Таблицы в окне База данных и дважды щелкнем мышью по
строке Создание таблицы с помощью мастера. Выберем образец таблицы Клиенты. Образцы полей перенесем с помощью кнопки > из окна Образцы полей в окно Поля новой таблицы, как показано на рисунке 3.5. Имя перенесенного поля может быть изменено с помощью кнопки Переименовать поле. Для перехода к следующему шагу щелкнем мышью по кнопке Далее . Зададим имя таблицы, например Клиенты, и установим флажок Пользователь определяет ключ самостоятельно. Нажмем кнопку Далее. Выберем поле с уникальными для каждой записи данными, для нашего примера — это поле Код клиента. Нажмем кнопку Готово. В результате откроется окно таблицы «Клиенты», готовой для заполнения информацией (рис. 3.6). Щелкнув мышью по кнопке Конструктор (см. рис. 3.2), просмотрим структуру созданной с помощью Мастера таблицы «Клиенты» Желательно, чтобы каждая таблица имела ключ — одно или несколько полей, содержимое которых уникально для каждой записи. Для таблицы «Клиенты» \таким является поле Код клиента. Тип данных этого поля ⎯ Счетчик. В нашей таблице каждый клиент будет иметь уникальный номер и никакие две записи не будут одинаковыми. Мастер определяет тип данных полей самостоятельно в зависимости от названия без предварительного определения этих типов пользователем. В дальнейшем в режиме Конструктора тип поля может быть изменен. Режим Конструктора предоставляет пользователю возможность самостоятельно описывать и изменять структуру таблицы.
П р и м е р 2. Создать в режиме Конструктора структуру таблицы «Книги». Двойным щелчком мыши по строке Создание таблицы в режиме кон-
структора (см. рис. 3.4) откроем окно Таблица 1, в котором необходимо описать поля. имя и тип данных. В нижней части окна определим свойства поля, как показано на рисунке 3.8. При вводе типов данных и свойств полей будем применять раскрывающиеся списки (см. рис. 3.8).
В таблице «Книги» ключевым является поле Код книги. Чтобы это поле стало ключевым, достаточно в режиме Конструктора поместить курсор в выбранное поле и нажать кнопку Ключевое поле на панели Базы данных или выполнить команду Правка Ключевое поле. Если необходимо определить сразу несколько ключевых полей, то следует выделить нужные строки и нажать кнопку Ключевое поле. Повторные аналогичные действия отменяют признак ключевого поля. Завершив описание таблицы, сохраним ее с помощью последовательности команд: Файл Сохранить как указать имя таблицы, например Книги ОК.Созданные нами таблицы «Клиенты» и «Книги» добавляются в окно База
данных.
Таблица «Выдача книг» также может быть создана в режиме Конструктора. Создав структуру таблицы, пользователь может в режиме Таблицы приступить к ее заполнению. Для этого в окне Базы данных надо дважды щелкнуть мышью по названию таблицы, например «Клиенты».
Ввод данных в таблицу и их редактирование осуществляются непосредственно в ячейках таблицы (рис. 3.9). Действия по вводу и редактированию аналогичны соответствующим действиям в MS Excel. Для удаления целой записи в таблице необходимо в режиме Таблица установить курсор в любое поле удаляемой записи и щелкнуть мышью по кнопке Удалить запись . Для удаления сразу нескольких записей необходимо вначале
их выделить. При удалении целой записи в таблице «Клиенты» поле Код клиента теряет уникальный номер клиента для этой записи в таблице.
Добавление записей в таблицу осуществляется в режиме Таблица. При этом новая запись размещается в конце таблицы. После завершения ввода данных в таблицу или их редактирования таблица сохраняется с помощью команды Файл Сохранить.
1. Что необходимо для проектирования базы данных?
2. Какие режимы используются для создания структуры таблицы?
3. Что понимается под ключевым полем в таблице? Для чего применяется ключевое поле?
4. Какие типы данных допускается использовать в СУБД Access?
5. Для чего используется тип данных Счетчик?
Связывание таблиц базы данных
Установление связей в MS Access дает возможность автоматически соединять данные из разных таблиц. Так обеспечивается целостность базы данных. Процесс установления связей между таблицами называют построением Схемы данных.
Для установления связей между двумя таблицами необходимо определить в каждой из них поля для связывания. Эти поля могут иметь одинаковые или разные имена, но должны содержать данные одного типа! Рассмотрим связь между таблицами «Сотрудники» (рис. 3.10) и «Ведомость заработной платы» (рис. 3.11) в базе данных Salary.mdb. Структура каждой из этих таблиц представлена на рисунке 3.12. В таблице «Сотрудники» ключевым является поле Табельный номер. Данное поле имеет тип Счетчик и содержит уникальные значения для каждой записи этой таблицы. Назовем это поле первичным ключом. Если в таблице «Ведомость заработной платы» каждый сотрудник может быть записан только один раз, то ключевым полем этой таблицы также может являться поле Табельный номер. В таблице «Ведомость заработной платы» ключевое поле Табельный номер будем называть внешним ключом. В этом случае связь, установленную между первичным и внешним ключами, называют связью один к одному. Этот тип связи представлен на рисунке 3.13. Если в таблице «Ведомость заработной платы» один сотрудник может быть записан несколько раз, то поле Табельный номер уже не будет уникальным, так как может повторяться многократно. Тогда тип данных в этом поле может принимать числовые значения, а ключевым полем с уникальными значениями может быть определено поле Код выдачи. В этом случае связь, установленную между одноименными полями Табельный номер в обеих таблицах, называют связью один ко многим. Этот тип связи представлен на рисунке 3.14.
П р и м е р. Построить Схему данных для базы данных «Библиотека», как показано на рисунке 3.15. Откроем многотабличную базу данных «Библиотека», для которой будут устанавливаться связи между таблицами. Щелкнем мышью по значку Схема данных (см. рис. 3.2). В окне Добавление таблицы выделим первую таблицу, для которой устанавливается связь. В нашем примере — это таблица «Клиенты». Щелкнем мышью по кнопке Добавить. На экране будет отображена структура таблицы, которую мы добавили. Затем таким же образом добавим в Схему данных остальные связываемые таблицы («Выдача книг», «Книги») и щелкнем мышью по кнопке Закрыть. В окне таблицы «Клиенты» щелкнем мышью по полю, которое будет использоваться для установления связи, например Код клиента, и перетащим его на одноименное поле таблицы «Выдача книг». В окне Изменение связей убедимся, что связаны необходимые поля, и установим флажок Обеспечение целостности данных. В результате выполненных действий в окне Схема данных два связанных поля соединятся линией, как показано на рисунке 3.15. Аналогичным образом свяжем таблицы «Выдача книг» и «Книги» по полю Код книги. Для сохранения созданных связей щелкнем мышью по кнопке Сохранить и закроем окно Схема данных. При закрытии окна Схема данных связи между таблицами сохраняются. Созданные связи в дальнейшем можно удалить в окне Схема данных, выделив щелчком мыши линию связи и нажав клавишу Delete (Удалить). Двойной щелчок мышью по линии связи приводит к открытию окна Изменение связей, в котором связи могут быть отредактированы.
1. Для чего необходимо связывать таблицы?
2. Какими свойствами должны обладать связываемые поля?
3. Какие типы связей между полями таблиц существуют?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Вы уже знаете, что данные таблицы пользователь вводит непосредственно в ее ячейки. Если его не устраивает табличный способ размещения данных, он может подготовить форму. В форме пользователь располагает данные на экране компьютера в порядке, удобном ему для работы. В созданной форме можно вводить, редактировать и просматривать данные. Формы можно создавать на основе готовой таблицы или запроса. Рассмотрим, как создаются формы на основе таблиц. СУБД Access предлагает три способа создания форм: Создание формы в режиме мастера, Создание формы в режиме конструктора, Автоформа. При подготовке формы необходимо в окне Базы данных выполнить команду Формы Создать или нажать кнопку . В открывшемся окне Новая форма предлагаются два основных способа Конструктор и Мастер форм, а также Автоформы: в столбец, ленточная, табличная и др. (рис. 3.16). Быстрое создание форм обеспечивают Мастер форм и Автоформы Рассмотрим на примере работу с Мастером форм.
П р и м е р 1. Создать с помощью Мастера форм по данным таблицы «Города_Могилевской_области» ленточную форму со стилем Солнцестояние, содержащую данные, показанные на рисунке 3.17.Для создания формы с помощью Мастера форм дважды щелкнем мышью по строке Создание форм с помощью мастера в окне База данных. Мастер форм в несколько этапов откроет окно Создание форм, в котором мы зададим имя
таблицы для формы и выберем доступные поля, как показано на рисунке 3.18, а затем определим внешний вид формы: выберем таблицу «Города_Могилевской_области» и три поля Города области, Население (тыс. чел.), Основание города, внешний вид формы — Ленточный.
В дальнейшем в открывшемся окне укажем стиль формы Солнцестояние, зададим имя формы и щелкнем мышью по кнопке Готово. В окне Создание форм можно открыть готовую форму для ввода данных. Заметим, что, создавая форму, из таблицы можно переносить не все поля.
При заполнении формы данные автоматически размещаются в ячейках таблицы, на основании которой данная форма создавалась.
Создание формы с помощью Конструктора является более сложным процессом, чем ее подготовка с помощью Мастера форм.
П р и м е р 2. На основании таблицы «Города_Могилевской_области» создать форму в режиме Конструктора. Для этого в окне База данных выберем пункт Формы. Затем нажмем кнопку Создать меню этого окна. В окне Новая форма выберем пункт меню Конструктор, а также источник данных ⎯ таблицу «Города_Могилевской_области», на основании которой строится форма. В результате выполненных действий откроется окно для конструирования формы и специальное окно со списком полей таблицы (рис. 3.19). города. При переносе каждого поля в Область данных в нем располагаются Надпись (имя поля) и Текстовое поле (данные). Завершим конструирование формы ее сохранением. Формы, созданные с помощью Мастера форм, могут быть изменены в режиме Конструктора.
1. Почему пользователи для ввода данных предпочитают применять форму вместо таблицы?
2. Какие способы создания формы предлагает программа Access?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Поиск данных с помощью запросов
Поиск информации в базах данных выполняется через запросы. С помощью запроса СУБД Access выбирает и отображает наборы записей из таблиц базы данных, которые отвечают заданным условиям. Запрос может формироваться на основе одной или нескольких связанных
таблиц или запросов, построенных ранее. СУБД Access поддерживает создание запросов с помощью Мастера и Конструктора. Мастер обеспечивает возможность создания простых запросов. Рассмотрим, как создаются запросы на основе таблиц. Используем для этого таблицу базы данных «Аквариумные рыбки», представленную на рисунке 3.20.
П р и м е р 1. Создать с помощью Конструктора простой запрос, по которому будут представлены сведения о названиях рыбок и местах их происхождения. Щелкнем мышью по кнопке Запросы в окне Базы данных. Дважды щелкнем мышью по строке Создание запроса в режиме конструктора или выполним команду Создать Конструктор. В результате откроются два окна, как показано на рисунке 3.21. В окне Добавление таблицы выберем таблицу с именем «Аквариумные рыбки» и щелкнем по кнопке Добавить, а затем — по кнопке Закрыть. В окне Запрос на выборку (рис. 3.22), двигаясь слева направо, в выпадающих списках строки Поле выберем поля для добавления в запрос: Название рыбки, Место происхождения. Установка флажка в каждом отобранном столбце строки Вывод на экран позволит вывести нужные столбцы. После завершения конструирования запроса сохраним его. Результатом выполнения запроса будет новая временная таблица (рис. 3.23).
П р и м е р 2. Создать запрос, по которому будут представлены сведения о рыбках, длина которых меньше 5 см. Откроем в режиме Конструктора новое окно для запроса. В строке Условие отбора опишем запрос, как показано на рисунке 3.24. Результатом выполнения запроса будет новая временная таблица (рис. 3.25). Наиболее сложным является подготовка запросов сразу по нескольким связанным таблицам. Процесс создания таких запросов напоминает формирование запроса по одной таблице. Однако на этапе отбора таблиц с источниками данных следует указать сразу несколько таблиц, данные из которых будут использоваться в запросе.
1. Для чего используются запросы?
2. Как строится простой запрос с помощью Конструктора?
3. Какие возможности предоставляет пользователю Конструктор для создания запроса на выборку с условиями?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Сортировка записей в таблице
Для эффективного поиска информации в больших таблицах базы данных, в которых могут храниться сотни и тысячи записей, у пользователя часто возникает необходимость разместить записи в определенной последовательности, т. е. отсортировать их. Под сортировкой записей в таблице базы данных понимают процесс их упорядочения в определенной последовательности по значению одного из полей. В зависимости от типа данных, определенных для сортировки, все записи в таблице базы данных могут сортироваться:
• по величине числа, если тип данных числовой;
• по алфавиту, если тип данных текстовый (символьный);
• по дате и времени, если данные в поле содержат значения даты и времени.
Для сортировки записей по данным конкретного поля необходимо установить курсор в любой строке соответствующего столбца и щелкнуть мышью по одной из кнопок на панели Стандартная:
— сортировка по возрастанию;
— сортировка по убыванию.
Продемонстрируем процесс сортировки записей в таблице «Вулканы», фрагмент которой представлен на рисунке 3.26.
П р и м е р. В таблице «Вулканы» расположить записи поля Название в алфавитном порядке. Установим курсор мыши в любой строке поля Название. Щелкнем мышью по кнопке Сортировка по возрастанию или выполним последовательность команд: Записи Сортировка Сортировка по возрастанию. Результат сортировки для представленного фрагмента показан на рисунке 3.27.
1. Для чего используется сортировка данных?
2. Какой процесс называют сортировкой записей таблицы базы данных?
3. Что необходимо сделать для выполнения сортировки записей в таблице базы данных?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Создание отчетов
Отчеты являются удобным и гибким способом просмотра и распечатки итоговых сведений из базы данных. Под отчетом понимается документ, содержание которого формируется по определенному запросу на основе информации, размещенной в базе данных. В отчетах данные представляются в удобном виде. Они могут быть отсортированы, особым образом сгруппированы, а также могут содержать итоговые значения и т. д СУБД Access предлагает пользователю несколько способов создания отчета: Автоотчет, Мастер отчетов и Конструктор. Отчеты являются самостоятельными объектами базы данных. После просмотра полученного отчета он может быть сохранен или распечатан. Рассмотрим на примере многотабличной базы данных «Библиотека», как с помощью Мастера создаются отчеты.
П р и м е р. Создать отчет, содержащий сведения из трех таблиц базы данных «Библиотека» (см. § 10). Из таблицы «Клиенты» выбрать фамилию и имя клиента, из таблицы «Книги» — автора и название книги, а из таблицы «Выдача книг» — отметку о возврате. Откроем базу данных «Библиотека» и дважды щелкнем мышью по строке Создание отчета с помощью мастера в окне База данных. В окне Создание отчетов, поочередно активизируя названия таблиц базы данных в списке Таблицы и запросы, перенесем нужные поля из окна Доступные поля в окно Выбранные поля, как показано на рисунке 3.28. Последовательно нажимая кнопку Далее в окне Создание отчетов, укажем макет размещения данных, например по левому краю, и стиль оформления данных, например Официальная. В последнем окне нажмем кнопку Готово. В результате мы получим отчет, фрагмент которого представлен на рисунке 3.29. Созданный отчет может занимать несколько страниц. Его можно расположить в книжной или альбомной ориентации и вывести на печать, как документ текстового редактора Word, с помощью команды Файл Печать. Подготовка отчета с помощью Конструктора осуществляется несколько иначе. Вначале пользователь может создать и сохранить отчет с помощью Мастера. Затем в окне Конструктора можно изменить расположение элементов в отчете, удалить некоторые элементы, изменить или отредактировать надписи и т. д.
1. Для чего используются отчеты в базах данных?
2. Что называют отчетом в базе данных?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Инструменты и методы разработки веб-сайтов
Большинство информационных ресурсов сети Интернет представлено в виде веб-страниц, которые объединяются в веб-сайты. Благодаря развитию телекоммуникационных технологий размещенная на веб-страницах информация доступна множеству людей. В отличие от информации на бумажных носителях, например книг, она может оперативно изменяться и практически мгновенно доставляться в любое место по запросу пользователя. Для создания веб-страниц используется язык разметки гипертекстовых документов HTML (HyperText Markup Language). В качестве инструментов веб-конструирования могут использоваться офисные программы, например входящие в состав Microsoft Office (Word, PowerPoint),
которые не являются специальными средствами разработки веб-страниц. Лучших результатов можно достичь, используя специальные программы — веб-редакторы, например Microsoft FrontPage. Выделяют две основные группы методов и соответствующих инструментов
разработки веб-сайтов: визуальные и ручные (программные). Визуальные методы позволяют производить все работы по созданию веб-
страниц с высокой степенью автоматизации и не требуют знания языка разметки HTML. Они уменьшают трудоемкость и сроки разработки сайта. Суть визуальных методов отражена в принципе WYSIWYG (от англ. What you see is what you get — Что видишь, то и получаешь). Разработано немало специальных инструментов — редакторов визуального конструирования. Наиболее известными являются Microsoft FrontPage, Adobe
(Macromedia) Dreamweaver, NamoWebEditor и др. С помощью таких редакторов веб-страницы создаются (рисуются) в интерактивном режиме, при этом автоматически генерируется соответствующий HTML-код, который представляет собой набор команд языка разметки HTML. Отметим, что упомянутые редакторы позволяют выполнять все работы по созданию сайта без непосредственного подключения к сети Интернет, или, как говорят, в режиме оффлайн (offline). Затем созданный веб-сайт публикуется в сети Интернет, т. е. размещается на веб-сервере. В последнее время для конструирования и сопровождения веб-сайтов используются системы управления их содержимым (контентом) — CMS (Content Management System), которые предоставляются специальными платными или бесплатными службами. Системы CMS представляют собой своего рода конструкторы. Они позволяют создавать сайт в режиме непосредственного подключения к сети, или онлайн (online), и сопровождать его в дальнейшем. При создании структуры сайта и разработке навигации по нему в системе CMS также не требуется знаний языка HTML. Из бесплатных систем CMS наиболее популярны Joomla! (http://joomla.ru/) и Drupal (http://www.drupal.ru). Конечно, трудно создать хороший сайт, не зная основ языка разметки HTML. Для работы с HTML-кодом могут использоваться специальные инструменты разработки, позволяющие набирать команды HTML вручную, например редакторы HotDog, Adobe HomeSite и др. Эти инструменты облегчают ввод и редактирование кода. Однако, вводить основные команды (теги) языка HTML можно даже в простейшем текстовом редакторе Блокнот, а просматривать результаты работы можно с помощью браузера. Важную роль в выборе инструментов и методов веб-конструирования играет статичность или динамичность создаваемых страниц, а также наличие интерактивных элементов. Статические страницы отображаются браузером пользователя в том виде, в каком были созданы и размещены на веб-сервере. Динамические страницы генерируются по запросу пользователя — информация на них загружается серверными программами из баз данных. Такие базы данных обычно содержат информацию, которая требует постоянного обновления. Например, интернет-магазин пополняется сведениями о новых товарах и изменяющихся ценах. Интерактивные (т. е. управляемые пользователем) элементы веб-страниц используются для ввода пароля, выбора товара, оценки его качества, ввода ответа при тестировании или голосовании, для формирования запроса на поиск информации в удаленной базе данных и т. п. Кроме языка разметки гипертекстовых документов HTML, при создании веб-сайтов используют и специальные языки веб-программирования. Широкое применение получил язык сценариев Java Script. Написанные на нем конструкции, или скрипты, вставляются непосредственно на веб-страницы и интерпретируются браузером. Они используются для создания отдельных, как правило, интерактивных элементов веб-страниц, например динамических меню, часов, календарей, форм запросов, счетчиков посещений страниц, систем голосования и т. п. Для серверного программирования наиболее часто используют языки PHP (от англ. Hypertext Preprocessor — препроцессор гипертекста), PERL (от англ. Practical Extraction and Report Language — практический язык для извлечения данных и составления отчетов).
1. В чем разница между визуальными и ручными методами веб-конструирования?
2. Какие инструменты могут использоваться при создании веб-сайтов?
3. Какие страницы называют статическими? Динамическими?
Проектирование сайта
Выделяют следующие основные этапы разработки веб-сайтов:
• определение тематики сайта, его целей и задач;
• проектирование структуры сайта, определение разделов и связей между страницами;
• разработка дизайна сайта, т. е. стиля оформления страниц;
• подготовка материалов (текстов и графики) для размещения на веб-страницах;
• конструирование страниц сайта (создание HTML-кода);
• размещение в сети (публикация) и тестирование сайта.
Рассмотрим на примере, как спроектировать веб-сайт кинотеатра.
Определим основную цель сайта: привлечение зрителей, и задачи: информирование о репертуаре кинотеатра, реклама фильмов.
Разработку проекта начнем с построения информационной модели сайта. Пусть для простоты наш первый сайт будет состоять из четырех веб-страниц. Структуру этого сайта для наглядности изобразим в виде двухуровневой схемы (рис. 1.1). На первом (верхнем) уровне схемы изобразим первую (главную) веб-страницу. На ней будут размещены: общая информация о кинотеатре (например, фотография, адрес) и гиперссылки.
На втором уровне схемы изобразим веб-страницы, посвященные фильмам определенных жанров, например «Драмы», «Комедии», «Детективы». Они имеют схожую структуру и будут отличаться лишь содержанием (рис. 1.2). Структура сайта в дальнейшем может быть усложнена добавлением страниц последующих уровней, например страниц, посвященных актерам, режиссерам, сценаристам, композиторам и т. п.
Теперь спроектируем дизайн сайта. Основными структурными элементами оформления веб-страниц являются текстовые блоки (основной текст, заголовки, списки, текстовые гиперссылки) и графические объекты: изображения (рисунки, фотографии, анимации), «обои» (фоновые рисунки), изображения-гиперссылки, разделительные линии. Для размещения элементов в заданных местах страниц будем использовать таблицы.
Сочетание свойств элементов веб-страницы определяет стиль ее оформления. Стиль текста задается совокупностью параметров формата: шрифт, размер, начертание; отступы, выравнивание, межсимвольный и междустрочный интервалы и др. Стиль графических элементов задается совокупностью параметров формы: размер, цвет, фактура материала, а также разнообразных эффектов: тень, блеск, прозрачность и т. п.
Для стилистически грамотного оформления документов удобно использовать готовые шаблоны — темы. Напомним, что темой называют специально разработанный набор элементов оформления и цветовых схем документа. С помощью темы можно задать стиль оформления как отдельной страницы, так и всего сайта. Темы позволяют задавать стили основного текста, заголовков, гиперссылок, списков; цвет фона; «обои»; цвет и толщину границ таблицы и т. п. Темы предлагаются во всех офисных программах, однако наибольшую пользу приносит их использование при создании презентаций и веб-сайтов. Все страницы одного уровня будем оформлять в едином стиле. Непосредственное конструирование страниц сайта начнем с подготовки всех его элементов (текстов, рисунков). Затем эти элементы и (или) ссылки на них будем вставлять в готовые шаблоны. Файлы всех страниц веб-сайта будем сохранять в одной папке, например KINO. Это упростит размещение сайта на веб-сервере. В случае большого количества страниц или изображений их следует сохранять во вложенных папках, например KINO\FOTO\. Файлу главной веб-страницы обычно дают имя index или main с расширением .htm. Только после размещения файлов в папках можно создавать гиперссылки,
с помощью которых выполняется навигация по сайту — переходы со страницы на страницу. В нашем примере удобно сначала разработать страницы нижнего уровня, а затем оформить главную страницу и создать гиперссылки для вызова страниц нижнего уровня. Затем следует проверить работу ссылок в режиме оффлайн. Лишь после тщательной проверки и исправления ошибок созданный веб-сайт можно опубликовать, т. е. разместить на веб-сервере.
1. Какие этапы можно выделить при разработке веб-сайта?
2. Что понимают под стилем оформления веб-страницы?
Создание веб-страниц в редакторе MS Word
Любой документ MS Office можно сохранить в виде веб-страницы. Для этого достаточно выполнить команду Файл Сохранить как веб-страницу. Однако далеко не всякий подготовленный для печати на бумаге документ будет хорошо выглядеть в браузере. Наилучшего результата можно достичь, если с самого начала готовить документ для размещения в сети Интернет. Использование текстового редактора MS Word является одним из самых простых способов разработки веб-страниц. Рассмотрим на примере, как это делается. Начнем со страниц нижнего уровня, а затем оформим главную страницу и создадим гиперссылки.
П р и м е р 1. Создать веб-cтраницу фильма «Анастасия Слуцкая» (рис. 1.3). Прежде всего с помощью команды Файл Создать выберем пункт Веб-
страница (этот пункт можно выбрать и в области задач Создание документа). Затем, выполнив команду Формат Тема, выберем для оформления страницы тему Перетекание (рис. 1.4). Для размещения на странице фотографии и текстов используем таблицу из двух строк и двух столбцов. Объединим ячейки нижней строки. Вставим подготовленные заранее тексты и изображение из файлов. Оформим их в соответствии с
рисунком 1.3. Созданный документ сохраним как веб-страницу в папке KINO под именем drama.htm. Выберем тип сохраняемого файла Веб-страница (*.htm; *.html). При этом все используемые в документе изображения будут помещены в отдельную папку с именем веб-страницы и расширением .files (в нашем примере — drama.files). Аналогичным способом создаются страницы других фильмов и жанров, например «Комедии» и «Детективы». Поскольку они имеют сходную структуру и отличаются лишь содержанием, то новые страницы можно получать редактированием уже созданных, заменяя изображения и тексты и сохраняя их под новыми именами. Создадим веб-cтраницу фильма «В августе 44-го…» (рис. 1.5) на основе уже созданной нами страницы «Анастасия Слуцкая». Сохраним ее под именем avgust44.htm.
П р и м е р 2. Создать главную страницу сайта кинотеатра «Беларусь» (рис. 1.6), содержащую гиперссылки на страницы фильмов. Для главной страницы сайта используем тему Перетекание. Важный этап разработки веб-страницы кинотеатра — создание гиперссылок, открывающих страницы фильмов. Для размещения гиперссылок создадим таблицу. Для создания текстовых гиперссылок выполним следующие действия:
• Выделим текст гиперссылки, например слово «Драмы».
• С помощью команды Вставка Гиперссылка или кнопки на панели инструментов выберем пункт Связать с файлом, веб-страницей, выделим
имя файла drama.htm и подтвердим выбор нажатием кнопки ОК. Гиперссылки в виде изображений создаются аналогично. Завершив создание главной страницы, не забудем сохранить ее под именем main.htm в той же папке, в которой ранее сохраняли страницы фильмов.
По окончании работы просмотрим созданные страницы в браузере. Проверим работу ссылок, переходя по ним на страницы фильмов и возвращаясь на главную страницу с помощью кнопки Назад браузера. Повысить привлекательность веб-страницы можно, разместив на ней дина-
мические и интерактивные элементы (анимации, аудио- и видеофрагменты, формы опросов). При этом следует помнить, что анимации часто отвлекают пользователей от восприятия текстовой информации, а большие размеры аудио видеофайлов существенно замедляют загрузку страниц.
П р и м е р 3. Разместить на главной странице сайта кинотеатра «Беларусь» бегущую строку. С помощью команды Вид Панели инструментов активизируем панель Веб-компоненты (рис. 1.7). Нажмем на этой панели кнопку В открывшемся окне Бегущая строка (рис. 1.8) наберем требуемый текст, например «Предлагает!». Сделаем нужные установки: выберем направление движения Справа налево и нажмем кнопку ОК. Сохраним измененную страницу. Редактор MS Word позволяет подключать к веб-странице видео- и звуковые файлы. Для этого необходимо нажатием значка Звук или Фильм на панели Веб-компоненты открыть соответствующее диалоговое окно, нажать кнопку Обзор, найти требуемый видео- или звуковой файл, установить параметры проигрывания, например количество повторов, и подтвердить выбор нажатием кнопки ОК.
1. Как можно сохранить документ MS Word в виде веб-страницы?
2. С помощью каких действий можно создать гиперссылку?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Сохранение презентаций PowerPoint в виде веб-страниц
Презентация PowerPoint, как правило, содержит несколько слайдов, каждый из которых может быть сохранен как отдельная веб-страница. Всю презентацию можно сохранить как сайт, структура которого будет соответствовать структуре презентации.
П р и м е р 1. Создать фрагмент сайта на основе презентации «Функциональные блоки компьютера». Откроем в редакторе PowerPoint презентацию «Функциональные блоки компьютера» (файл comp.ppt). Просмотрим ее структуру. Она состоит из 5 слайдов, которые содержат тексты и изображения (рис. 1.9). Для сохранения презентации в виде веб-cтраницы в меню Файл выберем пункт Сохранить как веб-страницу. В появившемся окне Сохранение документа выберем тип сохраняемого файла Веб-страница (*.htm, *.html), введем имя файла или оставим прежнее (в нашем примере — comp.htm) и нажмем кнопку Сохранить (рис. 1.10). При использовании предлагаемых по умолчанию настроек все слайды пре-
зентации сохранятся в папке comp.files в виде отдельных страниц, которые можно будет пролистывать в правой части окна браузера с помощью гиперссылок. Эти гиперссылки располагаются в левой части сохраненной страницы comp.htm (по умолчанию белого цвета на черном фоне).
Изменим эти настройки. С этой целью нажатием кнопки Опубликовать вызовем окно Публикация веб-страницы (рис. 1.11) и настроим параметры веб-документа. В этом окне можно выбрать публикуемые объекты (Полная презентация или Слайды), поддержку браузеров, а также изменить заголовок веб-страницы. По умолчанию как объект для публикации предлагается Полная презентация. В этом случае в виде веб-страниц будут сохранены все слайды. Цветовые схемы, эффекты анимации и другие параметры настраиваются в окне Параметры веб-документа (рис. 1.12), которое вызывается кнопкой Веб-параметры. На вкладке Общие выберем цветовую схему Цвета презентации (выделение). В этом случае фон веб-страниц будет соответствовать фону слайдов презентации. Установленный по умолчанию флажок Добавить панель смены слайдов следует снимать лишь в том случае, когда на слайдах предварительно установлены гиперссылки, указывающие переходы между слайдами. Сохраним документ. Просмотрим сохраненные веб-страницы. Вид одной из них показан на рисунке 1.13. В заключение отметим, что сохранение документов MS Office в виде веб-страниц является самым простым способом создания веб-сайтов и широко применяется в сфере образования для размещения в сети разнообразных материалов учебного назначения: сочинений, рефератов, докладов и презентаций. В профессиональном веб-конструировании эти инструменты и методы практически не используются из-за неоптимальности HTML-кода получаемых страниц, что затрудняет их редактирование и приводит к очень большим размерам файлов и медленной загрузке страниц.
1. С помощью каких действий можно сохранить презентацию PowerPoint в виде веб-документа?
2. Какие параметры веб-страниц можно настраивать?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Основы языка разметки HTML
Создание HTML-документа в редакторе Блокнот
Веб-страница представляет собой текстовый документ, в котором расставлены команды языка HTML. Они интерпретируются браузером. Например, эти команды могут указывать, как должно отображаться содержание страницы на экране. HTML-документ можно создавать в простейших текстовых редакторах, например в редакторе Блокнот, а затем сохранять в файле с расширением .htm или .html. Разметка HTML-документа состоит в расстановке тегов — заключенных в угловые скобки команд языка HTML. Их можно набирать прописными или строчными латинскими буквами. Краткое описание основных тегов приведено в Приложении 1. Большинство тегов парные. Открывающим тегом описывается команда и начинается ее действие. Закрывающим тегом, который повторяет открывающий, но предваряется косой чертой / (слешем), это действие прекращается. Например, тег <b> задает жирное начертание. Размеченный текст «Второе <b>слово</b> выделено жирным шрифтом» браузером будет отображаться так: Второе слово выделено жирным шрифтом. Рассмотрим структуру простейшего HTML-документа.
<html>
<head>
<title>Заголовок окна</title>
</head>
<body>
Содержание документа
</body>
</html>
HTML-документ начинается отрывающим тегом <html>, а заканчивается — закрывающим </html>. Внутри, как в контейнере, расположены два
блока. В блоке <head>…</head> (голова) размещается неотображаемая на странице служебная информация. Например, текст, заключенный между тегами <title>…</title>, отображается не на странице, а в заголовке окна браузера. Вся отображаемая браузером информация: тексты, рисунки, видеофрагменты, анимации — размещается в блоке <body>…</body> (тело). В HTML-документе можно также размещать неотображаемые браузером комментарии в угловых скобках с восклицательным знаком <!Комментарии>.
П р и м е р 1. В редакторе Блокнот создать HTML-документ, содержащий текст:
Авторская страница
Это мой первый проект
Фамилия Имя Отчество
Сохранить созданный документ под именем primer1.htm. Просмотреть его в браузере. Откроем редактор Блокнот. Наберем или скопируем готовый шаблон HTML-документа из файла шаблон.htm. Наполним его требуемым содержанием, т. е. введем заданный текст, как показано на рисунке 1.14.Сохраним документ в формате HTML. Поскольку созданные в редакторе Блокнот документы по умолчанию сохраняются с расширением .txt, воспользуемся меню Файл Сохранить как, в появившемся диалоговом окне выберем вариант Все файлы, введем имя и расширение: primer1.htm. Откроем созданный документ в браузере (рис. 1.15). Обратим внимание, что текст отображается в одну строку, хотя набран в три строки с отступами. Переходы на новые строки, а также все пробелы более одного браузером игнорируются. Итак, вид веб-страницы в браузере задается тегами HTML, но также зависит от типа браузера. В приведенных примерах используется браузер MS Explorer. Для отображения текста в виде отдельных абзацев используют тег <p>. При просмотре в браузере абзацы отделяются друг от друга пустой строкой. Для принудительного перехода на новую строку без создания абзаца используют непарный тег <br>. Нередко между абзацами помещают разделительную линию, которая задается непарным тегом <hr>. За оформление текста отвечают теги форматирования (см. Приложение 1). Для отображения заголовков используются теги <h1>…<h6>. Заголовок уровня 1 — самый крупный, а уровня 6 — самый мелкий. Начертание символов задается следующими тегами: <b> — полужирное, <i> — курсивное, <u> — подчеркнутое.
П р и м е р 2. Оформить созданную в примере 1 страницу в соответствии с рисунком 1.16. Отредактируем HTML-документ в редакторе Блокнот. Его можно открыть непосредственно из браузера с помощью команды Страница (или Вид) Просмотр HTML-кода (рис. 1.17).
Расставим теги:
<h2>Авторская страница</h2><hr> <!Заголовок уровня 2>
<b>Это мой первый проект</b> <br> <!Жирный шрифт>
<i>Фамилия Имя Отчество</i> <!Курсив>
Сохраним документ в файле с именем avtor.htm. Для просмотра обновленной страницы нажмем кнопку Обновить или клавишу F5. Открывающие теги языка HTML могут содержать атрибуты, которыми задаются параметры разметки документа. Каждый атрибут имеет название (имя) и определенное значение, которое записывается в кавычках после знака «равно». Тег может иметь несколько атрибутов, которые перечисляют через пробелы, например: <тег атрибут1="значение" атрибут2="значение"...>. Порядок следования атрибутов в теге неважен. Если значение атрибута содержит только буквы английского алфавита, цифры или дефис и не содержит пробелов, кавычки можно опустить. Вид всей веб-страницы задается атрибутами тега <body>, в то время как отдельные ее элементы, например заголовки, разделы, абзацы, таблицы, рисунки, могут иметь свое особенное оформление. Цвет фона страницы задается атрибутом bgcolor, а цвет текста — атрибутом text. Значением этих атрибутов является цвет, который задается своим названием на английском языке, например red (красный), или его шестнадцатеричным кодом, например #FF0000 (Приложение 2). По умолчанию цвет страницы белый, а цвет текста — черный. Синий цвет страницы можно задать так: <body bgcolor="blue"> или так: <body bgcolor="#0000FF">. Заметим, что цвета, отображаемые разными браузерами, а также выводимые на печать, могут несколько отличаться от приведенных в Приложении 2. Для выравнивания текста всей страницы, отдельного абзаца, раздела или заголовка используется атрибут align, который может принимать следующие значения: center — выравнивание по центру, left — по левому краю, right — по правому краю. Выравнивание текста по ширине использовать не рекомендуется, поскольку при уменьшении окна браузера между словами мо-
гут образовываться большие промежутки. Для задания шрифта, цвета и размера символов текста используется тег <font>. Шрифт задается атрибутом face, значением которого является название шрифта, например Arial. Цвет символов задается атрибутом color. Если шрифт не задан, то по умолчанию используется шрифт Times черного цвета. Размер символов задается атрибутом size и может выражаться в условных единицах, которые могут принимать значения от 1 до 6. По умолчанию принято значение размера 3. Размер символов может выражаться и в относительных единицах: числах по отношению к базовому размеру, например size="+n" или size="–n". Так, для базового размера 3 атрибут <font size="+2"> задает размер 5, а атрибут <font size="-2"> — размер 1.
П р и м е р 3. Создать веб-страницу в соответствии с рисунком 1.18. Откроем в редакторе Блокнот файл primer3.txt с текстом объявления и вве-
дем HTML-код:
<html>
<head>
<title>Объявление</title>
</head>
<body bgcolor="gold">
<font face="Arial" size="+2" color="red"><i>Внимание!
</i></font>
<h1 align="center">НЕДЕЛЯ<br>ИНФОРМАТИКИ</h1>
<font face="Arial" size="+2" color="blue">
КОНКУРСЫ, ТУРНИРЫ, ВИКТОРИНЫ</font>
<p align="right">Оргкомитет</p>
</body>
</html>
Заметим, что допускается комбинирование и вложенность тегов. Так, для отображения слова «Внимание!» шрифтом Arial и курсивным начертанием в тег <font…> вложен тег <i>.Сохраним документ в файле с именем Primer3.htm. Просмотрим его в браузере. Фрагмент текста может отображаться в виде бегущей строки с помощью тега <marquee>. Направление движения указывается атрибутом direction. Например, движение слова «Внимание!» слева направо задается так: <marquee direction="right">Внимание!</marquee>
1. Каким тегом задается абзац? Переход на новую строку?
2. Какими тегами задается полужирное и курсивное начертание символов?
3. Как задать фон и цвет текста всей веб-страницы?
4. Какими тегами и атрибутами задается шрифт, размер и цвет символов?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Изображения на веб-страницах
Важную роль в оформлении веб-страниц играют графические объекты: фотографии, рисунки, фоновые изображения («обои»), разделительные линии. Они делают страницы более привлекательными, а во многих случаях являются и основными источниками информации. Предназначенные для веб-страниц изображения можно создавать и редактировать в различных графических редакторах. Они могут быть получены с помощью
цифрового фотоаппарата, сканера или взяты из сети Интернет. Наиболее предпочтительны графические форматы GIF, JPG и PNG, файлы которых имеют небольшие размеры, что позволяет ускорить процесс загрузки. В формате JPG сохраняют полутоновые изображения, например фотографии. Формат GIF поддерживает анимацию и прозрачный цвет. Важно подчеркнуть, что все изображения, которые мы видим на веб-странице, хранятся в отдельных файлах, а в HTML-коде имеются лишь ссылки на них. Для отображения рисунков предназначен непарный тег <img>. Его неотъемлемым атрибутом является имя графического файла <img src="имя_файла">. Веб-страницы и файлы с изображениями могут храниться в разных папках, тогда в атрибуте src тега <img> необходимо указывать путь. Указание путей обязательно для ссылок на все объекты, например на другие страницы, аудио- и видеофрагменты. Тег <img> может содержать и другие атрибуты, которые определяют способ
отображения рисунка. Высоту и ширину отображаемого на экране рисунка в пикселях можно задать значениями атрибутов height и width соответственно, а толщину рамки вокруг изображения — значением атрибута border. По умолчанию рамки нет, т. е. border="0". Указание размеров позволяет увеличить или уменьшить видимое на экране изображение (при этом исходный рисунок и файл, в котором он хранится, остаются неизменными). Если размеры не заданы, то по мере загрузки рисунка может изменяться расположение текста и других объектов на экране. Чтобы этого не происходило, полезно всегда указывать эти атрибуты, даже если изображение не масштабируется. Значения атрибута align задают выравнивание текста относительно рисунка (top — по верхнему краю; middle — по середине; bottom — по нижнему краю) или способ обтекания рисунка текстом (left — рисунок слева от текста; right — рисунок справа от текста). С помощью атрибута alt можно задать текст сообщения, которое будет выводиться вместо рисунка, если он не найден или если отключен его показ в браузере. Кроме того, этот текст появляется в виде подсказки при подведении курсора мыши к рисунку. В качестве фона страницы можно использовать изображение из файла. Фоновый рисунок («обои») задается с помощью атрибута background в теге <body>. Чтобы повторяющийся фоновый рисунок заполнял страницу без стыков, его верхняя и нижняя, левая и правая стороны не должны отличаться. Задать фоновый рисунок и одновременно закрасить его некоторым цветом нельзя.
П р и м е р 1. Разместить на веб-странице изображения из файлов в соответствии с рисунком 1.19. В редакторе Блокнот откроем файл graf.txt с шаблоном страницы. В теге <body> укажем рисунок фона kletka1.gif. Расставим теги форматирования текста. Вставим теги для отображения рисунка волка с прозрачным фоном из файла volk.gif (без атрибутов); анимации из файла tv.gif (граница толщиной 2 пикселя); двух фотографий аиста из файла aist.jpg разных размеров. HTML-код веб-страницы может иметь следующий вид:
<html>
<head><title>Графика</title></head>
<body background="kletka1.gif">
<h2 align="center">Изображения на веб-странице</h2>
Формат <b>JPG</b> рекомендуется для полутоновых изображений, например фотографий.<br>
Формат <b>GIF</b> позволяет отображать рисунки с прозрачным фоном и анимацией.<p>
<img src="volk.gif">
<img src="tv.gif" border="2" alt="анимация">
аисты <img src="aist.jpg" width="90" height="120">
<img src="aist.jpg" width="150" height="200">
</body>
</html>
Сохраним HTML-документ в файле с именем graf.htm. Просмотрим его в браузере. При наведении курсора на область рисунка tv.gif появляется подсказка «Анимация». Чтобы отображать текст на экране в том же виде, что и в редакторе Блокнот, используют тег <pre>. Это позволяет упростить форматирование, например не вставлять теги <br> в конце каждой строки.
П р и м е р 2. Создать веб-страницу «Мой родны кут» (рис. 1.20). В редакторе Блокнот откроем файл kut.txt с текстом отрывка из поэмы Якуба
Коласа «Новая зямля». Добавим теги начала и завершения веб-страницы. Расставим теги форматирования. Заключим текст стихотворения в теги <pre>…</pre>. Ниже текста вставим фотографию музея Якуба Коласа из файла muzkolas.jpg. В качестве фона используем изображение листьев из файла bg02.jpg. HTML-код этой веб-страницы может иметь следующий вид:
<html>
<head><title>Мой родны кут</title>
</head>
<body background="bg02.jpg">
<h2 align="center">Мой родны кут</h2>
<i>Якуб Колас. З паэмы "Новая зямля"</i>
<pre>Мой родны кут, як ты мне мілы,
Забыць цябе не маю сілы!
Не раз, утомлены дарогай,
Жыццём вясны мае убогай,
К табе я ў думках залятаю,
I там душою спачываю.</pre>
<img src="muzkolas.jpg" width="480">
</body>
</html>
Сохраним HTML-документ в файле с именем kut.htm. От удачного выбора цвета фона или фонового рисунка, шрифта и цвета текста, а также других элементов оформления страницы зависит восприятие ее содержания. В Интернете свободно распространяется громадное количество
«обоев» и готовых шаблонов веб-страниц разного назначения (например, на сайте «Азбука дизайнера»). Создание собственных веб-страниц на их основе сводится в основном к вводу текста и ссылок на нужные изображения. Весьма популярны, например, шаблоны поздравительных открыток и рекламных страниц. Такой шаблон несложно разработать самостоятельно.
П р и м е р 3. Создать веб-страницу — шаблон поздравительной открытки (рис. 1.21).
HTML-код веб-страницы может иметь следующий вид:
<html>
<head><title>Открытка</title>
</head>
<body background="bg003b.jpg" text=maroon>
<font face="сourier">
<h1 align="center">Поздравляю<br>с днем рождения!<br>
<img src="karlson.gif" width="200"></h1>
</body>
</html>
На основе этого шаблона можно создавать различные открытки, изменяя текст поздравления, «обои» и рисунок.
1. Какой тег отображает рисунок на веб-странице?
2. Как задаются размеры изображения?
3. Какой тег задает фоновый рисунок на веб-странице?
Создание гиперссылок
Переходы со страницы на страницу веб-сайта выполняются с помощью гиперссылок. За организацию ссылок на языке HTML отвечает тег <a> с обязательным атрибутом href, значением которого является адрес (URL) ресурса. Например, HTML-код текстовой гиперссылки на страницу «Графика», которая сохранена в файле graf.htm в той же папке, что и исходная страница, имеет вид: <a href="graf.htm">Графика</a>,
т. е. адресом ресурса является имя файла. Обычно близкие по тематике страницы сайта сохраняют в соответствующих папках. Пусть, например, на диске D: в папке kino хранят главную страницу main.htm, во вложенной папке dramy — страницу фильма drama2.htm, а в папке multy — страницы karlson.htm и ну погоди.htm (рис. 1.22). В этом случае при создании гиперссылок необходимо указывать пути к файлам. Возможны два варианта:
записать полный путь от корня диска к искомой странице;
указать относительный адрес (путь от исходной страницы к искомой). Например, ссылка со страницы main.htm на страницу karlson.htm будет такой: <a href="multy/karlson.htm">Карлсон</a>. Ссылка со страницы drama2.htm (папка dramy) на страницу karlson.htm (папка multy) будет иметь вид: <a href="../multy/karlson.htm">Карлсон</a>. Символы ../ (две точки и слеш) обозначают возврат в папку kino из вложенной папки dramy.
При переносе папки kino со всеми вложениями в другое место, в том числе на другой диск или компьютер, относительные адреса не изменяются!
Гиперссылкой может служить не только текст, но и рисунок. Для создания такой гиперссылки между парой тегов <a href >...</a> нужно вставить тег,
указывающий на файл изображения, например: <a href="graf.htm"><img src="ris.gif"></a>. Возможно совместное использование текста и графики в одной ссылке, например: <a href="graf.htm"><img src="ris.jpg">Графика</a>. По умолчанию вызванная гиперссылкой страница открывается в том же окне, что и исходная, замещая ее. Назад можно вернуться с помощью соответствующей кнопки на панели инструментов браузера. Для просмотра вызванной страницы в новом окне необходимо указать атрибут target="_blank", например: <a href="graf.htm" target="_blank">Графика</a>. Гиперссылка может указывать не только на веб-страницу, но и на любой размещенный в сети по известному адресу информационный ресурс: рисунок, текст, презентацию, аудиовидеофрагмент. Конечно, на компьютере пользователя должно быть установлено соответствующее программное обеспечение для его отображения. Пусть, например, реферат по астрономии luna.doc размещен в папке astro на
сайте www.referaty.by. Гиперссылка для его просмотра или скачивания может быть задана тегами: <a href="www.referaty.by/astro/luna.doc">Луна</а>. Еще раз подчеркнем, что расставлять гиперссылки следует только после создания ресурсов, на которые они указывают, и размещения их файлов в заданных папках.
П р и м е р 1. Создать главную страницу веб-сайта «Мои работы» (рис. 1.23). Разместить на ней гиперссылки на страницы «Графика», «Об авторе» (открываются в том же окне), а также на рисунок (открывается в новом окне). Пусть фрагмент сайта будет размещен в папке PRO. Скопируем
в эту папку созданные ранее файлы веб-страниц «Графика» graf.htm и «Об авторе» avtor.htm вместе со всеми используемыми рисунками.
Оформим главную страницу в соответствии с рисунком 1.23. Расставим гиперссылки. HTML-код этой веб-страницы может иметь следующий вид:
<html>
<head><title>Главная</title></head>
<body background="kletka2.gif">
<h3 align="center">МОИ РАБОТЫ</h3>
<i>Ссылки на страницы</i><br>
<a href="graf.htm"><img src="icon.gif">Графика</a><br>
<a href="avtor.htm"><img src="icon.gif">Об авторе</a><br>
<i>Ссылка на рисунок</i>
<a href="aist.jpg" target="_blank">
<img src="aist.jpg" width="30" height="40"></a>
</body>
</html>
Сохраним HTML-документ в файле с именем index.htm. Проверим работу гиперссылок. Страницы «Графика» и «Об авторе» открываются в текущем окне после щелчка мышью по тексту ссылки или картинке с символическим изображением лупы (файл icon.gif). Рисунок (файл aist.jpg) открывается в новом окне после щелчка мышью по его уменьшенному изображению (из того же файла aist.jpg). Заметим, что для ускорения загрузки страницы с большим количеством графических ссылок следует использовать миниатюрные изображения из отдельных файлов.
В рассмотренном примере все файлы хранятся в одной папке. В случае большого количества страниц или изображений их следует размещать во вложенных папках и указывать пути к ним. Гиперссылки могут указывать не только на отдельные документы, но и на заданные места в документе. Ссылки внутри длинных страниц повышают удобство их просмотра. Они создаются в два этапа: 1) сначала в месте, куда нужно перейти по ссылке, устанавливается закладка, например: <a name="Закладка1">…</а>; 2) затем создается ссылка на эту закладку: <a href="#Закладка1"> текст гиперссылки </а>. Для ссылки на адрес электронной почты его нужно указать в качестве URL, например <a href="mailto:sova@les.by">письмо сове</a>. Как уже отмечалось, в блоке <head> могут размещаться теги, которые содержат служебную информацию для браузера и поисковых систем. Они называются мета-тегами. Большинство мета-тегов являются необязательными. Однако некоторые из них весьма полезны. Так, браузер будет отображать текст страницы на национальном языке при указании таблицы кодировки в мета-теге charset. Например, для кириллицы мета-тег будет таким:<meta http-equiv="content-type" content="text/html; charset=Windows-1251"> Для хранения информации об авторе используют мета-тег <meta name="author" content="Алесь Палескi">. По словам, перечисленным через запятую или пробел в мета-теге
"keywords" (ключевые слова), поисковые системы индексируют веб-страницы, т. е. помещают информацию о них в свою базу данных, чтобы
потом оперативно выдавать по запросам пользователей. Длина строки ключевых слов не должна превышать 800 символов. Слова в ней не должны повторяться, например: <meta name="keywords" content="Образование Мультимедиа Multimedia Графика Видео Аудио">.
1. С помощью какого тега создается гиперссылка?
2. Как в качестве гиперссылки использовать изображение?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Подготовка изображений для Интернета
При создании веб-сайта приходится заботиться о том, чтобы его страницы загружались как можно быстрее. Это особенно актуально, если на страницах сайта необходимо разместить много изображений. Поэтому так важен грамотный выбор формата их хранения. Как Вы знаете, нарисованные в графическом редакторе Paint картинки по умолчанию сохраняются в формате BMP (Bit Map Picture — битовая карта изображения). В этом формате изображения хранятся в файлах в неупакованном виде. Информационный объем изображения в байтах равен произведению его ширины W (width) и высоты H (height) в пикселях и глубины цвета С в битах на 1 пиксель (WHС). Так, файл с небольшой картинкой размером 100100 пикселей при глубине цвета 24 бит/пиксель будет иметь размер около 29 Кбайт. Объем файла с изображением 800600 пикселей будет иметь размер около 1,4 Мбайт, а время его загрузки при скорости модема 56 кбит/с составит более 200 с, что совершен-
но неприемлемо. В большинстве графических форматов изображения хранятся в файлах в упакованном виде. Существуют различные способы уменьшения размера файла изображения с минимальными потерями качества. Этот процесс называют оптимизацией. При большом разнообразии графических форматов для размещения на сайтах в основном используются изображения форматов GIF, JPG и PNG. Выбор формата хранения изображения во многом зависит от свойств самого изображения. Так, формат GIF используют для изображений с четкими линиями, однородными заливками, текстом, например чертежей, карт. Такие изображения называют штриховыми. Этот формат поддерживает палитру оттенков, состоящую не более чем из 256 цветов, и позволяет задавать прозрачный фон. Оптимизация заключается в уменьшении количества выбранных цветов. Важным достоинством формата GIF является возможность анимации. Поэтому этот формат широко используется для размещения на веб-страницах простых графических элементов: символов, формул, логотипов, рекламных роликов. Формат JPG позволяет передавать богатую палитру цветов и лучше всего подходит для изображений с плавным переходом тонов без четких линий и контуров, например портретов, пейзажей. Такие изображения называют полутоновыми. Оптимизация заключается в замене областей с небольшим градиентом цвета на однотонные. Степень сжатия характеризуют показателем качества от 0 до 100. Часто по умолчанию его принимают равным 65, что соответствует сжатию исходного неупакованного изображения в 6—10 раз. Сохранение изображений в формате JPG предусмотрено практически во всех современных цифровых фотоаппаратах. При подготовке изображений для Интернета выработаны определенные рекомендации. Размеры сохраняемых в файлах изображений должны соответствовать размерам изображений, отображаемых на веб-страницах, несмотря на то, что их
ширину и высоту можно задавать в теге <img>. Например, для мониторов 17′ с разрешением 1280768 пикселей ширина изображения на странице чаще всего не превышает 600—800 пикселей, а высота — 400—600. Если изображение обтекается текстом, то его размер должен находиться в пределах 200—400 пикселей. Процесс оптимизации изображения сводится к двум основным операциям:
• приведение изображения к требуемому размеру;
• сжатие изображения с сохранением оптимального качества.
П р и м е р 1. Фотография размером 25601920 пикселей сохранена в файле объемом 2,4 Мбайт. Ее ширину и высоту уменьшили в 4 раза. Определить объем файла и размеры изображения. Размер изображения станет равным 640480 пикселей, при этом объем файла уменьшится в 4 4 = 16 раз и составит 0,15 Мбайт. В 16 раз уменьшится и время загрузки этого изображения! Заметим, что изменять размеры изображений и сохранять их в форматах GIF или JPG можно практически в любом растровом графическом редакторе, в том числе в Paint. Для сжатия изображений требуется более сложный редактор. Рассмотрим оптимизацию изображений в свободно распространяемом графическом редакторе Paint.Net (http://paintnet.ru).
П р и м е р 2. Фотография размером 12001200 пикселей сохранена в файле roza1200.jpg объемом 745 Кбайт. Оптимизировать изображение так, чтобы на веб-странице его размер составил 300300 пикселей. Откроем в редакторе Paint.Net изображение из файла roza1200.jpg (рис. 1.24).
Прежде всего, уменьшим размер изображения. Для этого из меню Изображение вызовем окно Изменение размера и установим значение Ширина: 300 пикселей (рис. 1.25). При включенном флажке Сохранять пропорции в такой же пропорции изменится и высота. Сохраним уменьшенное изображение в формате JPG. Для этого с помощью меню Файл вызовем диалоговое окно Сохранить как, выберем тип файла JPEG и введем новое имя файла, например roza300.jpg. После нажатия кнопки Сохранить появится диалоговое окно настройки качества изображения Параметры со-
хранения. По умолчанию показатель Качество нашего изображения равен 100. Размер файла составляет примерно 83 Кбайт. Продолжим оптимизацию путем сжатия изображения с сохранением приемлемого качества. С помощью движка будем уменьшать показатель Качество до появления видимых на глаз искажений на оптимизированном изображении. Так, при показателе 50 видимых изменений еще нет, а размер файла при этом составляет около 19 Кбайт (рис. 1.26). Остановимся на этом значении, нажав кнопку ОК. В итоге качество изображения ухудшилось незначительно, а размер файла с оптимизированным изображением стал почти в 40 раз меньше исходного. Гораздо большие возможности оптимизации изображений предоставляет графический редактор Adobe Photoshop.
П р и м е р 3. Оптимизировать изображение из файла roza1200.jpg так, чтобы на веб-странице его размер составил 300300 пикселей. Откроем в редакторе Adobe Photoshop изображение из файла roza1200.jpg. Для изменения размера изображения из меню Изображение (Image) вы-
зовем окно Размер изображения (Image Size) и установим значение Ширина (Width) 300 пикселей (рис. 1.27). При включенном флажке Сохранить пропорции в такой же пропорции изменится и высота. Из меню Файл (File) вызовем окно Сохранить для веб и устройств (Save for Web) и с помощью вкладки 4 варианта получим четыре изображения: исходное (слева вверху) и оптимизированные с качеством 65 % (справа вверху), 30 % и 10 % (внизу) (рис. 1.28). Будем уменьшать показатель Качество до появления видимых изменений на оптимизированном изображении. Это можно делать грубо, выбрав в поле Установки (Setting) один из показателей качества (Максимальное, Высокое, Среднее, Низкое), и точно, установив подходящее числовое значение. Остановимся, например, на значении 30 и нажмем кнопку Сохранить (Save). Объем оптимизированного файла не превышает 10 Кбайт, т. е. уменьшился почти в 75 раз. Не забудем ввести новое имя файла, например roza300-30.jpg. Аналогичным способом оптимизируют изображения в формате GIF. В этом случае уменьшают количество цветов от 256 до значения, при котором появляются видимые искажения. На рисунке 1.29 показаны четыре изображения: исходное (слева вверху) и оптимизированные с количеством цветов 128 (справа вверху), 32 (слева внизу, потери качества невелики) и 4 (справа внизу, качество неприемлемо).
1. Почему необходимо уменьшать объемы файлов с изображениями для веб-страниц?
2. В каких форматах рекомендуется хранить изображения для веб-страниц?
3. В чем заключается оптимизация изображений для Интернета?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Основные элементы интерфейса
Вы уже научились создавать веб-страницы в программах MS Office, а также с использованием языка разметки HTML в простейшем текстовом редакторе Блокнот. Рассмотрим теперь возможности специального веб-редактора Microsoft FrontPage, который предназначен для разработки веб-сайтов и относится к программным средствам визуального веб-конструирования. При работе с веб-редактором FrontPage можно обойтись без знания языка разметки гипертекстовых документов HTML. Веб-страница просто конструируется на экране и сохраняется в формате HTML. Выполняемые при этом действия по оформлению веб-документа напоминают работу в текстовом редакторе MS Word. Интерфейс редактора FrontPage достаточно прост, чтобы пользователь смог быстро освоить основные приемы работы. После запуска FrontPage открывается окно, основные элементы которого представлены на рисунке 1.30. Меню и панели инструментов Стандартная, Форматирование, Рисование по
своим возможностям и приемам использования напоминают аналогичные панели текстового редактора MS Word. Вид Рабочей области зависит от выбранного режима работы. В режиме Конструктор веб-страница строится из текстовых блоков и графических объектов. При этом автоматически генерируется ее HTML-код, который можно просматривать и редактировать в режиме Код. Режим С разделением (рис. 1.31) является комбинацией этих двух режимов. Режим Просмотр позволяет просматривать созданные страницы. С помощью меню Вид можно выбрать и другие полезные режимы работы. Режим Страница предназначен для создания и редактирования веб-страниц. В режиме Папки просматривается структура папок сайта, выполняются файловые операции. Режим Переходы отображает структуру связей между страницами и позволяет ее изменять. Режим Гиперссылки наглядно отображает систему ссылок, обеспечивает их проверку и редактирование. Работа в редакторе FrontPage Рассмотрим основные приемы работы в редакторе FrontPage на примере разработки веб-страницы «Озера Беларуси». Она будет содержать текст и фотографии, которые следует подготовить заранее. Начнем с создания и оформления текстового документа.
П р и м е р 1. Создать веб-страницу «Озера Беларуси» (рис. 1.32). Запустим редактор FrontPage. Откроется пустая страница с установленными
по умолчанию параметрами. Перед началом работы полезно проверить настройки редактора, и, прежде всего, кодировку. Для этого с помощью команды Файл Свойства откроем окно Свойства страницы и на вкладке Язык установим кириллица (рис. 1.33). Будем работать в режиме Конструктор. Однако при необходимости можем просматривать и редактировать автоматически генерируемый HTML-код в режимах Код или С разделением. Начнем с размещения и оформления текста, который был предварительно сохранен в файле озера.txt. Откроем его в редакторе Блокнот, скопируем нужные фрагменты и с помощью буфера обмена вставим на создаваемую страницу. Текст будет оформлен принятым по умолчанию стилем: шрифт Times, размер 3 (12 пт), выравнивание по левому краю (рис. 1.34). Важно помнить, что отображение веб-страницы на экране зависит от разрешения монитора и настройки браузера. Поэтому размер шрифта принято задавать в условных единицах от 1 до 7. Если размер шрифта не указан, то по умолчанию он принимается равным 3, что при установке в браузере значения Размер шрифта средний соответствует 12 пунктам. Для форматирования текста используем панель инструментов Форматирование, а также окна Шрифт (рис. 1.35) и Абзац (рис. 1.36) из меню Формат. Установим параметры заголовка: шрифт Arial, размер 5 (18 пт), цвет бирюзовый, выравнивание по центру. Параметры основного текста оставим без изменений, лишь выделим первые строки каждого абзаца (шрифт Arial, цвет бирюзовый). Названия озер выделим полужирным шрифтом. Повышению удобочитаемости текста и привлекательности страниц способствует использование списков, а также разбиение больших страниц на отдельные блоки с помощью горизонтальных разделительных линий. Маркированные и нумерованные списки создаются с помощью панели инструментов Фор матирование, а также диалогового окна Список, которое открывается из меню Формат. Для оформления веб-страницы «Озера Беларуси» используем графические маркеры. С помощью команды Вставка Горизонтальная линия поместим на страницу горизонтальные разделительные линии. В окне Свойства горизонтальной линии зададим параметры линии в соответствии с рисунком 1.37. Теперь страница будет выглядеть так, как на рисунке 1.32. Сохраним документ, заменив предлагаемое по умолчанию имя нов_стр_1.htm на более подходящее озера.htm. Займемся теперь размещением на созданной странице изображений. Подчеркнем, что все изображения, которые мы видим на веб-страницах, хранятся в отдельных файлах, а на самой странице имеются лишь ссылки на соответствующие файлы.
П р и м е р 2. Разместить на веб-странице «Озера Беларуси» изображения в соответствии с рисунком 1.38. Установим курсор в то место текста, к которому будет привязан рисунок, например перед началом первой строки. С помощью команды Вставка Рисунок или кнопки на панели инструментов (рис. 1.39) вызовем окно Рисунок и выберем требуемый файл с изображением, например narach.jpg. Рис. 1.40 Параметры изображения настраиваются в диалоговом окне Свойства рисунка (рис. 1.41). Вызовем это окно двойным щелчком мыши по выбранному рисунку
или с помощью контекстного меню. Зададим Обтекание: справа, Выравнивание: по правому краю, Толщина границы: 0 и другие параметры в соответствии с рисунком 1.41. Здесь же можно установить размер изображения, но проще подобрать размер рисунка, выделив его и перетащив мышью появившиеся маркеры, как в любом редакторе.Аналогичным способом вставим второй рисунок из файла braslav.jpg. В редакторе FrontPage предусмотрена возможность простейшей обработки изображений (коррекция яркости и контрастности, повороты, обрезка и т. д.).
С помощью меню Вид вызовем панель инструментов Рисунки. Увеличим яркость и уменьшим контрастность изображений, нажав соответственно кнопки и . Страница примет требуемый вид (см. рис. 1.38). Сохраним ее под именем озера2.htm и просмотрим в браузере. Для привлечения внимания к информации можно создать бегущую строку.
П р и м е р 3. На веб-странице «Озера Беларуси» добавить бегущую строку «Приглашаем в лодочный поход». Установим курсор под нижней горизонтальной линией. Выполним последовательность действий: Вставка Веб-компонент Бегущая строка. В окне Cвойства бегущей строки введем текст «Приглашаем в лодочный поход». Зададим ее параметры в соответствии с рисунком 1.42. Шрифт, размер и начертание текста устанавливается с помощью меню Шрифт, которое вызывается кнопкой Стиль В результате в нижней части страницы появится светло-голубая полоса, по которой справа налево будет перемещаться текст "Приглашаем в лодочный поход"
1. Каково назначение редактора FrontPage?
2. Какие возможности форматирования текста имеет FrontPage?
3. Как задается размер шрифта на веб-страницах?.
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Использование таблиц
Размещать текст в несколько колонок, а также располагать рисунки и текст в требуемых местах веб-страниц удобно с помощью таблиц. Для вставки таблицы проще всего использовать стандартную панель инструментов, однако наиболее полно возможности работы с таблицами представлены в меню Таблица. Например, в диалоговых окнах Вставка таблицы и Свойства таблицы можно указать не только количество строк и столбцов таблицы, но и способ выравнивания, цвет фона ячеек, цвет и толщину границ, интервал между ячейками и другие параметры.
Заметим, что изменить параметры можно и после создания таблицы. В этом случае удобно пользоваться панелью Таблицы (рис. 1.43), которая вызывается с помощью команды Вид Панели инструментов. Рис. 1.43 Рассмотрим на примере, как используются таблицы для размещения объектов на веб-страницах.
П р и м е р 1. Создать веб-страницу «Города Беларуси», на которой изображена карта Беларуси с гербами городов и указаны даты их основания (рис. 1.44). Откроем редактор MS FrontPage. С помощью кнопки на панели инструментов или меню Таблица вставим таблицу из четырех строк и трех столбцов. В средней ячейке первой строки наберем заголовок «Города Беларуси». Оставшиеся ячейки второго столбца объединим. Для этого выделим объединяемые ячейки и выполним команду Таблица Объединить ячейки. В полученную ячейку вставим изображение карты Беларуси из файла belarus2.jpg. В ячейки 1 и 3 первой строки вставим изображения герба и флага Беларуси. В остальные ячейки введем названия городов и даты их основания. Отформатируем надписи и установим размеры ячеек в соответствии с рисунком 1.44. Проще всего изменять ширину столбцов, перетаскивая их границы с помощью мыши. Сделаем невидимыми границы ячеек. Выделим таблицу и вызовем диалоговое окно Свойства таблицы (рис. 1.45). В поле Положение установим Выравнивание: по центру, и в поле Границы — Размер: 0. Такие границы в редакторе FrontPage отмечаются пунктирными линиями, а при просмотре веб-страницы в браузере не видны. Теперь страница будет выглядеть так, как на рисунке 1.44. Сохраним ее под именем goroda.htm и просмотрим в браузере. Для построения таблицы в языке HTML используются теги <table> — таблица; <tr> — строка таблицы; <td> — ячейка таблицы. В этих тегах можно использовать атрибуты width — ширина таблицы или ячейки, bgcolor — цвет фона таблицы или ячеек, border — толщина рамки и bordercolor — цвет рамки и другие (см. Приложение 1). Ширина таблицы может быть задана в пикселях или в процентах по отношениию к ширине страницы, например width=450 или width=40%. По умолчанию при отображении таблицы создается эффект выпуклости границы. Если задать атрибуты border=1 и bordercolor=green, то эффект выпуклости исчезнет и таблица будет ограничена двойной рамкой зеленого цвета. Атрибут cellspaсing=0 задает одинарную рамку.
П р и м е р 2. В окне кода редактора FrontPage создать таблицу из четырех столбцов и одной строки шириной 600 пикселей с рамкой зеленого цвета
толщиной 1 пиксель. Разместить в ячейках изображения (рис. 1.46). Откроем редактор MS FrontPage. Перейдем в режим С разделением. В
верхнем окне наберем HTML-код. В нижнем окне будет отображен результат (см. рис. 1.46). Сохраним документ под именем tabl2.htm. Просмотрим веб-страницу в браузере.
1. Для чего используются таблицы на веб-страницах?
2. Как вставить таблицу в редакторе FrontPage?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Разработка веб-сайта
Рассмотрим особенности разработки веб-сайта в редакторе FrontPage на примере сайта «Песняры беларускай зямлі». Этап проектирования сайта не отличается от описанного ранее. Создадим сайт из четырех страниц (главной и трех персональных: «Якуб Колас», «Янка Купала» и «Максім Багдановіч»). Все страницы сайта будем сохранять в файлах с соответствующими именами в одной папке, например pismen. Структуру сайта
изобразим в виде двухуровневой схемы (рис. 1.47). На главной странице разместим заголовок «Песняры беларускай зямлі» и гиперссылки, позволяющие открывать страницы второго уровня. В качестве гиперссылок будем использовать не только текст (например, фамилии), но и изображения (например, небольшие портреты). Каждая персональная страница будет содержать текстовую (биографические сведения) и графическую информацию (портреты, фотографии памятных мест). Внизу расположим гиперссылку, обеспечивающую возврат на главную
страницу сайта, и две ссылки для перехода с одной персональной страницы на другую. Заранее подготовим все изображения. Поместим их во вложенную папку pismen/Ris/. Непосредственное конструирование начнем с персональных страниц, которые оформим в едином стиле.
Напомним, что для облегчения подбора элементов оформления можно использовать готовый шаблон оформления. В редакторе FrontPage предлагается несколько шаблонов — Тем. Тему можно применять к отдельным страницам, а также ко всему сайту. В последнем случае при создании каждой новой страницы тема устанавливается автоматически. П р и м е р 1. Создать веб-cтраницу «Янка Купала» (рис. 1.48).
Запустим редактор FrontPage. Откроется пустая страница с установленными по умолчанию параметрами. Проверим кодировку (Windows-1251 — Кириллица). Цвет фона или фоновый рисунок всей страницы задаются в диалоговом окне Свойства страницы на вкладке Форматирование, которая вызывается с помощью меню Формат Фон. Мы создадим свой шаблон оформления страниц на основе изображения рамки. Используем его в качестве фона таблицы. Вставим таблицу из одной ячейки. В диалоговом окне Свойства таблицы зададим ее ширину (720 пикселей) и высоту (560 пикселей) в соответствии с размерами рамки, установим флажок Использовать фоновый рисунок и укажем имя файла ramka.gif. В эту таблицу вставим еще три таблицы шириной 80 %: из одной ячейки — для размещения заголовка, из двух — для рисунка и биографии, и из трех — для текстовых гиперссылок. Оформим страницу в соответствии с рисунком 1.48: скопируем заранее подготовленный текст из файла biograf.txt, вставим рисунок из файла kupala.jpg. Заметим, что можно использовать и одну таблицу с объединенными ячейками, но в ней труднее размещать объекты в требуемых местах. Сохраним страницу под именем Kupala.htm в папке pismen. Аналогично оформим персональные страницы «Якуб Колас» (файл Kolas. htm) и «Максім Багдановіч» (файл Bagdanovich.htm). Главную страницу (файл index.htm) оформим в соответствии с рисунком 1.49. Напомним, что сайт представляет собой совокупность веб-страниц, связанных гиперссылками. Для создания гиперссылки требуется выделить текст или рисунок и задать адрес перехода (адрес веб-страницы, имя файла или документа) по данной ссылке. В качестве гиперссылок могут выступать слова, группы слов, изображения. Текстовые ссылки обычно выделяются цветом и подчеркиванием, а графические — рамкой. Благодаря этому они отличаются от обычного текста и других элементов страницы. По умолчанию ссылки на непросмотренные страницы отоб-
ражаются синим цветом, а на просмотренные — фиолетовым.
П р и м е р 2. Создать текстовые и графические гиперссылки между страницами веб-сайта «Песняры беларускай зямлі». Для создания гиперссылки выделим портрет Янки Купалы и подпись. С помощью кнопки Добавление гиперссылки на стандартной панели инструментов или команды Вставка Гиперссылка вызовем диалоговое окно, в котором укажем адрес перехода Kupala.htm (рис. 1.50). Аналогичным образом создадим все ссылки в соответствии со схемой навигации по сайту (см. рис. 1.47). Вызванная щелчком мыши по ссылке страница по умолчанию открывается в текущем окне браузера. Можно задать ее открытие в новом окне браузера. Для этого в диалоговом окне Добавление гиперссылки щелкают по кнопке Выбор
рамки и в открывшемся окне Конечная рамка выбирают вариант Новое окно. Рис. 1.50 Заметим, что в редакторе FrontPage создание гиперссылок
выполняется в режиме работы Конструктор, а проверить работу гиперссылок можно в режиме Просмотр. Ссылки могут обеспечивать переход к веб-страницам или иным документам, например рисункам, презентациям, видеофрагментам, расположенным как на данном сайте (внутренние
ссылки), так и на других сайтах (внешние ссылки). Переходы внутри документа выполняют внутристраничные гиперссылки. Они облегчают навигацию по странице, например быстрый переход из конца страницы в начало. Перед созданием внутристраничных ссылок нужно сначала расставить закладки. Для этого курсор мыши устанавливают в том месте страницы, куда предполагается переход по ссылке. Затем с помощью команды Вставка Закладка вызывают диалоговое окно Закладка, в котором вводят имя закладки, например начало (рис. 1.51). Далее в окне Добавление ссылки выбирают вариант Связать с местом в документе и указывают требуемую закладку (рис. 1.52). В качестве гиперссылок на веб-страницах нередко используют кнопки, которые при наведении на них курсора могут изменять свои цвет и форму. В редакторе FrontPage предусмотрена возможность размещения таких кнопок. Для этого в меню Вставка Веб-компонент выбирают компонент Интерактивная кнопка. Затем в появившемся диалоговом окне Меняющиеся кнопки выбирают кнопку нужной формы и задают ее параметры и эффекты.
1. Какие элементы могут выступать в качестве гиперссылок?
2. На какие объекты может указывать гиперссылка?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Публикация сайта
Публикацией сайта называют его размещение на сервере или локальном компьютере с возможностью вызова из сети (глобальной или локальной). Процесс публикации сайта заключается в переносе файлов сайта на сервер. Адрес перенесенного сайта может быть, например, таким: www.poets.webserver.by. Для публикации сайта, подготовленного в редакторе FrontPage, необходимо с помощью команды Файл Опубликовать узел вызвать диалоговое окно Свойства удаленного веб-узла.Для размещения созданного сайта на сервере в строке Расположение удаленного веб-узла следует указать адрес ftp-узла, который для всех пользователей является одинаковым, и нажать кнопку ОК. В появившемся окне Требуются имя и пароль вводят имя и пароль, которые понадобятся в дальнейшем для обновления, добавления или удаления размещен-
ных на сайте материалов. Нажатие кнопки ОК открывает окно, на левой панели которого (Локальный веб-узел) (рис. 1.53) отображаются файлы и папки, содержащие страницы и рисунки созданного фрагмента веб-сайта. На правой панели этого окна (Удаленный веб-узел) отображаются файлы и папки, уже размещенные на web-сервере, например страницы сайта «Песняры беларускай зямлі» (см. рис. 1.53). Если публикация выполняется впервые, правая панель пуста. Выберем требуемый режим, например Все файлы локального веб-узла копировать на сервер, и нажмем кнопку Опубликовать веб-узел. Как только копирование всех файлов завершится, пользователь сможет просмотреть размещенный в сети сайт. Для этого в строке браузера вводится адрес, например www.poets.webserver.by.
1. Что понимают под публикацией сайта?
2. Какие действия надо выполнить для публикации сайта, подготовленного в редакторе FrontPage?
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Создание фрагментов сайтов
Изучив этапы разработки веб-сайтов и основные приемы работы в редакторе Front Page, мы можем создавать сайты, посвященные различным предметным областям.
П р и м е р. Создать фрагмент веб-cайта «Замки Беларуси» (рис. 1.54, 1.55). Создадим фрагмент сайта из пяти страниц: главной страницы с маленькими картинками и четырех страниц, посвященных замкам. Все страницы будем сохранять в файлах с соответствующими именами в одной папке, например zamki. Заранее подготовленные изображения поместим во вложенную папку zamki /ris/. Оформим страницы в одном стиле в соответствии с рисунком 1.55. Вставим таблицу с одной ячейкой. Установим ширину 640 и высоту 480 пикселей. В качестве фона таблицы используем изображение свитка из файла svitok.gif. Вставим еще одну таблицу из одного столбца и четырех строк. В первой строке разместим заголовок. Во вторую строку вставим рисунок, например из файла nesvizh.jpg, в третью — поместим текст из файла zamki.txt. В четвертой строке
разместим разделительную линию, тексты ссылок и изображения стрелок из файлов или Коллекции клипов. Главную страницу оформим в соответствии с рисунком 1.54. В таблице из двух столбцов и двух строк разместим используемые в качестве гиперссылок картинки с подписями. Создадим гиперссылки для переходов со страницы на страницу. Просмотрим страницы в браузере. Проверим работу гиперссылок.
Для закрепления знаний по данной теме, выполним следующую практическую работу: (см. практическую часть)
Задание 1
Тест по языку HTML
1. HTML – это:
a. язык разметки гипертекста
b. гипертекстовый редактор
c. страница Internet Explorer
d. браузер
2. Тэг – это:
a. Контейнер
b. Команда, заключенная в угловые скобки
c. Гиперссылка
d. Указатель ссылки
3. Заголовок WEB-страницы заключается в контейнер:
a. <title> </title>
b. <html> </html>
c. <head> </head>
d. <address> </address>
4. Основное содержание страницы помещается в контейнер:
a. <address> </address>
b. <html> </html>
c. <body> </body>
d. <head> </head>
5. Набор веб-страниц, связанных между собой перекрестными ссылками,
расположенный под одним общим корневым именем, называется … :
a. Тегом
b. Контейнером
c. Электронным учебником
d. Сайтом
6. Web-страница (документ HTML) представляет собой:
a. Текстовый файл с расширением txt или doc
b. Текстовый файл с расширением htm или html
c. Двоичный файл с расширением com или exe
d. Графический файл с расширением gif или jpg
7. Для просмотра Web-страниц в Интернете используются программы:
a. MicroSoft Word или Word Pad
b. MicroSoft Access или MicroSoft Works
c. Internet Explorer или NetScape Navigator
d. HTMLPad или Front Page
8. Для вставки изображения в документ HTML используется команда:
a. <img src="ris.jpg">
b. <body background="ris.jpg">
c. <a href="ris.jpg">
d. <input="ris.jpg">
9. Гиперссылка задается тегом:
a. <font color="file.htm">
b. <img src="http://www.chat.ru">
c. <a href="file.htm">текст</a>
d. <embed="http://www.da.ru">
10. Гиперссылки на Web - странице могут обеспечить переход...
a. только в пределах данной web - страницы
b. только на web - страницы данного сервера
c. на любую web - страницу данного региона
d. на любую web - страницу любого сервера Интернет
11. Гипертекст - это:
a. Текст очень большого размера
b. Текст, в котором используется шрифт большого размера
c. Структурированный текст, где возможны переходы по выделенным меткам
d. Текст, в который вставлены объекты с большим объемом информации
12. Для создания Web-страниц используются программы:
a. MS FrontPage и Блокнот
b. Turbo Pascal и QBasic
c. Visual Basic и ACDSee
d. ScanDisk и Defrag
13 . Элемент для создания и использования гипертекстовых ссылок:
a. <p> … </p>
b. <g> … </g>
c. <a> … </a>
d. <img> … </img>
14. Для выравнивания текста в документе используется атрибут:
a. align
b. valign
c. src
d. text
Замечание: в вопросе 15 выберите несколько правильных ответов
15. Тэги могут быть:
a. Закрывающими
b. Главными
c. Автономными
d. Одиночными
e. Парными
f. Авторитетными
Вариант 1
Практическая часть
Задание 2.
Создать на рабочем столе папку ОКР 2 ИНФ, Фамилия И.О., выполненное задание 3
сохранить в этой папке.
Задание 3
Создайте фрагмент сайт «Достопримечательности Гомеля» (не менее 5—6 страниц, содержащих текст и изображения). Оформить сайт с переходами с главной страницы на второстепенные и обратно, а также переход на соседние страницы, используя гиперссылки. Создайте бегущую строку на главной странице «Красота спасет мир». В качестве фонового рисунка, текст и фотографии выбрать из папки «Достопримечательности Гомеля».
Вариант 2
Практическая часть
Задание 2.
Создать на рабочем столе папку ОКР 2 ИНФ, Фамилия И.О., выполненное задание 3 сохранить в этой папке.
Задание 3.
Создать фрагмент сайт «Музеи Гомельской области» (не менее 5—6 страниц, содержащих текст и изображения). Оформить сайт с переходами с главной страницы на второстепенные и обратно, а также переход на соседние страницы, используя гиперссылки. Создайте бегущую строку на главной странице «Историю свою помнить надо». В качестве фонового рисунка, текст и фотографии выбрать из папки «Музеи Гомеля».
Современные программы, с которыми сегодня работают пользователи компьютера, отличаются от тех, которые вы создавали раньше. Основное отличие — взаимодействие пользователя с программой.
Программы, которые вы создавали ранее, взаимодействовали с пользователем посредством текстового интерфейса (часто его называют интерфейсом командной строки). После запуска программы вы вводили данные, программа выполнялась, и вы видели результат. И ввод, и вывод данных осуществлялся в алфавитно-цифровой форме.
Операционные системы с графическим оконным интерфейсом (например, Windows) предполагают общение пользователя с программой посредством элементов управления. К элементам управления относят: кнопки, разнообразные меню, текстовые сообщения, списки и др. При работе программы пользователь выбирает какой-либо элемент управления и совершает с ним определенное действие (См рис 1.1 демонстрация с помощью PascalABC.NET Презентация) Для того чтобы открыть файл , пользователь взаимодействует с такими элементами управления, как меню, список, кнопка.
Если такое действие для выбранного элемента было определено, то программа его выполняет, иначе выдает сообщение об ошибке.
Многие системы программирования позволяют создавать программы с оконным интерфейсом. Такие программы называют оконными приложениями (Windows Form Application). Создаются они как проект и состоят из нескольких файлов. Вешний вид окна будущего приложения строится на форме. Для формы сохраняются два файла — один содержит описание внешнего вида формы, другой — описание действий при выборе пользователем того или иного элемента управления. Главный файл проекта содержит описание его структуры, а также команды по созданию формы и запуску приложения.
Все элементы, размещенные на форме и сама форма образуют систему взаимодействующих объектов. Способ их взаимодействия основан на объектно-ориентированном программировании.
Проектирование интерфейса окна программы можно выполнять с использованием RAD-технологии (Rapid Application Development) быстрая разработка приложений. Технология RAD характерна для многих систем программирования. Быстрая разработка стала возможной за счет того, что элементы управления были визуализированы и собраны в специальные библиотеки — VCL (Visual Component Library — визуальная библиотека компонентов).
Различные элементы управления можно перетаскивать с палитры компонентов на форму с помощью мыши. Процесс создания интерфейса будущей программы представляется аналогом работы с неким конструктором. Программирование в RAD-средах является визуальным, поскольку код по созданию элементов управления не пишется, а генерируется средой. Задача программиста — написание кода по управлению готовыми компонентами.
Визуальное программирование поддерживается в PascalABC и Delphi (код пишется на языке Pascal), VisualBasic, C# и др. (пример 1.2). Для обучения учащихся младших классов используется визуальное программирование в среде Скретч (Scratch).
Многие элементы управления в разных средах имеют одинаковые или синонимичные имена (пример1.3).
Создаются оконные приложения как проект и состоят из нескольких файлов. Внешний вид окна будущего приложения строится на форме. Для формы сохраняются два файла — один содержит описание внешнего вида формы, другой — описание действий при выборе пользователем того или иного элемента управления. Главный файл проекта содержит описание его структуры, а также команды по созданию формы и запуску приложения.
Все элементы, размещенные на форме, и сама форма образуют систему взаимодействующих объектов. Способ их взаимодействия основан на объектно-ориентированном программировании.
Определение: Объектно-ориентированное программирование (ООП) — технология создания программ, основанная на использовании системы объектов. Каждый объект обладает набором свойств, которые описывают его состояние, и методов, характеризующих его поведение.
Определение: Объект — совокупность данных и методов работы с ними.
Организация данных внутри объекта скрыта от пользователя. Данные и способы их чтения и записи являются свойствами объекта, их можно изменять. Методы — процедуры и функции для обработки данных.
Организация взаимодействия между программой и пользователем управляется событиями:
пользователь может нажать на клавишу мыши или клавиатуры, переместить мышь, ввести текст и др.
Определение: Метод программирования, основанный на управлении событиями, называют
событийно-ориентированным программированием.
Каждое событие связано с каким-либо объектом, которому передается управление в тот момент времени, когда происходит событие. Каждое событие связано с каким-либо объектом, которому передается управление в тот момент времени, когда происходит событие. Среди основных событий можно выделить три категории: события мыши, события клавиатуры и системные события
(примеры 1.4—1.6).
Определение: Процедура (или функция), инициируемая событием, называется обработчиком события.
Запущенный на выполнение проект находится в ждущем режиме, реагируя на события, учтенные при
его создании, вызываемые действия ми пользователя или возникающими в самой программе.
Объектно-событийная модель программы предполагает следующее:
• создание объектов с присущими им свойствами и методами;
• описание событий, при которых объект может выполнять алгоритм обработки данных.
Структура проекта
При создании оконного приложения работают с проектом, состоящим из нескольких файлов. В разных средах программирования проект может состоять из различного количества файлов. Обязательными файлами являются следующие:
• файл формы (1), содержащий описание внешнего вида окна приложения;
• файл программного модуля (2), содержащий описание функций-обработчиков для объектов
На форме;
• файл проекта (3), позволяющий связать структурные элементы проекта между собой.
(Рассмотрим пример 2.1. на стр.10) ПРЕЗЕНТАЦИЯ
Файлы одного проекта обычно хранятся внутри отдельной папки. При компиляции приложения создается файл с расширением .exe и именем, совпадающим с именем проекта. Этот файл запускает работающее приложение без загрузки среды программирования. (Как скомпилировать приложение, чтобы файл с расширением .exe не удалялся после закрытия окна, см. в Приложении, с. 102). Для создания проекта в среде PascalABC.Net нужно выполнить команды Файл → Новый проект → Приложение Windows Form (пример 2.2). При создании проекта файлы сохраняются автоматически (пример 2.3).
Интерфейс среды программирования
Полное окно среды программирования PascalABC.Net при создании приложений Windows Form можно посмотреть в Приложении (с. 102). Рассмотрим основные элементы. Основное меню и панель быстрого доступа (пример 2.4) содержат команды для управления проектом: сохранение, загрузка, выполнение и др.
Форма (пример 2.5) служит для визуального отображения окна приложения. Во время проектирования приложения на форме отображается точечная сетка, позволяющая выравнивать помещаемые на форму компоненты. Инспектор объектов (пример 2.6) отображает свойства (или события) выбранного объекта. В левом столбце вкладки Свойства перечислены все свойства объекта, которыми пользователь может управлять при проектировании приложения. В правом столбце указаны значения свойств, которые могут выбираться из списка или вводиться с клавиатуры.
Вкладка События содержит список событий для объекта. Для каждого события может быть определен свой обработчик. Если обработчик для события определен, напротив события будет прописано имя процедуры (функции) обработчика. В нижней части инспектора объектов размещено описание выбранного свойства или обработчика событий.
Палитра компонентов (пример 2.7) содержит список визуальных компонентов, объединенных в группы. Раскрытие группы происходит по щелчку с названием группы.
Работа с формой
Форма является объектом и служит для визуального отображения окна приложения. Как любой объект, форма обладает свойствами (пример 2.8).
Для создания обработчика событий формы нужно в инспекторе объектов перейти на вкладку События ( ), выбрать событие. Процедура генерируется автоматически при двойном клике мышью в пустой строке напротив выбранного события. После этого среда переключается на страницу, на которой пишется код (пример 2.9). Имя процедуры-обработчика состоит из названия компонента, над которым происходит событие, и названия события (Form_Click).
Для каждого объекта определен обработчик по умолчанию, который создается при двойном клике по объекту. Для формы таким обработчиком будет Form1_Load — событие, которое происходит при загрузке формы.
Для переключения между окном программного кода и конструктором дизайна формы можно использовать вкладки Дизайнер и Код в верхней части окна приложения: Дизайнер Код . При создании процедур-обработчиков свойства объектов можно изменять программно. Для этого нужно обратиться к свойству по его имени и присвоить новое значение. Например, для изменения цвета формы нужно записать следующую команду:
BackColor := Color.Red;
Система Pascal позволяет упростить ввод сложных имен в код программы. После того как вы наберете часть сложного имени, на экране появится список со всеми свойствами и методами, которые относятся к этому объекту (пример 2.10).
Если вы введете первые буквы названия свойства (метода), то курсор переместится в списке к тем свойствам и методам, названия которых начинаются на эти буквы. После этого нужное свойство можно вставить в программу щелчком мыши или нажатием клавиши Enter. Если список не появился, его можно вызвать комбинацией клавиш Ctrl + пробел.
DEF. Элементами управления называются объекты, которые используются для отображения данных или организации взаимодействия между пользователем и приложением с помощью мыши или клавиатуры.
Они собраны в специальные библиотеки компонентов, которые ОС использует для обеспечения единообразного интерфейса прикладных программ. Наиболее распространенными элементами управления являются: кнопки, редактируемые поля, списки выбора, флажки, переключатели и т. д.
Компоненты библиотеки размещаются на различных страницах палитры компонентов. Каждая страница имеет свое название. На странице Стандартные элементы управления (пример 3.1) размещены наиболее употребляемые компоненты:
Кнопка (Button)
Надпись (Label)
Поле для ввода текста (TextBox)
Флажок (CheckBox)
Радиокнопка (RadioButton)
Список (ListBox)
Выпадающий список (ComboBox)
Рисунок (PictureBox)
Одним из наиболее используемых компонентов палитры Компоненты является компонент Таймер (Timer).
DEF.Палитра Меню и панели инструментов содержит компоненты, необходимые для создания главного меню программы или контекстных меню для различных объектов, помещенных на форму.
DEF.Палитры Печать и Диалоговые окна содержат компоненты, обеспечивающие стандартные диалоги операционной системы: открытие и сохранение файла, выбор цвета, установки параметров шрифта, настройки принтера и управление печатью.
DEF. Палитра Данные содержит компоненты для работы с таблицами баз данных.
2. Элемент управления кнопка (Button)
Компонент кнопка относится к элементам управления. На панели компонентов Стандартные элементы управления кнопка изображена в виде ab Button имя объекта — button.
Кнопка, помещенная на форму, получает имя buttonN, где N — номер 1, 2, 3... (пример 3.4). При необходимости кнопку можно переместить в любое место формы. Ключевые точки позволят
установить нужный размер кнопки.
Некоторые свойства кнопки перечислены в таблице (пример 3.5). Как видно из таблицы, многие свойства кнопки совпадают по именам и назначениям со свойствами формы (поэтому в дальнейшем для компонентов будут указываться только те свойства, которые отличны от уже описанных для других компонентов).
Основным событием кнопки является Click. Для создания обработчика события Click для кнопки можно поступить так же, как и при создании аналогичного обработчика для формы:
выбрать событие на вкладке События и выполнить двойной щелчок в поле напротив события Click. Можно просто выполнить двойной щелчок по кнопке. (Для формы основным событием является событие Load, поэтому при двойном щелчке по форме создается обработчик события Load.) ПРИМЕР 3.6
3. Элемент управления метка (Label)
DEF.Компонент метка предназначен для отображения текста на форме.
На панели компонентов Стандартные элементы управления метка изображена в виде А _ Label , имя объекта — label.
Кнопка, помещенная на форму, получает имя labelN, где N — номер 1, 2, 3... (пример 3.7).
Некоторые свойства метки, отличные от свойств кнопки, перечислены в таблице (пример 3.8). Основным событием для метки является Click. ПРИМЕР 3.9.
4. Элемент управления текстовое поле (Edit)
DEF.Текстовое поле — компонент, который предназначен для ввода и вывода текстовой информации. На панели компонентов Стандартные элементы управления текстовое поле изображено в виде abl TextBox , имя объекта — TextBox.
Текстовое поле, помещенное на форму, получает имя TextBoxN, где N — номер 1, 2, 3...
(пример 3.10).
В отличие от ранее рассмотренных компонентов, свойство Text у текстового поля по умолчанию пусто (у других — совпадает с именем компонента). Некоторые свойства компонента TextBox приведены в таблице (пример 3.11).
Значение свойства Text компонента текстовое поле может изменяться программно или при вводе с клавиатуры. Основным событием для TextBox является TextChanged, которое происходит при изменении компонента. Наиболее часто программируют событие KeyPress, которое позволяет определить, какая клавиша была нажата. ПРИМЕР 3.12
Текстовое поле TextBox используется также для ввода и вывода чисел. При этом необходимо использовать функции для преобразования строк в числа и чисел в строки.
Эти функции приведены в таблице: см. презентацию к уроку 30
В русскоязычной версии Windows в качестве разделителя целой и дробной части числа по умолчанию используется запятая. Если при вводе чисел в текстовые поля использовать точку, то будет возникать ошибка преобразования типов.
При создании приложений нередко возникает необходимость украсить их графическим изображением. В этом случае можно воспользоваться компонентом Image изображение.
На панели компонентов Стандартные элементы управления компонент изображение представлен в виде имя объекта PictureBox. Компонент PictureBox, помещенный на форму, получает имя PictureBox N, где N — номер 1, 2, 3... (пример 4.1).
Компонент представляет собой контейнер, в который помещается изображение. Некоторые свойства компонента PictureBox приведены в таблице (пример 4.2).
Используя свойство Image, можно выбрать и загрузить изображение на этапе проектирования приложения. Изображение может быть выбрано в контейнере при нажатии на кнопку в правом верхнем углу компонента. В этом случае рисунок сохраняется в файле формы и для работы приложения отдельного файла с рисунком не требуется.
Компонент поддерживает вставку рисунков в форматах JPEG, PNG, BMP, GIF. Если требуется обработка изображения (любые изменения рисунка), то рисунок должен быть сохранен в формате BMP. Для рисунков формата PNG или GIF с прозрачным фоном при загрузке сохраняется прозрачность.
Рисунок можно загрузить как фон формы. Для этого предназначено свойство формы BackgroundImage.
Свойство Image компонента PictureBox обладает методом Save, который используется для сохранения изображения.Метод Load компонента PictureBox может быть использован для загрузки изображения при открытии приложения.В этом случае файл с рисунком должен находиться в папке проекта (или нужно прописать полный путь к файлу).
Пример 4.3. ПРЕЗЕНТАЦИЯ
4.2. Построение графиков функций
Пространство имен System.Drawing обеспечивает доступ к функциональным возможностям графического интерфейса Windows. Класс Graphics предоставляет методы для рисования графических примитивов.
Основное событие для построения изображений — Paint.
Если возникает необходимость рисовать по точкам, то для этого используется класс Bitmap (точечное изображение). Каждая точка имеет координаты X и Y. Система координат такая же, как и для графического окна PascalABC.Net — точка с координатами (0, 0) расположена в верхнем левом
углу, ось ОY направлена вниз. Каждая точка имеет координаты X и Y. Координаты измеряются в пикселях. Важнейшее свойство пикселя — его цвет. Для задания цвета в PascalABC.Net можно воспользоваться несколькими способами (пример 4.4). Точка изображается с помощью команды
SetPixel(x1, y1, Color));
Класс Graphics содержит большое количество свойств и методов, позволяющих строить изображения. Многие из методов Graphics совпадают с процедурами, которые использовались в библиотеке GraphABC среды программирования PascalABC.Net. Описание этих методов приведено в приложении. Пример 4.5. ПРЕЗЕНТАЦИЯ
4.3. Построение диаграмм
Основные принципы построения гистограмм и круговых диаграмм разбирались в 10-м классе (примеры 4.6 и 6.8). Используя аналогичные методы Graphics, можно построить диаграммы в оконных приложениях, созданных в PascalABC.Net. Пример 4.6.
4.4. Анимация
Эффект анимации достигается за счет того, что перед взглядом пользователя происходит быстрая смена изображений. Каждый из кадров анимации остается на экране очень небольшой промежуток времени.
Для замера интервалов времени можно использовать компонент таймер.
Он расположен на панели Компоненты и представлен в виде Timer , имя объекта Timer. Компонент Timer помещается в отдельную область ниже формы и получает имя TimerN, где N — номер 1, 2, 3... (пример 4.7).
Некоторые свойства компонента Timer
приведены в таблице:"Презентация к уроку"
Компонент имеет единственный обработчик — Tick, в котором описываются действия, происходящие по истечении интервала срабатывания таймера.
1. Разработка оконных приложений
Создание любого оконного приложения осуществляется, как правило, в три этапа:
1. Создание интерфейса приложения, т. е. средств взаимодействия пользователя с программой.
2. Разработка сценария работы будущего приложения. На этом этапе определяют, какая информация будет выводиться на экран, какие события будут происходить при использовании различных компонентов, как приложение должно завершить работу, какие результаты и в каком виде сохранить и т. д.
3. Разработка алгоритма решения поставленной задачи.
Большинство приложений в операционной системе Windows выглядят и ведут себя сходным образом. Рекомендации по разработке графического интерфейса оконных приложений (пример 5.1).
Пример 5.1. Рекомендации по созданию оконных приложений.
1. В приложении разместить главное меню и инструментальную панель быстрых кнопок, дублирующих основные разделы меню.
2. Объекты приложения должны обладать контекстными меню, появляющимися при нажатии правой клавишей мыши на объекте.
3. Для объектов рекомендуется прописать подсказки, всплывающие при наведении указателя мыши на объект.
4. Рекомендуется реализовать строку состояния, используемую для выдачи различной информации.
5. При нажатии клавиши F1 должен загружаться файл справки.
6. В программе реализовать возможность настройки и сохранение настроек, чтобы при следующем сеансе работы их не пришлось
устанавливать заново.
7. Если результат работы приложения зависит от каких-либо параметров, обязательно указать значения по умолчанию. Они позволят
ускорить взаимодействие пользователя с программой, а также являются примером того, в каком формате данные следует вводить.
2. Стандартные диалоги
Любое приложение Windows использует стандартные диалоги, встроенные в операционную систему, для открытия и сохранения файлов, выбора атрибутов шрифта или установки цвета, поиска текста, печати. В библиотеку VCL включены компоненты, реализующие соответствующие окна Windows. Они размещены на панели Диалоговые окна (пример 5.2). В примере 5.3 приведен перечень компонентов для реализации стандартных диалогов.
Объекты на странице Диалоговые окна невидимы во время выполнения, поэтому они размещаются в специальной области под формой (пример 5.4). Внешний вид окна диалога зависит от версии Windows.
Вызов и обработка диалогов происходит программно. Для всех диалогов определен метод ShowDialog() (пример 5.5). С помощью этого метода происходит открытие окна соответствующего диалога. В свойствах компонента-диалога запоминается выбор пользователя, который затем можно обработать.
Диалоги для открытия и сохранения файлов используются в различных приложениях. Основное свойство компонентов OpenDialog и SaveDialog, в котором возвращается в виде строки имя файла, — это свойство FileName. Если задать данное свойство на этапе конструирования в окне инспектора объектов, то при открытии диалога оно будет появляться в строке Имя файла (пример 5.6).
Для вызова стандартного окна установки атрибутов шрифта можно использовать компонент FontDialog (пример 5.7). В окне Шрифт пользователь может выбрать имя шрифта, его стиль, размер. Основное свойство компонента — Font.
Для вызова стандартного окна установки цвета используется компонент ColorDialog (пример 5.8). В нем можно выбрать цвет из базовой палитры. Основное свойство компонента ColorDialog — Color. Это свойство соответствует тому цвету, который пользователь выбрал в диалоге.
3. Создание меню
Любое приложение должно иметь меню, которое дает удобный доступ к функциям программы. Существует несколько типов меню:
главное меню с выпадающими списками разделов;
каскадные меню, в которых разделу первичного меню ставится в соответствие список подразделов;
контекстные меню, появляющиеся при нажатии правой клавишей мыши на объекте.
В PascalABC.Net меню создаются компонентами MenuStrip (главное меню) и СontextMenuStrip (контекстное меню), расположенными на панели Меню и панели инструментов. Во время выполнения программы сами компоненты не видны, поэтому размещаются в специальной области под формой (пример 5.9). На этапе выполнения программы главное меню будет помещено на свое стандартное место — наверху формы, контекстное меню появится только после нажатия правой
кнопки мыши по тому компоненту, к которому оно относится.
Для добавления новых пунктов меню нужно кликнуть левой клавишей мыши в верхней части формы (там, где обычно располагается меню). Затем заполнить ячейки, соответствующие пунктам меню (пример 5.10).
Каждый пункт меню является отдельным объектом. Список всех компонентов, относящихся к меню, можно увидеть в выпадающем списке в инспекторе объектов. Названия пунктов меню прописываются в свойстве Text в окне инспектора объектов (пример 5.11).
Для каждого пункта меню основным событием является событие Click.
Создание контекстных меню аналогично созданию главного меню. Сначала нужно выбрать компонент на нижней панели, а затем заполнить ячейки. Для того чтобы при щелчке правой кнопкой мыши на некотором компоненте появлялось контекстное меню, нужно написать имя контекстного меню в свойстве ContextMenuStrip для выбранного компонента (пример 5.12).
Написание обработчиков для меню и диалогов будет рассмотрено в следующих пунктах.