Файл: Основы программирования на языке HTML (Определение языка программирования).pdf

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

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

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

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

Поддержкаэтихсвязейпозволяеткачественноорганизовывать"нелинейные"структуры.[1]

Гиперссылкамивэлектронномтекстевыступают:

– ссылкинасловаритерминовипонятий;

– ссылкинаперсоналии;

– ссылкинастатическиерисунки;

– ссылкинаэлементымультимедиа;

– ссылкинадополнительныйматериалы;

– ссылкипоструктурнымэлементамтекста(номертемы,оглавление,списоквопросовидр.);

– ссылкинапереченьмонографий,учебнойилинаучнойлитературы;

– ссылкинапереченьорганизаций;

– ссылкинапереченьисторическихсобытий;

– ссылкинагеографическиеназвания;

– ссылкинаИнтернет-ресурсы.

Присозданиигипертекстакаждыйавтордолженвыделитьгиперссылкисобщеймассытекста.Этоможносделатьспомощьютакихприемов: [1]

– изменениецветассылки;

– изменениемначертанияшрифта;

– увеличение(уменьшение)размерашрифта;

– определитьподчеркиванием,курсивом,жирнымшрифтом;

– различныекомбинацииуказанныхвышеспособов.

Вразнообразныхредакторахипрограммахдлясозданияhtml-страницгиперссылкиможновыделитьразличнымиспособами.[7]

Кпримеру,вредактореWordссылкивыделяютсяавтоматическисинимцветом.

Системагиперссылокможетиметьвид(рисунок4): [11]

Рисунок4–Видгиперссылок

Самаидеягипертекста,былавведенаБушемв1945г.впредложенияхпоразработкеэлектромеханическойинформационнойсистемыMemex.Даженесмотрянатотфакт,чтоБушбылсоветникомпрезидентаРузвельтапонауке,идеятакинебылареализована.[13]

ПонятиегипертекстбыловведеновобращениеНельсономв1965г.приописаниидокументов(кпримеру,представляемыхкомпьютером),чтовыражаютнекоторуюнелинейнуюструктуруидей,напротивоположностьлинейнойструктуредлятрадиционныхкниг,фильмовилиречи.Болеепозднийтерминподназванием"гипермедиа"близокпосмыслукнему,ноонподчеркиваетпрактическоеналичиевгипертекстеразныхнетекстовыхкомпонентов–анимация,звукивидео.[17]

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

Нокак-товнятноописатьсистемуонтакинесмог.В1974годуидеягипертекставоплотиласьвинформационнойсистемедлявнутреннегораспорядкаатомногоавианосца"Винстон",котораяполучиласвоеназваниеZOG.ВкоммерческомвариантеэтасистемаизвестнаподназваниемKMS.

Работывданномнаправлениипродолжалисьи,иногда,появлялисьреализацииHyperCardотфирмыAppleилижеHyperNodeфирмыXerox.

Далеев1987проведенаперваяспециализированнаяконференцияподназваниемHypertext'87,материаламкоторойпосвященспециальныйвыпусксборника"CommunicationACM".[19]

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

Дальнейшееразвитиеданногоподходаприводиткнепосредственномурасширениюпонятиягипертекстаспомощьюдругихинформационныхресурсов.[2]

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

ИдеяБернерс-Лизаключаласьвприменениигипертекстовоймоделикинформационнымресурсам,чтораспределенывсети,ивыполнитьэтомаксимальнопросто.[8]

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

– языкгипертекстовойразметкиHTML;

– универсальныйспособдляадресацииресурсоввИнтернетеURL;

– протоколдляобменагипертекстовойинформациейподназваниемHTTP.

ПозжекомандаNCSAсмогладобавитькэтим3-мкомпонентамчетвертый:

– универсальныйинтерфейсдляшлюзовCGI.

ИдеяHTML–этопримерчрезвычайноудачногопрограммногорешенияпроблемыпостроениябольшойгипертекстовойсистемыприиспользованииспециальногосредствадляуправленияотображением.Непосредственнонаразработкуязыкаразметкисущественноевлияниеоказали2фактора:[14]

– исследованиявсфереинтерфейсовгипертекстовыхсистем;

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

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

