Ответы

1.

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

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

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

Далее понятие «электронные издания» стало включать в себя тексты книг, журналов и газет, распространяемые в любом текстовом или ином формате, например в гипертекстовом (HTML) или одном из сжатых форматов (ZIP, ARJ, RAR, WINZIP и пр.). В последнее десятилетие XX века в составе электронных изданий стали применяться еще и мультимедийные компоненты, под которыми подразумеваются цифровые звуковые или видеофрагменты, а также анимационные вставки в основную часть издания. В результате электронные издания стали средством комплексного информационного воздействия на человека, сравнимого с радио, кино и телевидением, а в чем-то даже превосходящем эти важные средства массовой коммуникации.

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

В последние несколько лет появились сетевые электронные издания. Большинство студентов уже знакомы с глобальной сетью Интернет и встречались с понятиями Web-сайт и Web-страница. Последняя определяется как электронная страница в соответствующем формате, а Web-сайт - это набор связанных Web-страниц, объединенных общими признаками или назначением. В настоящее время в сети Интернет существует значительное количество сайтов, представляющих собой, по существу, электронные издания, т. е. аналоги книг или брошюр, но только в электронном сетевом представлении. В качестве примера можно сослаться на сайт «Электронные каталоги Российских библиотек», верхняя часть главной страницы которого представлена на рис. 1.1.

Размер этой страницы достаточно велик, так как содержит перечень в несколько десятков библиотек с указанием тематики изданий, представленных в данной библиотеке, и особенностей поиска и извлечения информации из каталога каждой библиотеки. Если подвести указатель мыши к названию библиотеки, то он приобретет форму указателя (кисть руки с вытянутым указательным пальцем). Таким образом, название служит указателем перехода к другой странице, на которой организован поиск издания в соответствующей библиотеке. Для осуществления перехода следует щелкнуть левой кнопкой мыши по этому указателю перехода. Как создаются такие указатели и осуществляются переходы, мы рассмотрим во 2-й главе данной книги.

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

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

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

Простейший текстовый формат использует кодировку отдельных символов текста в ASCII-стандарте, в соответствии с которым каждый символ кодируется одним байтом. ASCII - это аббревиатура от American Standart Code of Information Interchange или, в переводе, Американский Стандартный код для информационного взаимодействия. Чем сложнее текстовый редактор, в котором набирается текстовый фрагмент, тем большее количество управляющих символов используется для форматирования текста, в результате чего информационный объем текстового фрагмента заметно растет.

В графической оболочке Windows для кодирования каждого символа используется не менее 2 б. В частности, в текстовом редакторе Word 97, в котором набирался этот учебник, на каждый кодируемый символ текста в среднем приходится около 5 б, причем в состав редактора включены средства внутреннего сжатия информации в файлах документов. Тот же текст, набранный в редакторе Word 6 или Word 7 (Word 95) под Windows, занимает значительно большее информационное пространство.

В некоторых случаях текст кодируется в графическом формате (например, формат PDF, который будет рассмотрен в § 3.2 и § 4.6). Это обеспечивает качественный визуальный интерфейс при просмотре издания, обеспечивает его независимость от шрифтовых гарнитур, установленных на компьютере пользователя, но требует применения специальных средств для его просмотра.

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

• PDF (Portable Document Format), разработанный фирмой Adobe и представляющий развитие и совершенствование известного издательского формата описания страниц документов Post Script,

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

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

Большинство электронных материалов, циркулирующих в сети Интернет, оформлены в HTML-формате. Формат достаточно компактен и, наряду с текстом, позволяет включать в издание иллюстрации и мультимедийные фрагменты. Основу HTML-документов составляют обычные текстовые файлы, отдельные символы в которых представлены в ASCII-кодировке. Эти файлы доступны для просмотра и редактирования в любом редакторе текстов. Отличием HTML-издания от обычного текста является то, что в них присутствуют специальные команды - теги, которые указывают правила форматирования документа. Язык HTML и правила составления HTML-документов и работы с ними, будут детально описаны в следующей главе. Недостатком этого формата является чувствительность к используемым в издании шрифтам: отсутствие нужного шрифта на пользовательском компьютере вызывает затруднения при просмотре документа, связанные с необходимостью замены отсутствующей шрифтовой гарнитуры.

Другим основным форматом для электронных документов является PDF (Portable Document Format), разработанный в 1993 г. фирмой Adobe. Как говорит само название, он делает документы «portable», т. е. документы могут просматриваться независимо от программ, в которых они подготовлены и независимо от используемых шрифтов и компьютеров. PDF позволяет преодолеть этот барьер. Так впервые открылась возможность распространять на невещественных носителях (дискетах и компакт-дисках) и через Интернет выполненные в графическом режиме документы, в частности, оригинал-макеты изданий. При этом гарантируется полная идентичность. Это делает PDF-формат чрезвычайно полезным не только для художественных и детских электронных изданий, но и для коммерческих и рекламных документов. В США PDF-формат стал основным для распространения правительственных материалов.

Изначально формат PDF был предложен как альтернатива печатным документам, средство для организации «безбумажного офиса». Просмотр таких документов должен быть организован с помощью универсальных средств, независимо от создавшего их приложения и установленных на данном компьютере шрифтов. Формат PDF может рассматриваться как компактный формат электронной документации. Практически вся документация разнообразных программных пакетов распространяется на компакт-дисках в этом формате. Наконец, этот формат сохраняет всю информацию для выводных устройств, т. е. может служить для хранения оригинала и распечатки по заказу. По сравнению с форматом описания документов PostScript формат PDF имеет то преимущество, что он является странично-ориентированным, т. е. описывает каждую страницу в отдельности. Это резко упрощает вывод отдельных страниц.

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

2.

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

• периодичность издания;

• круг потребителей продукции;

• вид издания;

• способ распространения;

• формат издания.

Сказанное иллюстрируется классификационной диаграммой, представленной на рис. 1.2.

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

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

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

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

• учебные пособия (обучение иностранным языкам, конспекты лекций, методические указания по выполнению практических и лабораторных работ, тексты рефератов и докладов и пр.);

• научные журналы (как правило, подборка из нескольких выпусков журналов вместе с программными пакетами и сопутствующими рекламными материалами);

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

• художественная и научно-популярная литература (обычно в PDF-формате или в архивированной форме). Эти издания представляют интерес для всех групп читателей, поэтому на рис. 1.2им соответствует позиция «Общие»;

• энциклопедические и справочные издания, иногда многотомные, в том числе аналоги ранее изданных энциклопедий, например Grolier, Laruss, и специфически компьютерные - интерактивный атлас мира, географический справочник, атлас автомобильных дорог и пр. В электронном виде создаются сейчас и другие справочно-картографические системы. Для многих крупных городов они уже созданы и позволяют не только найти нужное здание по известному адресу, но и оптимизировать маршрут до места назначения.

В сетевых средах, например в сети Интернет, распространяются электронные издания преимущественно периодические, в частности:

• не только отдельные учебные пособия, но и целые учебные циклы для дистанционного обучения и самостоятельного изучения;

• исключительно широкий круг научных, научно-популярных и технических журналов, начиная с компьютерных (Computer World, Computer Week/Moskow, CompuLog и др.) и сетевых (Internet Journal, CrazyWeb, LANMagazine) и кончая музыкальными и игровыми;

• общественно-политические журналы, например широко известный «Огонек»;

• литературно-художественные издания, в том числе журналы («Новый мир», «Иностранная литература», «Октябрь», «Арт-Петербург», причем последний представляет собой культурный альманах, существующий только в Интернете), «Литературная газета» и пр.;

• библиографические указатели и рефераты типа Book Review и электронной библиотеки службы «ИНФОМАГ»;

• газеты (например, «Аргументы и факты», «Аномалия», «Вести», «Вечерний Минск», «Натали», «Известия», «Учительская газета»);

• развлекательные издания («Знакомства», «Вечерний клуб», «Пятое колесо», «Вера, Надежда, Любовь»);

• специализированные рекламные издания, в том числе «Центр-Плюс», «Реклама-Шанс».

По способу распространения все электронные издания можно разделить на две большие группы, а именно:

• распространяемые на физических носителях, преимущественно компакт-дисках;

• распространяемые в сетевых средах, как локальных (например, сетевая электронная библиотека учебного института), так и глобальных.

Так же как и печатные, электронные издания могут быть классифицированы по формату. Однако если в печатном издании формат характеризует физические размеры издания, то в электронном издании формат описывает то, каким образом в файле представлена информация, содержащаяся в данном издании. Начиная с 80-х гг. электронные издания распространялись в текстовом формате, вначале под DOS (txt), а затем под Windows и другие платформы. В настоящее время используются, как уже отмечалось выше, два основных гипертекстовых формата, а именно HTML и PDF, причем последний хранит всю информацию в графической форме. Если в издании содержится цифровая анимация, а тем более цифровые аудио- и видео - фрагменты, то та кие электронные издания называют мультимедийными. Хотя это и не название формата, но важная характеристика того, какие цифровые форматы могут содержаться в издании.

3.

За последние десятилетия наблюдается существенное увеличение объемов и сложности учебных материалов, изучаемых в средней и высшей школах. При этом во многих учебных заведениях наблюдается недостаток высококвалифицированных преподавательских кадров. Большие трудности часто возникают при оперативной подготовке, изготовлении и распространении учебных пособий различных видов. Указанные факторы негативно сказываются на качестве подготовки обучаемых. В связи с этим большое внимание уделяется применению прогрессивных методик обучения, в том числе предполагающих использование вычислительной техники. Это позволяет существенно повысить качество и эффективность учебного процесса. Одной из форм повышения эффективности обучения являются электронные учебники.

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

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

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

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

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

