Создание web-документа. Создание Web - документа. Создание Web документов Пермитин Алексей Михайлович, сжд 111 Введение
 Скачать 189.05 Kb.
|
|
Создание Web – документов Пермитин Алексей Михайлович, СЖД – 111 Введение Одно из наиболее популярных и используемых применений компьютера – это подключение к сети Интернет. Интернет – это объединение компьютерных сетей со всего мира для передачи и хранения информации. Появление Интернета можно обозначить 20 октября 1969 года, когда были соединены два персональных компьютера находящихся на расстоянии 640 километров. Для их связи были арендованы кабели у телефонной компании, а скорость соединения составляла 56 Килобит в секунду. Сейчас же практически все компьютеры соединены с помощью кабелей и скорость передачи информации в России в среднем достигает 12,1 Мегабит в секунду. Но такой вид, как сейчас Интернет приобрел не сразу, а только ближе к 1982 году. Одни из первых, кто начал осваивать интернет, были люди, которые искали работу, и коммерческие фирмы, которые выкладывали рекламу для сбыта своей продукции. Тексты, которые мы ежедневно видим на просторах Интернета, являются гипертекстами, которые размещены на web – страницах. Гипертекст – это электронный документ, который содержит в себе гиперссылку на другие документы. Гипертекст, находясь в документе, выделяется особым образом: определенным значком или цветом, и содержит в себе адрес файла или знак в документе, к которому надо перейти, невидимый для пользователей. Так же гипертекст реагирует на курсор мышки, меняя его изображение и на щелки, вызывая документ по адресу. Для размещения гипертекста на web – страницах используют web – документы. Web – документ – это документ, написанный на языке программирования HTML и предназначенный для просмотра информации с помощью специальной программы – браузера. Сценарий и структура Web – документа Основные теги Для того что бы более подробно познакомиться с таким понятием, как создание Web – документа, необходимо понять структуру и сценарий его построения. Для этого рассмотрим несколько Web – страниц и выявим общие элементы. Формирование Web - документа заключается в написании тегов, причем обычно начальные теги записываются заглавными буквами, а конечные – строчными. Так же отличительным признаком написания HTML – документа является многоуровневое вложение элементов. Давайте рассмотрим основные теги, которые входят в каждый Web –документ: - это самые внешние теги, с которых все начинается и чем заканчивается. Между ними располагается вся Web – страница. - это также один из основных тегов, который формирует область заголовка Web – страницы. Другими словами, это самая первая часть. HEAD, так же как и тег HTML, служит для формирования общей структуры документа. - это элемент, в котором заключается гипертекст. Это та часть документа, которую разрабатывает автор страницы и где записываются основные теги формирующие дизайн Web – страницы. Именно эти теги являются основными, без которых невозможно создать ни одну Web – страницу. Структура написания текста Если сравнить хотя бы несколько Web – страниц, то можно с легкость заметить сходство их структур. Это объясняется тем, что существует определенные правила написания документа. Так, например, в основу синтаксиса лег стандарт ISO 8879: 1986 “Information processing. Text and office systems. Standard Generalized Markup Language (SGML)”. Правда, говоря, существует довольно большое различие между стандартом официальным и фактическим. Поэтому я предлагаю рассмотреть фрагмент одного из типичных шаблонов написания Web – документа. … - тег, отвечающий за размещение заголовка на Web – странице. Строка текста, которая будет находиться внутри, будет отображаться не в документе, а в заголовке окна браузера. Именно благодаря этой особенности осуществляется поиск Web – страниц. Поэтому каждый автор должен отобразить название своего документа как можно понятнее, но при том, чтобы оно было не слишком длинным. - тег, служащий для описания стиля некоторых элементов Web – страницы. В приведённом примере с помощью этого тега были изменены шрифты для элементов H2 и CODE. Так же стоит сказать, что использование данного тега не обязательное, так как для всех элементов существует стилевое оформление по умолчанию. - тег, несущий в себе служебную информацию, которая не отображается на Web – странице. Каждый элемент данного тега содержит два основных атрибута, один из которых определяет тип данных, а второй содержание. - тег, для использования механизма гиперссылок. Так как HTML – документ может быть довольно большим для этого предусмотрена функция быстрого перемещения к необходимому разделу. Так же для работы гиперссылок необходимо в нужных местах расставить соответствующие метки. Конечно, в данном примере рассматриваются не все виды тегов, которые используются при написании Web – документа, но для написания документа на простом уровне этих знаний должно хватить. Ну а для того, чтобы ваш документ выглядел на более хорошем уровне, советую, более подробно, ознакомится с синтаксисом языка HTML и ознакомиться с другими более сложными тегами (см. Рис 1).  Рис. 1: Основная таблица тегов Редакторы Web – документов Развитие редакторов для Web – документов началось довольно не сразу, поэтому, как только мировая компьютерная общественность поняла, что Gopher не является конечным этапом развития Internet и что им придется работать с гиперссылками, многие фирмы взялись за разработку специальных редактор работающих с HTML – документом. Многие в то время появившиеся программы приобрели популярность, не смотря на то, что с гипертекстовую структуру можно было получить в самом обычном редакторе на то время – MS – DOS. По правде говоря, редактор гипертекста в первую очередь необходим начинающим пользователям, так как благодаря ему можно составить документ, имея только поверхностные знания структуре гипертекста и синтаксисе языка. Поскольку элементы гипертекста создаются в режиме диалога, пользователь имеет возможность изучения HTML параллельно с созданием Web – страницы, это значительно упрощает работу с языком и импонирует новым пользователям. Вдобавок редакторы обладают способностью проверки и исправления написанного кода, что опять же упрощает задачу. Давайте же рассмотрим основные редакторы Web – документа. HoTMetaL PRO 3.0. Данный редактор гипертекста был одним из первых программ своего рода. Основная цель заключалась в том, чтобы красиво прорисовать на экране изображение тегов. Здесь значительно сказалось преимущество графического интерфейса Windows. В среде Windows гипертекст был более читабелен и легче редактировался, по сравнению со средой MS – DOS. Так же параллельно с этим фирма – производитель занималась разработкой анализа синтаксиса HTML в своих программах, что помогло многим пользователям избежать некоторым ошибок, например, как неправильное вложение документов. В 1997 году фирма SoftQuard разработала редактор HoTMetaL PRO версии 3.0., особенностями которого стали: рабочая зона с заготовкой; теги, которые выделялись и были хорошо заметны; большинство кнопок были размещены на панелях. Все это способствовало более удобной работе с редактором. Так же стоит отметить, что гипертекстовый документ создавался в данной программе совершенно по иному принципу. Здесь можно было использовать понятие стиля. Существенным же отличием от Word – документа состоит в том, что пользователь видит все параметры оформления и область их действия прямо в HTML – документе. А изменить их может только пользователь, путем редактирования документа. HotDog Professional 3 Данный редактор, созданный фирмой Sausage Software, можно выделить тем, что в его арсенале имеется большое количество инструментов, подпрограмм и сервисных возможностей. Такой редактор можно смело порекомендовать пользователям, которые много и серьёзно работают с Web – страницей. Третья версия программы HotDog была разработана в 1966 году и предназначена для работы в среде Windows 95. Также редактор может выделиться необычным делением его рабочего поля. В левой части располагается панель «менеджера ресурсов». Он, как и Проводник в Windows 95, необходим для наглядного доступа к папкам и файлам. В правой же части расположено окно непосредственно для HTML – документа. Netscape Editor Данный редактор создавался как составная часть браузера Netscape Navigator Gold 3.0. Именно поэтому в меню File существует два способа открытия документа: Open File in Browser (открыть файл в браузере) и Open File in Editor (открыть файл в редакторе). Это, несомненно, упрощает использование программы, так как пользователю нет необходимости задумываться, в каком режиме открыть файл. К открытым недостаткам данной программы можно отнести то, что при сохранении идет преобразование кириллицы в спецсимволы. Заключение Создание Web – документов это одна из захватывающих и интереснейших процедур в сфере программирования и сейчас мы смогли сами в этом убедиться. Она связывает себе много нового и постоянно развивается, что несомненно говорит о том, что и развитие Internet тоже не стоит на месте. |