Помощничек
Главная | Обратная связь


Археология
Архитектура
Астрономия
Аудит
Биология
Ботаника
Бухгалтерский учёт
Войное дело
Генетика
География
Геология
Дизайн
Искусство
История
Кино
Кулинария
Культура
Литература
Математика
Медицина
Металлургия
Мифология
Музыка
Психология
Религия
Спорт
Строительство
Техника
Транспорт
Туризм
Усадьба
Физика
Фотография
Химия
Экология
Электричество
Электроника
Энергетика

Создание Web-документов.



Занятие 2. Тема 3.1.3 Создание Web-документов. Язык HTML

Основные понятия

Сегодня Интернет является одним из самых современных и революционных средств передачи информации. Интернет состоит из многочисленных компьютерных сетей, объединенных в одну глобальную сеть и обменивающихся между собой информацией. В настоящее время особенно быстро развивается часть Интернета, называемая World Wide Web (вэлд вайт веб) (WWW или просто Web), что можно перевести как «всемирная паутина». В WWW содержится информация, представленная в текстовом, графическом, видео- и аудиоформатах.

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

! WWW - world wide web, Web - сервис сети Интернет, позволяющий получать доступ к массивам информации, размещенным в глобальной сети. Удобство пользования Веб обеспечивает гиперсреда, наглядность - интерактивные мультимедийные средства.

!Веб - то же, что WWW

!Веб-сервер (сервер WWW) - сервер, предназначенный для представления взаимосвязанной мультимедийной информации и содержимого баз данных в Интернет

!Веб-документ - текстовый файл с расширением .html или .htm

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

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

!Веб-сайт - web site - совокупность веб-страниц, объединенных по смыслу, имеющих общую структуру и навигацию.

Виды веб-сайтов:

- домашние странички пользователей (не путать с домашней страничкой веб-сайта или home-page…);

- информационные (контент) сайты и порталы;

- сайты электронной коммерции;

- представительские сайты веб-разрабочиков.

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

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

!Гиперссылка - hyperlink - выделенный объект (текст или изображение) веб-страницы, устанавливающий связь с другим объектом. Обеспечивает навигацию в среде WWW.

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

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

Создание Web-документов.

Существуют три основных способа создания Web-страниц (или документов HTML):

1) Использование текстового редактора Блокнот (NotePad), встроенного в Windows, и просмотр результатов с помощью броузера. Этот самый простой способ рекомендуется начинающим.

2) Использование специальных редакторов документов HTML, например Hot Metal Light, Hot Dog Professional, MS Front Page, HTMLPad и др.

3) Использование редактора Word, где создается текст документа, который затем конвертируется в HTML-формат.

Язык HTML.

Автономные Web-документы используют язык HTML.

!Язык гипертекстовой разметки HTML - hypertext markup language - язык, используемый для создания документов, содержащих специальные команды форматирования и гипертекстовые ссылки и предназначенных для размещения в WWW и других службах и сетях. Это инструмент для всех, кто занимается редакционно-издательской деятельностью в Веб. С этой точки зрения компании, занимающиеся сайтостроением правильнее было бы называть веб-издательствами, а не дизайн-студиями (или студиями веб-дизайна). Каждый html-документ начинается тегом (специальной меткой) <html>…</html>, (<html> - начало документа, </html> - конец), который сообщает Вам, что Вы имеете дело именно с html-документом и ни с чем иным.

Гипертекст, то есть расширенный текст, включает дополнительные элементы: иллюстрации, ссылки, вставные объекты.

Назначение языка HTML

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

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

Особенность описания документа средствами языка HTML связана с принципиальной невозможностью достижения абсолютной точности воспроизведения исходного документа. Предполагается, что документ будет широко доступен в Интернете, и поэтому неизвестно, как будет организовано его воспроизведение. Документ может быть представлен на графическом экране, выведен в чисто текстовом виде или просто «прочитан» программой синтеза речи. Разметка HTML во всех этих случаях должна быть принята во внимание. Поэтому !язык HTML предназначен не для форматирования документа, а для его функциональной разметки. Под разметкой понимается использование специальных кодов, легко отделяемых от смыслового содержания документа и используемых для реализации гипертекста. Применение этих кодов подчиняется строгим правилам, определяемым спецификацией языка HTML.Например, документы обычно начинаются с заголовков. Свойство части документа «быть заголовком» — это не особенность форматирования документа, а характеристика его содержания. Конкретное средство отображения документа (браузер) выбирает свой способ пред­ставления части документа, описанной как заголовок.

 

Теги HTML

! Коды языка HTML, с помощью которых выполняется разметка исходного текста, называются тегами и вставляются непосредственно в текст документа.

Тег — это набор символов. Все теги начинаются с символа «меньше» (<) и заканчиваются симво­лом «больше» (>). Пару этих символов иногда называют угловыми скобками. После открывающей угловой скобки идет ключевое слово, определяющее тег.

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

Тэги можно разделить на две большие группы.

Тэги одной группы, называемые контейнерами, воздействуют на часть документа, заключенную между ними. Они имеют два компонента: открывающий (начальный) и закрывающий (конечный). Закрывающий тэг имеет то же название, что и открывающий, но перед его названием ставится косая черта (символ / (слэш)). Между открывающим и закрывающим тэгами могут располагаться текст или другие тэги.

Автономные(одиночные) тэги не имеют конечного компонента. Они вызывают однократное действие или при их интерпретации в отображаемый документ вставляется тот или иной объект. Например, тэг <IMG SRC="pict.gif"> вызывает вставку рисунка из файла pict.gif.

Как правило, один тег HTML воздействует только на часть доку­мента, например на абзац. В таких случаях используют парные теги: открывающий и закрывающий. Открывающий тег создает эффект, а закрывающий — прекращает его действие. Закрывающие теги начи­наются с символа косой черты (/).

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

Если по ошибке в теге указано ключевое слово, отсутствующее в языке HTML, то тег игнорируется целиком.

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

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

С функциональной точки зрения теги HTML можно распределить по следующим категориям:

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

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

- теги форматирования текста, описывающие параметры шрифтов, цвета и т.п.;

- теги организации гиперссылок;

- теги, устанавливающие связи HTML-файла с внешними объектами, например, графическими, звуковыми файлами и т.п.;

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

Базовый вариант языка HTML обладает рядом недостатков:

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

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

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

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

 

Атрибуты тегов

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

! Атрибуты представляют собой дополнительные ключевые слова, отделяемые от ключевого слова, определяющего тег, и от других атрибутов пробелами и размещаемые до завершающего тег символа «>». Способ применения некоторых атрибутов требует указания значения атрибута. Значение атрибута отделяется от ключевого слова атрибута символом «=» (знак равенства) и заключается в кавычки.

Атрибуты элемента определяют его свойства.

Примеры тэгов с атрибутами:

<BODY BGCOLOR="LIGHTBLUE"> – задает светло-синий фон для документа,

<FONT SIZE="+2" COLOR="RED"> текст </FONT> – парный тэг, дает указание Браузеру вывести заключенный в "контейнер" текст символами, увеличенными относительно базового размера (SIZE="+2") и красного цвета (COLOR="RED").

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

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

 

 




Поиск по сайту:

©2015-2020 studopedya.ru Все права принадлежат авторам размещенных материалов.