Электронные учебники позволяют решать такие основные педагогические задачи, как:

- начальное ознакомление с предметом, освоение его базовых понятий и конструкций;

- базовая подготовка на разных уровнях глубины и детальности;

- контроль и оценивание знаний и умений;

- развитие способностей к определенным видам деятельности;

- восстановление знаний и умений.

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

Существуют два вида электронных учебников:

1. учебник с высокой динамикой иллюстративного материала. Представляет уже ставший традиционным учебник по предметной области, которой является независимым и неизменяемым. Наряду с основным материалом он содержит средства интерактивного доступа, средства анимации и мультипликации, а также видеоизображения, в динамике демонстрирующие принципы и способы реализации отдельных процессов и явлений. Он используется на персональных компьютерах или в локальных компьютерных сетях и распространяется на CD-ROM.

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

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

Тест.Внешне, это простейшая форма электронного учебника. Основную сложность составляет подбор и формулировка вопросов, а также интерпретация ответов на вопросы. Хороший тест позволяет получить объективную картину знаний, умений и навыков, которыми владеет учащийся в определенной предметной области.

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

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

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

Авторская среда.Электронный учебник должен быть адаптируем к учебному процессу. То есть позволять учитывать особенности конкретного ОУ, конкретной специальности, конкретного студента. Для этого необходима соответствующая авторская среда.Такая среда, например, обеспечивает включение дополнительных материалов в электронную энциклопедию, позволяет пополнять задачник,готовить раздаточные материалы и методические пособия по предмету. Фактически, это подобие инструмента, с помощью которого создается сам электронный учебник.

Невербальная среда.Традиционно электронные учебники вербальны по своей природе.Они излагают теорию в текстовой или графической форме. Это является наследием полиграфических изданий. Но в электронном учебнике возможно реализовать методический прием "делай как я". Такая среда наделяет электронный учебник чертами живого учителя.

Перечисленные формы электронного учебника могут быть реализованы в виде отдельных электронных учебников либо сгруппированы в рамках единого ансамбля. Все зависит от замысла"автора". Автор должен владеть знаниями об истории и возможностях электронных учебников.Успех электронного учебника будет зависеть от того, как он "впишется" в учебный процесс ОУ.

4.

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

1. Определение целей и задач разработки.

2. Разработка структуры электронного учебника.

3. Разработка содержания по разделам и темам учебника.

4. Подготовка сценариев отдельных структур электронного учебника.

5. Реализация.

6. Апробация.

7. Корректировка содержания электронного учебника по результатам апробации.

8. Подготовка методического пособия для пользователя.

Коротко рассмотрим эти этапы.

Определение целей и задач разработки

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

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

- предметно-ориентированные ЭУ;

- для изучения отдельных предметов общеобразовательного цикла в конкретном классе;

- предметно-ориентированные электронные учебники для изучения отдельных разделов предметов общеобразовательного цикла при сквозном изучении учебного материала;

- предметно-ориентированные электронные тренажеры с наличием справочного учебного материала;

- электронные автоматизированные системы развития способностей.

Разработка структуры электронного учебника

Структура в общепринятом понимании (от лат. struktura — строение, расположение, порядок) — совокупность устойчивых связей объекта, обеспечивающих его целостность. Исходя из этого определения, при разработке электронного учебника необходимо первоначально выработать его строение, порядок следования учебного материала, сделать выбор основного опорного пункта будущего учебника.

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

Разработка содержания по разделам и темам электронного учебника

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

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

При разработке содержания отдельных тем необходимо ранжировать учебный материал:

- по степени сложности восприятия,

- по степени сложности подачи;

В ходе этой работы необходимо:

- выделить основное ядро учебного материала,

- выделить второстепенные моменты в изучении учебного материала,

- выделить связи с другими темами учебного курса,

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

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

5.

На первом этапе разработки ЭУ целесообразно подобрать в качестве источников такие печатные и электронные издания, которые:

• наиболее полно соответствуют стандартной программе;

• лаконичны и удобны для создания гипертекстов;

• содержат большое количество примеров и задач;

• имеются в удобных форматах (принцип собираемости).

