WWW.DISSERS.RU

БЕСПЛАТНАЯ ЭЛЕКТРОННАЯ БИБЛИОТЕКА

   Добро пожаловать!


Pages:     || 2 | 3 | 4 | 5 |   ...   | 7 |
Санкт-Петербургский государственный университет Факультет филологии и искусств Кафедра информационных систем в искусстве и гуманитарных науках В. В. ЗАХАРКИНА Язык структурной разметки гипертекста HTML Санкт-Петербург 2007 1 Еще недавно (как мне кажется, до 1996-1997 года), Интернет, по крайней мере, в нашей стране, отнюдь не был социально значимой Рекомендовано к изданию частью информационного пространства. Разработка содержательных Кафедрой информационных систем в искусстве и гуманитарных науках Факультета филологии веб-ресурсов, пусть даже, с нынешней точки зрения, примитивных, в и искусств Санкт-Петербургского государственного университета основном была уделом профессионалов. Как вариант, специалисты с техническим образованием по разрозненным источникам изучали основы веб-технологий и реализовывали инициативные проекты. По существу, исторически это было вчера. Многие ресурсы той поры и сейчас актуальны, крайне информативны и до сих пор поддерживаются и пополняются. Скажем, библиотека Максима Захаркина В. В.

Мошкова, не менявшая дизайн с 1994 года, по содержательности Язык структурной разметки гипертекста HTML: Учебное контента превосходит все современные аналоги. С другой стороны, пособие. — СПб.: Ф-т филологии и искусств СПбГУ, 2007. — 81 с.

абсолютное большинство кустарно выполненных «персональных страничек» того периода давно уже исчезли со сцены.

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

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

сформулировано концептуальное понятие нового уровня веб-ресурсов – web 2.0. Ресурсы, выполненные, как сейчас принято говорить, «в стиле web 2.0», представляют собой уже не просто информационную Подготовка и издание учебного пособия осуществлено в среду, а среду общения, в которой содержание создают сами рамках проекта СПбГУ «Инновационная образовательная пользователи, которым даны гибкие средства настройки «личного среда в классическом университете» (Приоритетный национальный проект «Образование»).

пространства».

Однако, сегодняшняя ситуация, в некотором смысле, может быть спроецирована на реалии предшествующей эпохи развития глобальной сети. Создание серьезного веб-ресурса по-прежнему © В. В. Захаркина, требует профессионализма или, по крайней мере, осознанного и © Факультет филологии и искусств Санкттщательного изучения технологических возможностей. В целом же, и Петербургского государственного университета, сейчас, в «эпоху web 2.0», подавляющее большинство пользователей лишь потребляют информацию. К тому же, есть возможность Отпечатано с готового оригинал-макета в секторе цифровой печати разместить свои материалы на одном из ресурсов web 2.0. Мы можем Института искусств Факультета филологии и искусств СПбГУ организовывать группы по интересам, публиковать свои дневники199178 Санкт-Петербург, 10 линия В.О., д. 49.

Подписано в печать 10.11.2007. Заказ № 43. Формат 60х84/16. Усл. печ. л. 5,1. Тираж 100 экз.

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

Но по-прежнему основой даже самых изысканных веб-ресурсов заголовки, разделы, абзацы, списки, таблицы, изображения, является язык структурной разметки HTML (HyperText Markup гиперссылки, встроенные объекты различных мультимедийных Language - язык разметки гипертекста), разработанный для описания форматов и т.д. Элементы HTML объявляются с помощью команд информации в глобальной сети WWW. Без знания основ HTML разметки, называемых тегами 1 (от английского tag – ярлык).

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

ни применялись.

Совокупность допустимых элементов, правила их объявления, Данное пособие предназначено для изучения HTML «с нуля» и синтаксис определяются в стандарте HTML. Стандарты содержит описание наиболее актуальных возможностей языка и разрабатываются на основании многочисленных предложений, смежных вопросов.

проходят ряд стадий.