Значениегипертекстовойтехнологиичастосравнивалисозначениемоткрытиякнигопечатания.Утверждалось,что1листбумагиисовременныекомпьютерныесредствадляотображения/воспроизведениясерьезномогутотличатьсядруготдруга,аформапредставленияинформациидолжнатожеотличаться.[8]

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

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

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

Следуетпринятьвовнимание,чтопосвоимпредложениямТ.Бернерс-ЛитакжепредполагалобъединитьводнусистемуимеющиесяинформационныересурсыкомпанииCERN,ипервыедемонстрационныесистемыдолжныбылибытьсистемыVAX/VMS.

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

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

НаязыкеHTMLгипертекстовыессылкиявляютсявстроеннымивтелодокумента,атакжехранятсякакоднаегочасть.[10]

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

НепосредственновWWWдокументы–обычныеASCII-файлы,чтоможноподготовитьпрактическивлюбомредакторетекста.Такимобразом,проблемысозданиягипертекстовойБДбыларешенапросто.

ВкачествеБДдляразработкиязыковгипертекстовойразметкивыбранSGML.Следуяакадемическимтрадициям,Т.Бернерс-ЛиописалязыкHTMLвтерминахSGML.[11]

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

За5лет,смоментаразработкисамойпервойверсииHTML1.0,произошлодовольнобыстроеразвитиеязыка.Почтив2разаувеличилоськоличествоэлементовразметки,уровеньоформлениядокументовприближаетсявсебольшекоформлениюсовременныхпечатныхизданий,быстроразвиваютсясредствадляописаниянетекстовыхресурсовиспособыдлявзаимодействиясразногородаприкладнымпрограммнымобеспечением.[8]

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

2.2. Описание языков гипертекстовой разметки

2.2.1. Язык HTML

Безпреувеличенияможнополагать,чтополучениеинформациидляИнтернет-страницнаиболеепопулярновнынешнеевремя.Длясозданияподобныхдокументовнадоиметьобщеепредставлениеонепосредственнойструктуреhtml-файла.[8]

HTML-стандартныйсервисИнтернет,принятыйконсорциумомwww(W3C).Натеперешнийденьпоследнейявляется5-яверсиястандарта,переработаннаяидополненнаяпосравнениюсверсией4.

Насамомделе,еслиоткрытьфайлсрасширениемhtm(html)влюбомтекстовомредакторе,можноувидеть,чтоэтообычныйтекст,правда"оформлен"какими-тословамивспециальныхугловыхскобках.[8]

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

Похожийпринциппостроениядокументовненовый,ивстречается,кпримеру,втекстовомредактореTeX.

Тоестьhtml–обычныйтекст(информация)суправляющимиэлементами-тэгами(удобноепредставлениеданнойинформации).[9]

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

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

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

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

Весьмаусловнотакиетэгиможноразделятьнаграничныеилиунарные.

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

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

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

Стоитотметить,чтосграничнымитегаминемногосложнее,нонадотакжеучитывать,чтоихбольше,нежелиунарных.[2]

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

Примерграничноготэгаимеетвид:[7]

<ahref="http://mail.ru/">Почтовыйсервер</a>

Тутa–управляющееслово(тег),показывающие,чтотекстдотега</а>,являетсягипертекстовойссылкой(указаниембраузерупросмотретьhtml-документприсовершениидействия(например,щелчкамыши)надтекстом);href="..."–параметр,определяющий,какойименнодокументбудетпросмотрен(можетбытьобычныйфайлнаПК).

Некоторыепараметрыопределеныбраузеромпоумолчанию,некоторые-пользователембраузера,атакжеестьитакие,определитькоторыенеобходимонепосредственноприсозданиистраницы(кпримеру,тотжепараметрhrefдлятэга<a>).

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

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

Структуралюбогогипертекстовогофайлачрезвычайнопроста(рисунок5).

HTML-файлдолженначинатьсятэгомподназванием<html>изаканчиватьсязакрывающимсятегом</html>.

Рисунок5–СтруктураHTML-файла

Информациявнетэговигнорируетсяиливыдаетсявнелицеприятномвиде.Код,огражденныйтегами<html>или</html>делитсяна2части:[8]