На втором этапе заключения договоров из полученного набора источников отбираются те, которые имеют оптимальное соотношение цены и качества. На третьем этапе разрабатывается оглавление, т.е. производится разбиение материала на разделы, состоящие из модулей, минимальных по объему, но замкнутых по содержанию, а также составляется перечень понятий, которые необходимы и достаточны для овладения предметом (двух– или трехуровневый индекс). На четвертом этапе перерабатываются тексты источников в соответствии с оглавлением, индексом и структурой модулей; исключаются тексты, не вошедшие в перечни, и пишутся те, которых нет в источниках; разрабатывается система контекстных справок (Help); определяются связи между модулями и другие гипертекстные связи. Таким образом, подготавливаются проект гипертекста для компьютерной реализации. На пятом этапе гипертекст реализуется в электронной форме. В результате создается примитивное электронное издание, которое уже может быть использовано в учебных целях. Многие именно такое примитивное ЭИ и называют электронным учебником. Оно практически не имеет шансов на коммерческий успех, потому что студенты не будут его покупать. На шестом этапе разрабатывается компьютерная поддержка: определяется, какие математические действия в каждом конкретном случае поручаются компьютеру и в какой форме должен быть представлен ответ компьютера; проектируется и реализуется интеллектуальное ядро (ИЯ); разрабатываются инструкции для пользователей по применению интеллектуального ядра ЭУ для решения математических задач (правила набора математических выражений и взаимодействия с ИЯ. В результате создается работающий электронный учебник, который обладает свойствами, делающими его необходимым для студентов, полезным для аудиторных занятий и удобным для преподавателей. Такой ЭУ может распространяться на коммерческой основе. Интеллектуальное ядро целесообразно сделать так, чтобы его можно было заменять на более мощный компьютерный пакет типа DERIVE, Reduce, MuPAD, Maple V и т.п. Теперь электронный учебник готов к дальнейшему совершенствованию (озвучиванию и визуализации) с помощью мультимедийных средств. На седьмом этапе изменяются способы объяснения отдельных понятий и утверждений и отбираются тексты для замены мультимедийными материалами. На восьмом этапе разрабатываются тексты звукового сопровождения отдельных модулей с целью разгрузки экрана от текстовой информации и использования слуховой памяти учащегося для облегчения понимания и запоминания изучаемого материала. На девятом этапе разработанные тексты звукового сопровождения записываются на диктофон и реализуются на компьютере. На десятом этапе разрабатываются сценарии визуализации модулей для достижения наибольшей наглядности, максимальной разгрузки экрана от текстовой информации и использования эмоциональной памяти учащегося для облегчения понимания и запоминания изучаемого материала. На одиннадцатом этапе производится визуализация текстов, т.е. компьютерное воплощение разработанных сценариев с использованием рисунков, графиков и, возможно, анимации (нужно иметь в виду, что анимация стоит очень дорого). На этом заканчивается разработка ЭУ и начинается его подготовка к эксплуатации. Следует отметить, что подготовка к эксплуатации ЭУ может предполагать некоторые коррекции его содержательной и мультимедийной компонент.

6.

Для успешной работы программного продукта «Электронное учебное пособие по предмету Физика» необходим комплекс следующих технических средств: Персональный компьютер: - процессор ADM Athlon (tm) 64X2 Pual Core Processor 5600+; - материнская плата NVIDIA nForce Networkinq Controller; - НЖМД Maxtor 7200 rpm 8Mb; - видеоадаптер NVIDIA GeForce 9800 GTX; - оперативная память 1 Gb; - мышь Genius GM-04003A; - клавиатура стандартная (101 клавиша) Модель 330М; - монитор PHILIPS 190VW.^ 2.4. Программное обеспечение 2.4.1. Операционная система Windows Windows XP. Внутреннее устройство версии Windows XP, на первый взгляд, не претерпело значительных изменений со времен Windows 2000, (если не считать традиционно «улучшенной» защиты системы файлов и ряд новых драйверов устройств). Одно из серьезных нововведений - встроенная система распознавания главных команд. Помимо привычного 32-разрядного варианта Windows, Microsoft подготовила и 64-разрядную модификацию, предназначенную для установки на сервере, оснащенные новым 64-разрядным процессором Itanium. Windows XP - первая ОС фирмы Microsoft с полностью настраиваемым интерфейсом. Достоинства и недостатки этой технологии можно наблюдать на пример Windows Media Player, встроенного в Windows ME. Вторым плюсом Microsoft домашнему пользователю, было хорошо знакомое всем пользователям Windows ME, стало «интеллектуальное» меню «Пуск». При щелчке по этой кнопке Windows XP предлагает меню лишь тех программ, которыми часто пользуются, для вызова остальных придется нажать кнопку «Другие программы». Кординально переработана Панель управления - отныне все иконки в ней не свалены, а аккуратно распределены по группам. Одним из наиболее приятных (и долгожданных) нововведений стала поддержка записи CD-R и CD-RW дисков на уровне самой ОС - теперь можно работать с «болванками», как с обычными дискетами, перетаскивая на чистый диск нужные файлы непосредственно в проводнике. Конечно, это не значит, что про отдельные программы записи теперь можно забыть - копировать диски «один в один», работать с режимом записи DAO и полноценной записью аудиодисков Windows по-прежнему не в состоянии. В составе новой версии Windows можно найти множество новых и обновленных программ, массу мультимедийных изысков и добавлений. Благодаря всем этим доработкам пользователи наконец-то получают относительную стабильность и удобство работы. Теперь очевидно, что для нормальной работы Windows XP требуется 128 Мбайт оперативной памяти, процессор с частотой не менее 700 - 800 МГ и около 1 Гбайта дискового пространства.^ 2.4.2. Браузер Mozilla FirefoxMozilla Firefox 3.6, вышедший 21 января 2010 года, продолжает завоевывать Web, набирая все большую популярность. В новой версии браузера обновился движок – улучшилось качество отображения сайтов, возросла скорость их загрузки, совместимость со стандартами. Firefox 3.6 содержит массу крупных и мелких улучшений интерфейса и, как следствие, работать стало намного комфортнее и удобней. Несмотря на весьма солидный возраст проекта, на номер версии, Firefox 3.6 не потерял основной козырь - простоту освоения. Интерфейс браузера по-прежнему предельно лаконичен. На панели инструментов всего лишь пять заветных кнопок, за пределами которых лежит непознанная бесконечность – пользователю не нужно метаться в муравейнике значков, пунктов меню и панели настроек. Панель поиска, располагающаяся рядом со строкой ввода, позволяет искать любые данные во всемирной сети. Допускается использование множества поисковых серверов. Ныне браузер — комплексное приложение для обработки и вывода разных составляющих веб-страницы и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другими приложениями:Internet Explorer(совместно сMicrosoft Windows),Mozilla Firefox(бесплатно,свободное ПО),Safari(совместно с Mac OS или бесплатно для Windows),Opera(бесплатно, начиная с версии 8.50),Google Chrome(бесплатно, свободное ПО). В настоящий момент браузеры на настольных компьютерах представляют собой мощнейшее приложение, способное обеспечить пользователю практически любой вид взаимодействия со всемирной Сетью. До того, как браузеры стали показывать картинки, разрабатывались и выпускались их текстовые версии. Некоторые из них дожили до сегодняшнего времени и вполне могут использоваться в качестве одного из дополнительных браузеров для специфических задач, например таких, как экономия трафика. В настоящее время наиболее популярными являются 4 браузера:

• Internet Explorer;

• Mozilla Firefox;

• Opera;

• Google Chrome;

7.1. Формулирование цели сайта

2. Определение состава потенциальных посетителей

3. Сбор и создание собственных информационных материалов (контент)

4. Оформление этих материалов (web - дизайн)

5. Обеспечение доступа к материалам пользователей сети (техническая поддержка, хостинг)

6. Рекламирование ресурса

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

1. 1. Анализ и проектирование

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

2. 2. Написание контента

Под контентом понимается информационное наполнение сайта. Термин заимствованный, но уже устоялся и применяется для обозначения содержимого сайта. Появились даже производные сочетания - контент-мастер, контент-проект. Пожалуй, написание содержимого один из самых трудных моментов при создании любого ресурса, но он и очень важен. Ведь, что привлекает посетителей в первую очередь, заставляет вновь и вновь возвращаться на сайт? Конечно, информация. Именно написанию содержимого следует уделить большее внимание. Большинство разработчиков сайтов делают типичную ошибку, вначале рисуя дизайн, а затем уже начинают думать, какой бы текст в него впихнуть. Дизайн лишь помогает лучше ориентироваться по сайту, направляя и повышая эстетическое восприятие от содержимого, но ни в коей мере его не заменяя.

3. 3. Креатив

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

4. 4. Написание кода

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

5. 5. Тестирование

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

6. 6. Публикация

Размещение сайта в Интернете. Для публикации можно воспользоваться бесплатным хостингом (www.narod.ru, www.boom.ru и др.), размещать сайт у провайдера или воспользоваться другими возможностями.

7. 7. Раскрутка

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

8. 8. Поддержка

Еще на этапе проектирования необходимо задаться вопросом, каким образом будут добавляться новые разделы и материалы, что будет происходить со старыми. Возможно, потребуется создание архива новостей, куда будут попадать новости, потерявшие свою актуальность. Еще более важным является постоянное обновление информации на сайте. Насколько часто будет происходить обновление (рекомендуется не реже одного раза в 2 недели), кто и как будет это делать. Как ни грубо это звучит, но необходимо прикармливать своих читателей, чтобы они вновь и вновь заходили к вам на сайт. Как это делать зависит только от вас. Приведенные этапы являются типичными при разработке сайтов любой направленности - от образовательных ресурсов до информационных порталов. Краткое описание этапов создания сайта конечно вряд ли научит их создавать. Но, надеюсь, поможет лучше понять, как же в действительности разрабатываются веб-сайты.

8.презентация

9.презентация(4 этап)

10.презентация(5 этап)

11.(в презентации 6 этап)

12.Современные компьютерные технологии предоставляют огромные возможности для развития процесса образования. Ещё К.Д. Ушинский заметил: «Детская природа требует наглядности». Сейчас это уже не схемы, таблицы и картинки, а более близкая детской природе игра, пусть даже и научно-познавательная.

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

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

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

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

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

Одновременное воздействие на два важнейших органа восприятия (слух и зрение) позволяют достичь гораздо большего эффекта. Доказано, что человек запоминает 20% услышанного и 30% увиденного, и более 50% того, что он видит и слышит одновременно. Таким образом, облегчение процесса восприятия и запоминания информации с помощью ярких образов - это основа любой современной презентации.

Можно выделить следующие особенности данной технологии:

· Качество изображения, выполняемого мелом на доске, не выдерживает никакого сравнения с аккуратным, ярким, чётким и цветным изображением на экране.

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

· В случаях выявления в слайдах пособия недостатков или ошибок, можно сравнительно легко устранить дефекты.

· В зависимости от подготовленности учащихся, используя в презентациях гиперссылки, один и тот же материал можно объяснять и очень подробно, и рассматривая только базовые вопросы темы. Темп и объём излагаемого материала, определяется по ходу урока.

· Во время демонстрации презентации, даже с применением проектора, рабочее место учащихся достаточно хорошо освещено.

· Повышение уровня использования наглядности на уроке.

· Повышение производительности урока.

· Установление межпредметных связей с другими предметами.

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

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

· Изменяется отношение к ПК. Ребята начинают воспринимать его в качестве универсального инструмента для работы.

Рекомендации по разработке мультимедийных презентаций

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

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

· Психологические особенности учащихся данного класса.

· Цели и результаты обучения.

· Структуру познавательного пространства.

· Местоположение учащихся.

· Выбор наиболее эффективных элементов компьютерных технологий для решения конкретных задач конкретного урока.

· Цветовую гамму оформления учебного материала.

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

При создании слайдов необходимо учесть ряд основных требований:

· Слайд должен содержать минимально возможное количество слов.

· Для надписей и заголовков следует употреблять четкий крупный шрифт, ограничить использование просто текста. Лаконичность -- одно из исходных требований при разработке учебных программ.

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

· Размер букв, цифр, знаков, их контрастность определяется необходимостью их четкого рассмотрения с последнего ряда парт.

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

· Чертежи, рисунки, фотографии и другие иллюстрационные материалы должны, по возможности, иметь максимальный равномерно заполнять все экранное поле.

· Нельзя перегружать слайды зрительной информацией.

· На просмотр одного слайда следует отводить достаточное время (не менее 2-3 мин.), чтобы учащиеся могли сконцентрировать внимание на экранном изображении, проследить последовательность действий, рассмотреть все элементы слайда, зафиксировать конечный результат, сделать записи в рабочие тетради.

· Звуковое сопровождение слайдов не должно носить резкий, отвлекающий, раздражающий характер.

Для обеспечения эффективности учебного процесса необходимо:

· избегать монотонности, учитывать смену деятельности учащихся по ее уровням: узнавание, воспроизведение, применение;

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

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

· учитывать фактор памяти ребенка (оперативной, кратковременной и долговременной). Ограниченно следует контролировать то, что введено только на уровне оперативной и кратковременной памяти.

Любые средства обучения важны не сами по себе, а только как средства, помогающие усвоить содержание урока. Это значит, что урок с использованием таких средств должен быть привычным и удобным и для учащихся и для учителя, не отвлекать на форму, на таком уроке важна каждая мелочь: неудобно стоящий проектор, заслоняющий 30% учеников экран или часто меняющиеся "декорации".

Особенности подготовки учебных мультимедиа презентаций

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

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

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

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

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

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

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

Оценка. В ходе работы с компьютером школьники должны знать, как они справляются с учебным материалом. Наиболее важным является организация коммуникаций "школьник - учитель - школьник". Для этих целей рекомендуется организация работы школьников в проектах или "обучение в сотрудничестве", дискуссии.

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

Изучение трудов классиков показали, что преподавателям-разработчикам мультимедийных презентаций будут полезны, например, рекомендации, данные еще Ф. Дистервегом в его "Руководстве к образованию немецких учителей". Они остаются крайне актуальными и в наше время при самых современных педагогических технологиях. Вот некоторые из них:

- распределяй каждый материал на известные ступени и небольшие законченные части;

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

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

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

Применение мультимедиа-технологий для создания электронных материалов диктует свои законы и предъявляет определенные требования к подходам и методам разработки.

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

Мастерски сделанная презентация может привлечь внимание обучаемых и пробудить интерес к учебе. Однако не следует увлекаться и злоупотреблять внешней стороной презентации, связанной со спецэффектами. Если вы перестараетесь, то снизите эффективность презентации в целом. Необходимо найти такой баланс между подаваемым материалом и сопровождающими его эффектами, чтобы ваши студенты буквально "сидели на краешке стула". Это правило справедливо для всех мультимедийных презентаций вообще, но особенно: для обучающих презентаций.

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

13.Мультимедиа презентация - современный инструмент для эффективного представления информации. В этой статье мы рассмотрим основные области бизнес-коммуникаций , в которых актуально применение "электронных" презентаций. Персональные контактыПрезентации на CD-носителях становятся современным средством делового общения для руководителей и менеджеров. Позволяют ярко и наглядно преподнести информацию о компании, конкретное коммерческое предложение во время переговоров, дополнительно подчеркнуть имидж компании. Для руководителя мультимедиа-презентация позволит конструктивно продемонстрировать тему в ходе важных переговоров. Для менеджера по продажам демонстрация презентации будет существенным плюсом, так же позволит компенсировать пробелы в изложении материала. Диск или CD-визитка с мультимедиа-презентацией, переданный деловому партнеру, дает возможность последнему более детально изучить тему. Оригинальная форма носителя не даст СD-презентации затеряться среди кучи бумаг. Ноутбук в сочетании с презентацией дает мобильность при выездных переговорах или продажах.ВыставкиВидеопрезентации демонстрируются на выставочных экранах. Также мультимедийные презентации и каталоги используются на CD или DVD-дисках в качестве раздаточного материала. Компакт-диски выгодно выделяются на фоне полиграфических материалов. По отзывам большинства участников выставок, диск с информацией о компании и продукции более удобен для дальнейшего ознакомления и является критерием респектабельности организации. После выставки рекламный диск имеет больше шансов для просмотра по сравнению с полиграфическими проспектами. Особенно учитывая тот факт, что руководители компаний - потенциальных клиентов, собственно и принимающие решения, зачастую сами выставки не посещают. И использование презентаций на современных носителях максимально повышает вероятность того, что информация дойдет до нужного звена, в неискаженном виде.PR-акции(масштабные публичные мероприятия - представления новых продуктов и проектов). Мультимедиа-презентации используются в двух вариантах - демонстрация роликов на больших экранах и включение презентации на одном из видов носителей в состав пресс-пакета.BTL-акции (акции по продвижению товара)Как сопровождение BTL-акции - демонстрация преимуществ товара потребителям с помощью интересного сюжета и акцентов на яркие визуальные образы, актуально при продвижении товаров премиум-сегмента.Широкоформатные экраны в публичных местах, информационные киоски, банкоматыЭффективный способ донесения информации до целевой аудитории. Отдельный вариант использования - демонстрация продукции на экранах на собственных торговых площадях, когда покупатели могут увидеть товар " в действии".Приложения к товаруНа компакт-диске возможно разместить не только информацию по конкретному товару, но и каталог продукции, рекомендации по эксплуатации. Внешний вид носителя и увлекательный аудиовизуальный ролик способствуют продвижению бренда.Дисконтная картаCD-визитка с презентацией может быть одновременно и дисконтной картой. Мультимедиа-презентация на таком носителе является эффективным средством для поддержания лояльности бренду и стимулирует клиентов на дальнейшее сотрудничество.Приложения к печатным изданиямРекламный диск прикладывается к изданию, на специальном креплении или в общей целлофановой упаковке. По эффективности воздействия аудиовизуальная реклама на диске на порядок превосходит полиграфическую рекламу. При тираже CD в несколько тысяч, стоимость изготовления одного диска составляет от 0,2$ (от 5,5 рублей), для DVD - от 0,4$. За счет большой информационной емкости носителя появляется возможность разместить помимо рекламы различные тематические материалы, представляющие интерес для целевой аудитории.Курьерская и почтовая доставкаПри использовании при адресной рассылке дисков с презентацией в форме CD-визитки либо дисков нестандартной формы - кратно возрастает отклик потребителей. Отдельный варианты применения - CD-презентации в качестве сбытовой рекламы для VIP-аудитории, так же для продаж высокотехнологичных товаров.Интернет и электронная почтаМультимедийная презентация адаптируется для размещения на веб сайте. Так же возможно создание на основе "базовой" презентации - облегченной версии, предназначенной для рассылки по электронной почте. Материалы, созданные при разработке презентации, могут использоваться как основа для создания веб сайта.ТелевидениеВ ряде случаев презентационные ролики также используются для рекламы в телеэфире. 14.В работе рассматривается язык разметки гипертекста HTML (Hypertext Markup Language); первая спецификация этого универсального и общедоступного языка разметки - HTML была утверждена в 1991 году. HTML стал стандартом и одновременно «корнем» для всех разрабатываемых Web страничек.

Актуальность темы работы определена тем, что на сегодняшний день HTML остается самым универсальным, даже незаменимым средством разметки гипертекста, а, следовательно, и публикации в Интернет. Написание Web страничек на HTML не требует интерпретации исходного кода в двоичный код.

Современные Web-страницы уже не обходятся одним только HTML. Его гармонично дополняют средства динамического HTML: скрипт языки JavaScript и/или VBScript, каскадные таблицы стилей(CSS), иногда присутствуют Java-апплеты. По сути дела, можно вывести для современной Web-страницы: Web-страница=HTML+DHTML(JavaScript/VBScript, CSS, Java-апплеты)+CGI То есть на любой странице должна присутствовать HTML-верстка - расположение элементов дизайна текста и необходимые скрипты - как расширение HTML в области расположения и описания свойств различных объектов. CGI-скрипты могут играть первостепенную роль, формируя всю страницу, наполняя ее необходимыми, обновленными данными или второстепенную роль, - включаясь в нее.

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

1. обзор основных возможностей HTML

2. анализ практического применения HTML (на примере обучающих программ).

§ 1. Общие сведения о языке разметки гипертекста (HTML)

Гипертекст - текст со вставленными в него словами (командами) разметки, ссылающимися на другие места этого текста, другие документы, картинки и т.д. Во время чтения такого текста (в соответствующей программе, его обрабатывающей и выполняющей соответствующие ссылки или действия) вы видите подсвеченные (выделенные) в тексте слова. Если наехать на них курсором и нажать клавишу или на кнопку (глаз) мышки, то высветится то, на что ссылалось это слово, например, другой параграф той же главы этого же текста. В WWW по ключевым словам можно попасть в совершенно другой текст из другого документа, войти в какую-нибудь программу, произвести какое-либо действие и т.д. В Internet в контексте WWW можно получать доступ к чему угодно, к telnet, e-mail, ftp, Gopher, WAIS, Archie, USENET News и т.п. В WWW можно ссылаться на данные на других машинах в любом месте сети, тогда при активации этой ссылки эти данные автоматически передадутся на исходную машину и вы увидите на экране текст, данные, картинку, а если провести в жизнь идею мультимедиа, то и звук услышите, музыку, речь. Это слегка напоминает Gopher, но фактически это принципиально другое и новое. В Gopher имеется жесткая структура меню, по который вы двигаетесь, как вам угодно. Эта структура не зависит от того, что вы делаете, какой документ пользуете и т.д. В WWW вы двигаетесь по документу, который может иметь какую угодно гипертекстовую структуру. Можно свободно организовать структуры меню в гипертексте. Имея редактор гипертекстов, можно создать любую структуру рабочей среды, включая документацию, файлы, данные, картины, программное обеспечение и т.д., и это не будет новое программное обеспечение, а просто гипертекст.

Современные программы разработки Web-серверов, такие как MS FrontPage или Web Pen для Windows, дают возможность даже новичку без всякого штудирования учебников легко создавать готовые странички. При этом cпециалист по созданию Web-сайтов, называемый Web-мастером, берет готовые файлы (тексты, таблицы, графику, базы данных, звук, анимацию, видеофильмы, программы) и с помощью кнопок и команд меню оформляет страницы сайта. Подобные программы, выполняя команды инструментальных и операционного меню, формируют гипертекст WWW-сервера.

Исходные текстовые, табличные и графические и другие объекты включаются в Web-site посредством тегов (tag = ярлык, этикетка). Тег - это последовательность символов, задающая

1). положение объекта на странице сайта,