Все материалы пособия, а также интерактивные примеры С 1994 года по настоящее время разработка проводится под эгидой представлены на персональном сайте автора (http://vvz.nw.ru).



надгосударственной организации World Wide Web Consortium (W3C).

Информацию "из первых рук" о стандартах, рекомендациях и перспективах развития не только языка HTML, но и целого ряда других web-технологий, можно найти в Интернете по адресу Веб- среда и язык HTML http://www.w3.org. Вся документация на сайте W3C представлена на английском языке, однако есть и ссылки на переводы (в частности, на русский язык). Какими бы учебниками и справочниками вы не Стандарты языка HTML пользовались, изучение основных разделов этой документации абсолютно необходимо для серьезного веб-разработчика.

Язык HTML был разработан английским ученым Тимом Бернесом-Ли Основными вехами на пути развития стандартов HTML можно считать в 1991 году как средство структурирования и форматирования принятие стандартов HTML 1.2, HTML 2.0, HTML 3.2, HTML 4.0. На документов с целью обмена научной и технической документацией.

момент написания этого пособия последней разработкой является Несмотря на изначально иное предназначение, HTML как нельзя лучше подошел для описания структуры гипертекстовых вебдокументов Всемирной паутины WWW. Сделаем акцент на терминологии. В силу исторических обстоятельств, в ряде даже самых замечательных печатных изданий, посвященных HTML, все HTML-документ представляет собой текстовый файл (по-видимому, еще иногда встречается неточность. Я имею в виду фразы вида «… тег P это простейший формат из всех возможных), размеченный с помощью (абзац) имеет следующие атрибуты…». Нет, не тег, а элемент P имеет ряд специальных (естественно, текстовых) команд. Текстовый формат атрибутов. А вот объявляется элемент P с помощью тегов – начального (

) представления веб-документов был выбран исходя из основных и конечного (

). Этот терминологический нюанс заслужил даже требований к веб-документу: простота, надплатформенность специального упоминания в пункте 3.2 стандарта HTML: «Элементы - это не (возможность непосредственной интерпретации в любой тэги. Некоторые люди называют элементы тэгами (например, "тэг P ").

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

4 стандарт HTML 4.01. Каждый вновь принимаемый стандарт В процессе создания новой версии браузера каждая из предоставл в распоряжение web-мастера новые возможности, конкурирующих фирм, естественно, должна учитывать рекомендации позволяющие сделать HTML-документ эффективным и внешне действующего стандарта HTML. На практике, однако, оказывается, привлекательным. что интерпретация стандарта браузерами может различаться. Более того, ведущие фирмы-производители (кстати, они являются членами Дальнейшее развитие языка предполагается в рамках XHTML, W3C и играют значительную роль в развитии языка HTML) постоянно предъявляющего более строгие требования к синтаксису.

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

В Интернете представлены разные типы информационных ресурсов, Итак, при разработке сайта надо помнить, что передача которых с компьютера на компьютер подчиняется определенным сетевым протоколам. Для гипертекстовых документов • Браузеры разных фирм иногда по-разному интерпретируют системы WWW это протокол http (HyperText Transfer Protocol - встречающиеся в HTML-документе теги; есть возможности "за протокол передачи гипертекстов, то есть тех самых HTMLпределами стандарта", поддерживаемые только браузерами документов, о которых идет речь). Обмен данными между конкретной фирмы. При их использовании иной раз приходится компьютерами согласно определенному протоколу организуется для каждого браузера создавать свою версию сайта.

программами двух типов: программами-серверами и программами• Браузеры устаревших версий "не понимают" тегов, клиентами. Браузер - синоним программы-клиента.

соответствующих новым стандартам.

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

интерпретировать для пользователя получаемую с сервера информацию.

• Сайт приходится тестировать в браузерах разных производителей и разных версий, при разных разрешениях экрана, добиваясь За годы развития Интернет был создан целый ряд программ-браузеров, приемлемого результата.

первые из которых были текстовыми (то есть в принципе не были рассчитаны на показ графики). Сейчас с большой долей уверенности можно считать, что подавляющая часть вашей потенциальной аудитории в нашей стране использует Microsoft Internet Explorer Редакторы HTML-документов (это подтверждается статистическими исследованиями). У большинства остальных пользователей, скорее всего, установлены Текстовые редакторы браузеры Mozilla или Opera. Не надо забывать, что и сейчас актуальны текстовые браузеры – их используют незрячие Поскольку HTML-документ представляет собой текстовый файл, его пользователи (наиболее известен текстовый браузер Linx). Каждая из можно подготовить в простейшем текстовом редакторе, например, в фирм-производителей постоянно развивает и дорабатывает свой блокноте (notepad). Это очень поучительно, поскольку вы поневоле браузер, выпуская все новые версии.





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

получить на сайте http://www.textpad.com.

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

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

таким, каким он будет при просмотре с помощью браузера. Возможны также просмотр и правка исходного текста HTML-документа.

Синтаксис HTML Таких редакторов немало, у каждого есть положительные и отрицательные особенности. Лично мне нравится больше других HTML-документ представляет собой текстовый файл, содержащий Adobe Dreamweaver (в недавнем прошлом – Macromedia собственно текст, который должен быть отображен в окне браузера, и Dreamweaver). Пожалуй, стоит поработать с разными редакторами, команды разметки - HTML-теги, задающие элементы документа, оценить их положительные и отрицательные стороны и выбрать тот, которые определяют его внешний вид и функциональность. HTML-тег который вам больше понравится.

записывается в угловых скобках ( < > ) и состоит из имени элемента, за которым может следовать список атрибутов (для многих элементов Возможности других приложений по переводу в необязательный). Имена элементов и атрибутов представляют собой HTML английские слова и аббревиатуры, и почти всегда их смысл прозрачен.

Элементы условно можно разделить на две группы.

Наконец, HTML-документ может быть получен конвертацией в HTML из других форматов. Например, программы широко используемого Большинство элементов (называемые также контейнерами) задаются с пакета MS Office, начиная с версии 97, позволяет сохранить помощью трех компонентов: начальный тег, содержимое и документ в формате HTML. При этом сохраняются, насколько это конечный тег. В начальном теге в угловых скобках указывается имя возможно, особенности форматирования символов и абзацев, элемента и список атрибутов, в конечном – только имя элемента, изображения, таблицы, списки и так далее. Надо отметить, что при предваряемое символом слэш ( / ).

8 Содержимое элемента располагается между начальным и конечным имя атрибута тегами и интерпретируется браузером согласно правилам, значение атрибута определенным в спецификации стандарта HTML. Например, элемент b ( от английского bold ) задает полужирное начертание для текста, расположенного между тегами и . Некоторые элементы могут вкладываться друг в друга. Например, вложение элемента b (полужирное начертание) в элемент i (курсив) обеспечит полужирный значение атрибута курсив. Таким образом, фрагмент документа имя атрибута начало текста один два три имя элемента продолжение текста будет отображен браузером так:

Встретив такой тег в HTML-документе, браузер интерпретирует его, выводя изображение из файла cat.jpg, шириной 300 и высотой начало текста один два три продолжение текста пикселов. Кстати, элемент img относится к числу «автономных» и не Элементы другой группы (называемые также автономными) не имеют имеет конечного тега. Я привожу его в качестве примера, поскольку содержимого и конечного тега. При их интерпретации в он крайне актуален, а смысл его атрибутов прозрачен.

отображаемый документ вставляется тот или иной объект. Например, Для полноты картины приведем пример и актуального элементаэлемент , встречающийся в тексте HTMLконтейнера, имеющего содержимое и, соответственно, требующего документа, вызывает вставку графического изображения из файла конечного тега. Это элемент p, определяющий абзац. Из общих pict.gif.

Pages:     || 2 | 3 | 4 | 5 |   ...   | 7 |










© 2011 www.dissers.ru - «Бесплатная электронная библиотека»

Материалы этого сайта размещены для ознакомления, все права принадлежат их авторам.
Если Вы не согласны с тем, что Ваш материал размещён на этом сайте, пожалуйста, напишите нам, мы в течении 1-2 рабочих дней удалим его.