2). внешний вид объекта или

3). связь данной страницы с другими страницами этого сайта, а также с любым другим сервером.

Тег называют также управляющим маркером, флагом. Программы типа Web Pen сами расставляют теги, поэтому пользователь таких программ может не знать языка разметки гипертекста (HTML = HyperText Markup Language).

Знание HTML необходимо по пяти причинам. Во-первых, Web-мастер анализирует сайты фирм-конкурентов и просто удачные экземпляры WWW-серверов. Такой анализ, необходимый для совершенствования своего сайта, невозможен без знания языка разметки гипертекста.

Во-вторых, совершенствование своего Web-сервера без полной его переделки (что долго и дорого) удобно производить путем ручной вставки и удаления объектов и тегов.

В-третьих, HTML непрерывно развивается, поэтому программы типа MS FrontPage все время отстают от новейших возможностей языка.

В-четвертых, не следует забывать о достаточно высокой стоимости таких программ.

Наконец, в-пятых, потратив деньги на приобретение программы, нужно еще потратить время на ее освоение.

Используя HTML, Web-мастер определяет структуру гипертекстового документа и вид каждой его страницы. HTML задает синтаксис тегов, в соответствии с которыми программа просмотра отображает содержимое документа: текст, изображения, таблицы и данные других типов. Cами теги программой просмотра не отображаются.

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

1) на данном сайте, то есть в папке, содержащей все htm-файлы, графику, звук, анимацию, видеофильмы, программы;

2) вне сайта в других в папках на данном компьютере;

3) в системе World Wide Web, то есть на других Web-серверах;

4) в Internet на серверах других типов(FTP, Gopher).

Применение механизма гипертекстовых ссылок создает всемирное единое информационное пространство, из которого сотрудники торговой фирмы получают нужные им сведения. Стандарт HTML, как и все другие стандарты, имеющие отношение к Web, разрабатывается под эгидой консорциума World Wide Web Consortium (W3C). Спецификации стандартов и проекты новых предложений можно найти по адресу http://www.w3.org. Самая последняя разработка рабочей группы по HTML в W3C - рабочий проект HTML 4.0. Кроме HTML, Web-мастера используют и другие языки, например, Java (Ява), Perl, Си.

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

гипертекст hypertext markup language

§ 2. Структура HTML-документа

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

Запустить приложение Блокнот, используя кнопку “Пуск” на панели задач

ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => БЛОКНОТ

Разместить на рабочем столе одновременно два окна: окно MS Word с данной методичкой и окно Блокнота.

Набрать в поле редактирования Блокнота следующий текст:

Данную программу, как и все последующие, можно не набирать на клавиатуре,а скопировать в поле редактирования Блокнота из этой программы используя команду операционного меню ВИД => ИСТОЧНИК. Неиспользуемые в программаж сноски набраны черным шрифтом.

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

А этот текст будет записан курсивом.

Если времени не хватает для набора текста, то прочтите Блокнотом файл ris1.htm, находящийся в том же каталоге, из которого Вы прочли данную методичку.

Сохранить документ в рабочем каталоге под именем, например, ris1a.htm (Блокнот закрывать не следует, он пригодится для дальнейшей работы).

В окне рабочего каталога выполнить двойной щелчок левой кнопкой мыши по значку только что созданного документа ris1a.htm и с помощью MS Internet Explorer просмотреть получившийся документ.

Текст документа состоит из элементов заголовок и тело, которые выделяются соответственно тегами <HEAD></HEAD> и <BODY></BODY> В заголовке теги <TITLE> . . . </TITLE> ограничивают текст, используемый как надпись в заголовке окна программы просмотра. Такую же надпись имеет кнопка на панели задач при просмотре документа.

§ 3. Элементы дизайна Web-страниц

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

Заголовок страницы. Заголовок Web-страницы представляет собой информацию. заключенную внутри 'цемента (секции) HEAD.

<TITLE > это элемент TITLE определяет текст, который появляется в заголовке окна броузера во время просмотра страницы. Этот текст не только служит подсказкой, но может использоваться и поисковыми машинами для анализа страниц. Су шествует три способа для поиска страниц в Интернете па основе текстовых данных: по ключевым словам элемента МЕТА, по тексту, разметенном) на странице. и по строке заголовка внутри элемента TITLE.

- STYLE -и - LINK -. Тег STYLE тоже должен располагаться внутри элемента HEAD, Если вы хотите разобраться, какие нестандартные форматы используются на странице, надо просмотреть содержимое этого элемента. В нем будут указаны необходимые форматы. Если таких форматов нет, значит стили страницы записаны в отдельном файле. Ссылка на такой файл должна находиться в элементе LINK.

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

Информация, сосредоточенная в элементах МЕТА, определяет общие настройки Web-страницы и называется профилем. Профили можно хранить в отдельных файлах и присоединять к определенной странице при помощи специального атрибута элемента HEAD:

<HEAD prorIle=«lJRL»>

Стандартные атрибуты. Существует ряд атрибутов, которые moist использоваться во многих элементах. Часть этих атрибутов очень важна для конструирования Web-страниц, а часть подходит только для решения определенных задач.

Атрибут id выполняет функции уникального имени элемента. В зависимости от типа элемента, этот атрибут выполняет различные функции

Атрибут classid задает программу или объект, которые могут использоваться в определенных элементах.

Атрибут style может использоваться со многими элементами. Он предназначен ятя определения формата конкретного элемента и может принимать самые разные значения.

Похожие функции выполняет атрибут class. Его можно указывать, если в секции HEAD расположен элемент STYLE или использована ссылка на каскадную таблицу стилей (см. ниже раздел «Таблицы стилей»).

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

* left - выравнивание по левому краю;

* right - выравнивание по правому краю;

* justify - выравнивание по ширине (для текста);

* center - выравнивание по центру (по горизонтали):

* middle - выравнивание по центру (по вертикали):

* top - выравнивание по верхней границе;

* bottom - выравнивание по нижней границе.

Атрибут lang определяет, на каком языке набран текст внутри текущего элемента: lang - «код языка»

Атрибут dir теоретически может использоваться в разных элементах, но не все броузеры обеспечивают его работу.

Форматирование текста. Текст - единственный объект Web-страницы, который не требует специального определения. Иными словами, произвольные символы интерпретируются по умолчанию как текстовые данные. Но для форматирования текста существует большое количество элементов. Большинство из них, кроме специальных, поддерживает стандартные атрибуты: id, class, lang. dir, title, sty le и атрибуты событий.

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

Форматировать текст можно и с помощью традиционных элементов: выделять фрагменты курсивом, полужирным, выбирать шрифт и т.д. Рассмотрим эти элементы. Для них могут быть использованы стандартные атрибуты id. class, lang, dir. title, style, атрибуты событий, а также атрибуты, определяющие уникальные свойства определенных элементов.

Элемент абзаца paragraph - один из самых полезных. Он позваляег использовать только начальный тег, так как следующий элемент Р обозначает не только начато следующего абзаца, но и конец предыдущего. В тех случаях, когда по смыслу необходимо обозначить завершение абзаца можно использовать и конечный тег. В некоторых случаях начальный тег удобно ставить в конце строки: он не только обозначит конец абзаца но и выполнит функцию тега <BR> (разрыв строки). Вместе с элементом абзаца можно

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

<ЕМ> </ет> и <DFN> </dfn> элементы, обозначающие выразительность (emphasis) данного фрагмента текста и определение чего-либо (definition). Оба элемента аналогичны но своему действию элементу 1, то есть в большинстве случаев позволяют выделить текст курсивом.

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

Эти и другие элементы содержания могут иметь стандартные атрибуты: id. class, lang, dir, title, style, атрибуты событий.

-BLOCKQUOTED blockquote- -обозначение цитаты. Этот элемент требует наличия конечного тега Текст не претерпевает никаких изменений, но абзац располагается с отступом. К кавычкам этот элемент тоже не имеет никакого отношения: если в цитате имеются кавычки, они должны быть проставлены явным образом. Визуально форматирование этим элементом заключается только в отступе слева, поэтому элемент может быть использован в самых разных случаях. Этот элемент имеет собственный нестандартный атрибут, который позволяет указать источник цитирования:

cite=« Л0ресоокулшта->крва1кттн11ка''11ре;1!ю.гаж!ся, что адрес задается в виде URL.

Таблицы стилей (style sheets) являются одним из самых эффективных нововведений HTML 4. Они позволяют изменять свойства элементов в соответствии с желаниями разработчика страницы. К обычным таблицам таблицы стилей не имеют никакого отношения. В общем случае шаблон таблицы стилей выглядит так:

Элемент. имя стиля (Свойство 1: значение; свойство 2: значение:... j) В результате для определенного элемента задается набор свойств (ассортимент которых весьма значителен). Тем самым снимаются ограничения HTML, а для дизайнера (автора страницы) открывается широкое поле деятельности. Одна из важнейших особенностей стилевого оформления заключается в том. что преобразованию подвергаются все элементы, заключенные внутри цемента с заданным стилем. Так. определив некоторый стиль для элемента BODY, вы присваиваете его всему содержимому Web-страницы. По аналогии с объектно-ориентированными языками программирования это качество называется наследованием.

В соответствии с правилами HTML, автор, использующий стили, должен включить в заголовок документа (элемент HEAD) соответствующее мета-определение:

<МЕТА http-equi\=«Content-Style-Type» content-»text/css»>

Броузер получит информацию, какой язык определения стилей использован. «CSS» в данном случае означает «каскадная таблица стилей» (Cascading Style Sheets). Это одновременно стандарт и язык, расширяющий традиционный HTML. В настоящее время существует две спецификации (CSS1 и CSS2), в которых перечислены свойства элементов. «Эти свойства очень похожи на атрибуты, но есть два различия: свойств намного больше и правила синтаксиса несколько иные.

В этом случае для всей страницы создаются новые стили для заголовков первого и второго уровня. Для элементов CODE выбирается шрифт и цвет фона.

Списки (list) были введены в HTML, несомненно, под влиянием успеха текстовых редакторов. Список отличается от обычного текста прежде всего тем, что пользователю не надо думать о нумерации его пунктов: эту задачу программа берёт на себя. Гели список дополняется новыми пунктами или укорачивается, нумерация корректируется автоматически. В случае ненумерованных списков программа ставит перед каждым пунктом маркеры: кружки, прямоугольники, ромбы или другие изображения, В результате список принимает удобочитаемый, «фирменный» вид. Теги для создания списков можно условно разделить на две группы: одни определяю! общий вид списка (и позволяют указывать атрибуты), а другие задают его внутреннюю структуру. В списках можно использовать стандартные атрибуты. Существует несколько разновидностей списков.

Самым простым является ненумерованный список (unordered list). Его шаблон имеет вид

<UL>

<L1>ПУНКТ

<L!> ПУНКТ!

<L1> ПУНКТ 1<1.1> ПУНКТ1 <ДЛ.>

Элемент UL является своеобразным обрамлением списка. Он позволяет отделять один список от другого. Элемент LI обозначает каждый из пунктов.

<OL> <[.!> </ol> - тго структура нумерованного списка (ordered list) похожа на предыдущую:

<OL><LI>ПУHKTl<LI> ПУНКТ1<[Л>ПУНКТ1<1Л> ПУНКТ 1</OL>

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

Произвольный текст < A h ref> = « Адрес ссылки» текст to щелчка - а

Или такой:

<А hre>f=«Aдpec ссылки» * <IMCi «гс= «Ссылка на рисунок» </а>

Первый шаблон используется в том случае, когда гиперссылка встречается в тексте. Атрибут href может указывать на ресурс Интернета, файл на локальном диске или на метку внутри текущей страницы. Текст, расположенный внутри элемента А, представляет собой видимую часть гиперссылки. На нем должен щелкнуть пользователь, чтобы осуществить переход. Броузер выделяет этот фрагмент цветом, а после использования гиперссылки меняет цвет, чтобы обеспечить подсказку.

Второй шаблон задается в том случае, когда видимая часть гиперссылки представляет собой рисунок. Если для последнего определена рамка, то она тоже меняет цвет после использования гиперссылки. Если ссылка указывает на рисунок, который находится на локальном диске, она обязательно должна начинаться со слова file. то есть содержать указание на протокол.

Кодовое слово, стоящее в начале URL, обозначает так называемую схему доступа. Она определяет тип сервера, доступный при помощи данной ссылки. Для пользователя это представляется как доступ к одной из разновидностей Интернета, В этом смысле можно сказать, что Интернет - это как бы несколько сетей в одной. У каждой из этих частных сетей существуют свои правила доступа достоинства, недостатки, свои приверженцы и противники. Но все пользователи используют одни и те же каналы связи. Похожая ситуация наблюдается и в обычных телефонных сетях. Они могут служить для связи голосом, передачи факсов, межкомпыотерной связи и т.д.

WWW как самая современная система, должна обеспечивать совместимость с более старыми системами, поэтому от старых протоколов не отказываются, а стараются приспособить их к современным нуждам (например ftp). Существуют следующие схемы доступа:

filе -доступ к файлу на локальном диске;

ftp -доступ к архивам файлов но прогокол> передачи файлов (tile transfer protocol):

http - доступ к WWW;

mailto - отправка сообщения по электронной почте;

neus - доступ к новостям USENET:

nntp - доспи к новостям USENET по протоколу NNTP:

telnet - подключение но протоколу telnet:

wai. - подключение к системе поиска WAIS.

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

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

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

<А name-» http: Адрес Файл . 1пт1#мегка»> </а>

Для перехода к метке используется ссылка по такому шаблону:

Текст подсказки <А Ьге1=«?метка»> Текст для щелчка </а>

Для элемента А предусмотрены различные атрибуты. Атрибут hreflang, по аналогии с атрибутом lang. позволяет указать язык, который используется на адресу мой странице.

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

Для решения этой задачи гиперссылки подразделяются на прямые (forward) и обратные (reverse). Ссылка, вызывающая переход с текущей страницы, называется прямой. Соответственно, при помощи броузера или другой ссылки может быть выполнен и обратный переход. Для определения более точного типа ссылки используются два атрибута (один для прямых. другой - для обратных ссылок). Определены следующие стандартные типы ссылок: alternate - другая версия документа; sty lesheet - таблица стилей в виде отдельного файла;

Фрейм - это определенная область, в которую грузится страничка. Таким образом то, что вы видите, собирается из нескольких HTML. Собственно, примерно то же осуществляет и SSI, и PHP и много других языков программирования, скриптов и т.п.

Фреймы придуманы еще на заре становления HTML для облегчения создания страничек большого размера. Фреймы позволяли хранить, например, меню в отдельном файле, и разом - не перелопачивая десятки, сотни и у некоторых даже тысячи html-страничек ради того, чтобы добавить или убрать пункт меню. Очень удобно, казалось бы..., но - система фреймирования почему-то не всегда (я бы даже сказал, - почти никогда!) правильно воспринимается большинством поисковиков. Рейтинг фреймовых страничек в большинстве поисковиков меньше, чем точно тех же страничек, с совершенно тем же содержимым, но со встроенным меню без фреймов

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

Графика делает сайт привлекательным и понятным. В файле grafika.htm записан следующий текст.

Тег <IMG SRC=/путь/файл.gif>записывают в том месте, которое предназначено для размещения диаграммы, графика, рисунка или фотографии. В данном примере рисунок появится в левом верхнем углу экрана, так как он - единственный элемент тела HTML-документа.

Справа от знака равенства записывают имя gif-файла, хранящего графический объект. В данном примере это имя horse.gif записано без указания пути, так как файлы horse.gif и grafika.htm находятся в одном каталоге (в одной папке). Если бы файл horse.gif находился в папке dir1, вложенной в папку, содержащую файл grafika.htm, то справа от знака равенства следовало бы записать dir1/horse.gif.

Для размещения графики на сайте необходимы gif- или jpg-файлы. Но графический редактор Paint, поставляемый фирмой Microsoft, не позволяет создавать файлы с расширением .gif или .jpg. Поэтому можно использовать, например, графический редактор LView Pro, работающий под операционными системами Microsoft Windows 95 и Windows NT. Редактором LView Pro следует прочесть bmp-файл, созданный посредством Paint, и сохранить его как gif- или jpg-файл.

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

Запустить приложение Paint, используя кнопку “Пуск” на панели задач:

ПУСК => ПРОГРАММЫ => СТАНДАРТНЫЕ => Paint

Вернуться в окно текстового процессора MS Word, щелкнув мышью по кнопке на панели задач.

Создать новое окно текстового процессора MS Word, используя команду операционного меню {Окно, Новое окно} или щелкнув мышкой по кнопке инструментального меню “Стандартное”.

Командой операционного меню {Окно, Упорядочить все} разместить на дисплее сразу два окна: с методичкой и новое. Курсор должен находиться в новом окне. Командой операционного меню MS Word {Вставка, Рисунок...} открыть диалоговую панель “Вставить рисунок”.

Из списка wmf-файлов в левой части диалоговой панели выбрать щелчком мыши файл 1stplace.wmf. Рассмотреть рисунок, появившийся в правой части диалоговой панели.

Повторяя действия, указанные в пункте 6, просмотреть несколько рисунков. Выбрать понравившийся многоцветный рисунок, щелкнув по кнопке OK в левой нижней части диалоговой панели. Этот рисунок появится в новом окне MS Word.

Расположить указатель мыши на рисунке и щелкнуть левой клавишей мыши. Скопировать рисунок в буфер обмена, используя команду операционного меню {Правка, Копировать} или щелкнув мышкой по кнопке инструментального меню “Стандартное”.

Закрыть окно с рисунком, используя клавишную команду [Ctrl_F4]. Сделать максимальными размеры окна с методичкой, щелкнув мышью по кнопке максимизации размеров этого окна.

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

Вставить рисунок из буфера обмена, используя команду операционного меню Paint {Edit, Paste}.

Сохранить рисунок в рабочем каталоге, используя команду операционного меню Paint {File, Save} и выбрав расширение 24-bit Bitmap.

Редактором LView Pro прочтем bmp-файл, созданный посредством Paint, и сохраним его как gif-файл, уяснив и выполнив для этого следующие действия.

Запустить проводник, используя кнопку “Пуск” на панели задач:

ПУСК => ПРОГРАММЫ => ПРОВОДНИК

На диске D: открыть папку LWPRO и запустить редактор LView Pro двойным щелчком на имени файла Lviewpro.exe.

Прочесть bmp-файл, созданный посредством Paint, используя команду операционного меню LView Pro {File, Open}.

Сохранить рисунок в рабочем каталоге как gif-файл, используя команду операционного меню LView Pro {File, Save as} и выбрав тип файла

Цвета в документах HTML могут задаваться двумя способами - указанием кода цвета или указанием названия цвета на английском языке. При первом способе код цвета записывается в виде шестнадцатеричного числа, содержащего шесть цифр: первые две цифры задают интенсивность красного цвета, вторые - зеленого, третьи - синего. При втором способе используются следующие названия цветов: black (черный), maroon (темно-красный), green (зеленый), olive (оливковый), navy (синий), purple (фиолетовый), teal (зеленовато-синий), gray (серый), silver (серебристый), red (красный), lime (известковый), yellow (желтый), blue (голубой), fuchsia (ярко-малиновый), aqua (морской волны) и white (белый).

Создадим документ, содержащий таблицу, ячейки которой окрашены в разные цвета. Фон документа установим черным. Документ наберем (или отредактируем) Блокнотом и запишем в рабочую папку в файл colortab1.htm.

Посмотрите с помощью MS Internet Explorer на результат. Этот результат достигнут применением новых атрибутов и тегов. Атрибут BGCOLOR задает цвет фона в тегах<BODY> и <TD>. Он может использоваться также в тегах<TR> и <TH> для определения цвета фона строки в целом. Тег <P>означает абзац (paragraph). В данном случае ко всему абзацу применено выравнивание по центру окна (атрибут ALIGN со значением CENTER). Атрибут ALIGN может также принимать значения LEFT и RIGHT. Абзац заканчивается тегом</P> и после конца абзаца прекращается действие его атрибутов.

<TH> - это так называемый тег заголовка таблицы. Фактически он объявляет строку, в которой должен быть записан заголовок таблицы. В данном случае он имеет атрибут COLSPAN, определяющий, сколько ячеек из следующей строки должен перекрыть этот заголовок. Тег<FONT > определяет установки свойств шрифта. В данном случае устанавливается цвет текста в строке заголовка. Вообще говоря, в тегах можно использовать несколько атрибутов, но тег<FONT> является исключением - для каждого изменения свойств текста используется отдельный тег <FONT>, например:

Создайте в рабочей папке документ font1.htm, в тело которого включите текст приведенного выше примера и просмотрите результат. Ускорить выполнение задания можно путем копирования этого примера в текст, создаваемый Блокнотом. Для этого следует выделить пример в методичке, протащив указатель мыши (при нажатой ее левой клавише) по полосе выделения слева от трех строк примера. Используя как образец документ colortab1.htm, создайте в рабочей папке документ table3.htm, содержащий таблицу с заголовком "Координаты ячеек" и с 16-ю клетками (4 строки по 4 ячейки), в которых записаны координаты этих клеток по принципу С1К1 (где С - строка, К - колонка с соответствую-щими номерами). Фон документа должен быть сине-зеленым, фон строки заголовка - белым, текст строки заголовка - желтым. Текст в ячейках таблицы должен быть черным на сером фоне. Ячейки таблицы должны иметь границы.

§ 4. Практическое применение языка разметки гипертекста HTLM

Основным принципом формирования интерактивной обучающей среды при всех концепциях обучения, как показывает практический опыт, является гипертекстовый принцип структурирования и представления информации. Разрабатываемая в литературе теория гипертекста, а также имеющийся опыт по созданию гипертекстовых структур позволяют наметить ряд его сущностных, структурно значимых понятийных признаков. Вспомним историю формирования этого явления. Первоначально гипертекстовые технологии привлекли внимание преподавателей как средство интеграции текстовой информации и информации, представляемой в других модальностях - мультимедиа (звук, видео, анимация и т.д.). Затем авторы - разработчики компьютерных обучающих программ открыли для себя гипертекст как средство моделирования когнитивных процессов и тем самым как новое средство управления этими процессами. Симптоматично, что сама идея гипертекста (хотя и без введения именно этого термина) была впервые, как утверждается во всех западных учебниках по истории этого понятия и как принято сейчас считать в интернетовском информационном сообществе, изложена в статье Ванневара Буша, озаглавленной следующим образом: «As we may think»; именно от этой работы начинается отсчет эпохи гипертекста как некоторого особого явления в теории информации, лингвистике и когнитивной психологии, а также в сфере художественного слова нового типа (hypertext fiction).

В настоящее время термин «гипертекст» применяют к разным объектам: 1) так называют особый метод построения информационных систем, обеспечивающий прямой доступ к данным с сохранением логических связей между ними; 2) это определенная система представления текстовой и мультимедийной информации в виде сети связанных между собой текстовых и иных файлов; 3) это особый универсальный интерфейс, отличительными чертами которого является его интерактивность и необычайная дружелюбность по отношению к пользователю. Разработка гипертекстовых систем для целей обучения была начата за рубежом в 80-е годы, аналогичные работы в России до последнего времени находились в пилотной стадии. В 2004 г. у нас наблюдается экспоненциальный рост числа гипертекстовых систем, предлагаемых для дистанционного обучения, что соответствует мировым тенденциям в этой области.

Учебные материалы, подготовленные на основе мультимедийных гипертекстовых технологий, обладают рядом очевидных преимуществ как для учителя, обеспечивающего, направляющего и контролирующего процесс обучения, так и для обучаемого: прежде всего, это принципиально новые возможности презентации учебного материала, связанные с использованием зрительной и аудитивной наглядности. Необходимо также отметить, что сама гипертекстовая структурированность учебного материала обладает собственным дидактическим значением, так как является значительно более гибкой формой подачи информации, позволяющей в максимальной степени учитывать индивидуальные потребности обучающегося. По сути дела каждое обращение к автоматизированному обучающему курсу, основой которого является база данных, выполненная в гипертекстовом формате, является процессом создания своего собственного учебного текста, наиболее адекватно соответствующего данной актуальной задаче, вследствие чего процесс обучения приобретает творческий аспект. Устанавливая логические связи информационных блоков, выстраивая информацию, следуя собственной логике ее осмысления, обучающийся по сути дела становится соавтором, и, может быть, это и становится наиболее привлекательной стороной использования подобных курсов в процессе обучения. Однако необходимо подчеркнуть, что ключевой проблемой в такой системе становится проблема организации «навигации», свободная или навязываемая автором-разработчиком стратегия исследования данного информационного поля, которая к тому же должна решать и собственно дидактические задачи. В исследованиях по теории гипертекста вопросы организации «чтения» гипертекстовой информации рассматриваются в совокупности с формальным анализом структуры гипертекстового поля, возможностями технических средств управления «навигацией», а также особенностями когнитивных стратегических предпочтений человека (вновь подчеркнем, что последнее остается до сих пор наименее изученной областью). В качестве достаточно хорошо проработанных формализованных стратегических моделей часто выступают модели, лежащие в основе систем автоматизированного поиска и систем автоматической обработки запросов.

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

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

б) на следующем уровне дается предметное истолкование тех или иных понятий,

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

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

В подготовленных учебных компьютерных материалах было экспериментально получено оптимальное количество допустимых ссылок в расчете на один абзац текста (не более 1 - 2 ссылок), а также рекомендуемый объем текстовой информации: при выводе на экран компьютера он должен занимать не более 1,5 или 2-х экранов. Допустимая и рекомендуемая иерархическая глубина связей устанавливалась в соответствии с данными теории восприятия информации и когнитивной лингвистики. Предполагалось, что в зависимости от индивидуальных когнитивных стилей усвоения информации она может колебаться от 2 до 5 шагов. В ряде психологических и психолингвистических работ, посвященных теории гипертекста, были предприняты попытки выявления базовых стратегий, которые оказывались предпочтительными для разных групп людей; полученные данные позволяют наметить три основных типа поведения в гипертекстовом пространстве, их принято в англоязычной традиции называть depth-first navigation, breadth-first navigation и два варианта промежуточной стратегии (random navigation), совмещающей в определенных долях два первых подхода). Однако нельзя не отметить, что все без исключения исследователи подчеркивают необходимость дополнительных экспериментов в этом направлении для установления степени достоверности полученных данных. Несомненно, этот вопрос нуждается в дальнейшем, более глубоком изучении, поэтому в данной работе руководствовались преимущественно интуитивными представлениями об оптимальной структуре связей, которые были продиктованы спецификой лежащего в основе гипертекста материала.

Контрольное тестирование и устный опрос являются одними из наиболее широко используемых и хорошо разработанных средств проверки знаний в высшем образовании. Классический тест представляет собой последовательность достаточно простых вопросов. На каждый вопрос имеется простой ответ, который может быть формально проверен и оценен как правильный, неправильный или частично правильный (например, неполный). Вопросы обычно классифицируются по типам соответственно типу ожидаемого ответа. Классические типы вопросов делятся на вопросы типа [да/нет], вопросы типа [много вариантов/один ответ] (МВ/ОО), вопросы типа [много вариантов/много ответов] (МВ/МО) и вопросы открытого типа с текстовым или числовым ответом. Более продвинутые типы вопросов включают вопросы на соответствие, вопросы на правильную последовательность, вопросы на указывание (ответ - одна или несколько областей на рисунке), а также графические вопросы (ответ - простой граф). Кроме этого, каждая предметная область может иметь некоторые специфические типы вопросов.

Варианты поддержки на стадии создания обычно зависят от технологии, используемой для хранения отдельного вопроса в системе. В настоящее время, нам известно два различных способа хранения вопроса: в формате представления и во внутреннем формате. В контексте Web-основанного обучения, хранение вопроса в формате представления означает его хранение как части HTML-кода (обычно в виде HTML-формы). Такие вопросы могут также называться статическими вопросами. Они являются «черными ящиками» для WBE-системы. Система может представлять статические вопросы только «как есть» (в том виде, в котором они были созданы). Создание вопросов этого типа часто не поддерживается WBE-системой, так как это может быть сделано в любом HTML-редакторе.

Тип интерактивной технологии, используемой для получения ответов обучаемого, является одной из наиболее важных характеристик WBE-систем. Он определяет всю функциональность на стадии выдачи вопросов, а также влияет на стадии создания и оценки вопросов. В настоящее время, различают пять технологий: HTML-ссылки, HTML/CGI-формы, скриптовые языки, внедрение (plag-in) и Java.

HTML-ссылки - самая простая технология взаимодействия, реализующая набор возможных ответов как список HTLM-ссылок. Каждая ссылка связана с определенной страницей обратной связи. При использовании этого подхода возникает две проблемы: сложность создания вопросов (логика вопроса должна быть жестко встроена в гипертекст курса) и поддержка всего двух типов вопросов: [да/нет] и [МВ/ОО]. Эта технология использовалась в основном на заре Web-основанного обучения, когда более продвинутые технологии взаимодействия, такие как CGI, JavaScript или Java еще не были разработаны.

Наиболее популярной технологией Web-тестирования, используемой в настоящий момент многочисленными коммерческими и университетскими системами является комбинация HTML-форм и CGI-скриптов. HTML-формы чрезвычайно удобны для представления основных типов вопросов. Вопросы типа [да/нет] и [МВ/ОО] представляются наборами иконок, списками выбора, всплывающими меню. Вопросы [МВ/МО] представляются списками множественного выбора или наборами переключателей. Вопросы открытого типа реализуются в виде полей редактирования. Более продвинутые вопросы, такие как вопросы на соответствие или на правильную последовательность, также могут быть реализованы, при помощи форм. Кроме того, скрытые поля могут использоваться для хранения дополнительной информации о тесте, в которой может нуждаться CGI-скрипт. Значительные преимущества от использования технологии «стороны сервера» (к которой относится и технология «форма/CGI») и схожей с ней технологии «карты стороны серверной» возникают при реализации графических вопросов на указывание.

Заключение

По итогам решения задач работы получены следующие результаты:

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

2. HTML - это не язык программирования, - он служит лишь для разметки странички, придания определенного вида тому или иному элементу, будь то таблица, текст или картинки.

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

В отношении сферы применения можно сказать следующее. Будущее Web также связанно с увеличением скорости передачи данных в Интернет, так как Web неразрывно связан с Интернет.

Вероятно, останется проблема несовместимости между броузерами и Web-серверами, так как компания Netscape Communications несколько расширила HTML, из-за чего не все броузеры отображают документы, написанные в новом формате HTML

15.HTML(отангл.Hypertext Markup Language— «язык разметкигипертекста») — этостандартныйязык разметкидокументоввоВсемирной паутине. Практически всевеб-страницысоздаются при помощи языка HTML или его последователя —XHTML.

Формально, HTML является приложением SGML(стандартного обобщённого языка разметки) и соответствует международному стандартуISO8879.

И HTMLиXMLпроизошли от SGML. HTML это некоторое приложение SGML, а XML это подмножество SGML, разработанное для упрощения процесса машинного разбора документа. Другими приложениями SGML являетсяSGML Docbook(документирование), и «Z Format» (типографика и документирование).

Язык HTML позволяет размечать в тексте:

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

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

• Гарнитуру, кегль, начертание, цвет шрифтадля визуального вывода.

• Специальные символы (выходящие за рамки ASCIIсимволы пунктуации,математические символы,греческиеиготическиебуквы, стрелки и т. п.)

• Формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверныхпрограмм (например, на языкахPHPилиPerl).

• Открытие мультимедийныхфайлов, выводимых как непосредственно браузером (например, изображения в форматахJPEG,GIFилиPNG; аудиофайлыMIDIи др.), так и внешними приложениями, «встраиваевыми» в окно браузера (Flash-анимация,Java-апплетыи прочее).

1. 2. Структура HTML-документа, основные теги. Конструкции SGML, используемые в HTML.

Первым тегом с которого следует начинать описание HTML-документа, является тег<html></html>. Эти теги обозначают что находящиеся между ними строки представляют единыйHTML-документ. Сам по себе документ представляется обыкновеннымASCII-файлом. Без этих тегов браузер или другая программа просмотра, возможно будет не в состоянии идентифицировать формат документа и правильно его интерпретировать. Чаще всего тег <html> используется без параметров (в версии HTML 4.0).

В стандарте HTML4.01 перед тегом <html> необходимо указывать специальный тегDOCTYPE. Браузеры используютdoctypeдля того, чтобы оценить как рассматривать разметку документаtext/html. Этот метод основан на определении объявления типа документа (или его отсутствия) в начале HTML документа. Он бывает нескольких видов:

· Строгий (Strict): не содержит элементов, помеченных как «устаревшие» или «не одобряемые» (deprecated).Пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

· Переходный (Transitional): содержит устаревшие теги в целях совместимости и упрощения перехода со старых версий HTML.Пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

·С фреймами (Frameset): аналогичен переходному, но содержит также теги для создания наборов фреймов.Пример: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

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

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

В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, —элементом.

Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

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

Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:

<html>

<head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Чаще всего в заголовок документа включают парный тег <title>... </title>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документаявляется обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами<body>и</body>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.

Текст в HTML разделяется на абзацы при помощи тега <р>. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега</р>необязательно.

Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег<BR>не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.

При использовании логического форматированиятекста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:

<hl>l. Название главы</hl>

<h2>l.l. Название раздела</h2>

Теги физического форматированиянепосредственно задают вид текста на экране браузера, например пара<b></b>выделяет текст полужирным начертанием,<u></u>задает подчеркивание текста,<font></font>управляет шрифтом текста.

Тег <img>вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

<img src = "picture.gif">

Для создания гипертекстовой ссылкииспользуется пара тегов<а>... </а>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения:

<а href = "document.html">ссылка на документ</а>

Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой:

<а href = "http://www.school.donetsk.ua/11.jpg">Фотография 11-А</а>

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

Hyper Text Markup Language (HTML) — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

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

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

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

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

В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, —элементом.

Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

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

Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:

<html>

<head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Чаще всего в заголовок документа включают парный тег <title>... </title>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документаявляется обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами<body>и</body>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.

Текст в HTML разделяется на абзацы при помощи тега <р>. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега</р>необязательно.

Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег<BR>не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.

При использовании логического форматированиятекста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:

<hl>l. Название главы</hl>

<h2>l.l. Название раздела</h2>

Теги физического форматированиянепосредственно задают вид текста на экране браузера, например пара<b></b>выделяет текст полужирным начертанием,<u></u>задает подчеркивание текста,<font></font>управляет шрифтом текста.

Тег <img>вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

<img src = "picture.gif">

Для создания гипертекстовой ссылкииспользуется пара тегов<а>... </а>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения:

<а href = "document.html">ссылка на документ</а>

Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой:

<а href = "http://www.school.donetsk.ua/11.jpg">Фотография 11-А</а>

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

Hyper Text Markup Language (HTML) — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

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

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

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

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

В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, —элементом.

Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

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

Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:

<html>

<head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Чаще всего в заголовок документа включают парный тег <title>... </title>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документаявляется обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами<body>и</body>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.

Текст в HTML разделяется на абзацы при помощи тега <р>. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега</р>необязательно.

Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег<BR>не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.

При использовании логического форматированиятекста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:

<hl>l. Название главы</hl>

<h2>l.l. Название раздела</h2>

Теги физического форматированиянепосредственно задают вид текста на экране браузера, например пара<b></b>выделяет текст полужирным начертанием,<u></u>задает подчеркивание текста,<font></font>управляет шрифтом текста.

Тег <img>вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

<img src = "picture.gif">

Для создания гипертекстовой ссылкииспользуется пара тегов<а>... </а>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения:

<а href = "document.html">ссылка на документ</а>

Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой:

<а href = "http://www.school.donetsk.ua/11.jpg">Фотография 11-А</а>

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

16.

Hyper Text Markup Language (HTML) — язык разметки гипертекста — предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

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

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

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

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

В большинстве случаев теги используются парами. Пара состоит из открывающего <имя_тега> и закрывающего </имя_тега> тегов. Действие любого парного тега начинается с того места, где встретился открывающий тег, и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, —элементом.

Последовательность символов, составляющая текст может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например #, +, $, @), за исключением следующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсанд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

2. Структура html-документа

Самым главным из тегов HTML является одноименный тег <html>. Он всегда открывает документ, так же, как тег </html> должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

HTML-документ состоит из двух частей: заголовок (head) и тела (body), расположенных в следующем порядке:

<html>

<head> Заголовок документа </head>

<body> Тело документа </body>

</html>

Чаще всего в заголовок документа включают парный тег <title>... </title>, определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами.

Тело документаявляется обязательным элементом, так как в нем располагается весь материал документа. Тело документа размещается между тегами<body>и</body>. Все, что размещено между этими тегами, интерпретируется браузером в соответствии с правилами языка HTML позволяющими корректно отображать страницу на экране монитора.

Текст в HTML разделяется на абзацы при помощи тега <р>. Он размещается в начале каждого абзаца, и программа просмотра, встречая его, отделяет абзацы друг от друга пустой строкой. Использование закрывающего тега</р>необязательно.

Если требуется «разорвать» текст, перенеся его остаток на новую строку, при этом, не выделяя нового абзаца, используется тег разрыва строки <BR>. Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег<BR>не добавляет пустую строку. У этого тега нет парного закрывающего тега.

Язык HTML поддерживает логическое н физическое форматирование содержимого документа. Логическое форматирование указывает на назначение данного фрагмента текста, а физическое форматирование задает его внешний вид.

При использовании логического форматированиятекста браузером выделяются различные части текста в соответствии со структурой документа. Чтобы отобразить название, используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков: h1 (заголовок первого уровня), h2, h3, h4, h5 и h6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня. Пример использования тегов заголовков:

<hl>l. Название главы</hl>

<h2>l.l. Название раздела</h2>

Теги физического форматированиянепосредственно задают вид текста на экране браузера, например пара<b></b>выделяет текст полужирным начертанием,<u></u>задает подчеркивание текста,<font></font>управляет шрифтом текста.

Тег <img>вставляет изображение в документ, как если бы оно было просто одним большим символом. Пример применения тега:

<img src = "picture.gif">

Для создания гипертекстовой ссылкииспользуется пара тегов<а>... </а>. Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения:

<а href = "document.html">ссылка на документ</а>

Href здесь является обязательным атрибутом, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибута href не обязательны. Если задается ссылка на документ на другом сервере, то вид гиперссылки такой:

<а href = "http://www.school.donetsk.ua/11.jpg">Фотография 11-А</а>

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

17.О тегах физического форматирования текста речь в этом учебнике шла ранее, поэтому повторятся, не стану, а просто перечислю их:

<b>, <i>, <u>, <strike>, <s>, <tt>, <small>, <big>, <sup>, <sub>, <p>, <font>, <pre>…

- всё это теги физического форматирования текста.

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

На всякий случай вновь покажу старый пример:

<html><head><title>Стили текста</title></head><body><big><b><u>Научная статья.</u></b></big><br><br>Если разбавить дистиллированную воду Н₂О сорока процентами этилового спирта С₂Н₅ОН то получится жидкость в 40^о более известную широкой публике под названием <i>- водка.</i><br>Впервые данную пропорцию <s>придлажил</s>предложил <tt>Дмитрий Иванович МЕНДЕЛЕЕВ.</tt><br><br><br><small>Распитие спиртных напитков вредит вашему здоровью.</small></body></html>

смотреть пример

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

Однако если Вы изучали справочник HTML, то наверняка обратили внимание что выше перечисленные теги это далеко не все инструменты для работы с текстом! А если Вы изучали справочник скрупулезно и пристально, то наверное заметили что некоторые теги выполняют одни и те же действия над текстом..

Например, чем отличается тег <em>от тега<i>? или какая разница между<b>и<strong>? ведь результат и там и там одинаков!

Так да не так.. отличия есть.. и они достаточно существенные!!..