Гипертекст и язык гипертекстовой разметки HTML
Далее на сайте могут размещаться новые гипертексты с помощью тех же самых программ редактирования либо с помощью программ копирования файлов, предварительно подготовленных на своем рабочем компьютере.
Все размещаемые файлы должны быть гипертекстами, записанными в формате HTML и имеющими идентификаторы вида <имя>.html.
HTML — это язык разметки гипертекстов (hypertext markup languag
e).
По структуре гипертекст — это текст со ссылками на другие гипертексты, размещенные на данном сервере, либо на других серверах. При нажатии мышкой на такую ссылку браузер автоматически загружает на экран компьютера страницу гипертекста независимо от того, на каком сервере и в какой стране он находится.
С помощью указанных средств и программ в Интернет могут быть созданы самые разнообразные информационные сайты и системы — личные сайты, фирменные сайты, электронные газеты, журналы, электронные книги, энциклопедии, а также электронные архивы и библиотеки.
Разница между сайтами состоит в объеме информации, их структуре и процедурах обновления. В целом для сайтов в Интернет, как и для любой организации, можно говорить о жизненных циклах их создания, развития, модернизации и ликвидации.
Объем информации определяется владельцами — людьми или организациями, создавшими сайты и размещающими на них свою информацию. Объем информации на сайтах может составлять от нескольких килобайт до нескольких гигабайт (миллионов килобайт).
Структура сайтов может быть самой разнообразной. Простейшая структура — это главная страница со ссылками на набор текстов. Эти ссылки могут находиться в тексте главной страницы либо выделяться в оглавлении в ее начале.
Каждая страница сайта может быть снабжена названием, которое появляется на верхней строке экрана при загрузке сайта браузером.
Кроме того, в главной странице сайта можно указать список ключевых слов для поисковых систем.
Поисковые системы еженедельно просматривают все серверы в сети Интернет и записывают адреса всех найденных сайтов и гипертекстов вместе с выделенными в них ключевыми словами. По этим причинам не позже чем через неделю любая информация, опубликованная в Интернет, может быть найдена но содержащимся в них ключевым словам.
Кроме текстовой информации в гипертекстах можно вставлять таблицы, рисунки и фотографии, позволяющие создавать сайты с графическими иллюстрациями. Такие сайты с оглавлениями и фотографиями по организации и оформлению во многом схожи с иллюстрированными журналами и книгами.
Разница между сайтами, журналами и книгами состоит в том, что сайт может обновляться столько раз, сколько это необходимо, журналы переиздаются периодически, а большинство книг издается всего один раз. Таким образом, информационные сайты по форме и содержанию представляют собой электронные журналы, требующие своей редакции и своих дизайнеров.
Информационные сайты могут иметь иерархическую или сетевую структуру. В иерархических сайтах создаются оглавления, а в сайтах с сетевой структурой для навигации используются карты сайтов.
Наиболее сложные сайты представляют собой информационные системы, для обслуживания которых работают специальные информационные службы. Ярким примером являются электронные газеты, в которых информация обновляется ежедневно или даже ежечасно.
Примеры электронных газет, журналов и новостных сайтов:
gazeta.ru - новостной сайт;
internet.ru - Интернет-газета;
commputtera.ru - компьютерный журнал.
3. Язык гиппертекстов HTML
Язык HTML — это язык разметки гипертекстов, хранящихся на Web-серверах и отображаемых браузерами на экранах ЭВМ. Язык HTML определяет правила описания гипертекстов и отображения их браузерами на экранах компьютеров.
Гипертексты должны начинаться со слова <html> и заканчиваться словом </html>. Слова в угловых скобках <>в языке HTML называются тэгами, а в программировании — дескрипторами. Почти все тэги HTML парные — <html> и </html>, <head> и </head> и т.д.
Парные тэги выделяют некоторый фрагмент гипертекста — «заглавие», «тело» и т. д. Первый тэг начинает фрагмент, а второй — завершает его. В закрывающих дескрипторах перед именем ставится знак дроби / .
Общая структура гипертекстов, записанных в языке HTML:
гипертекст ::= <html> заглавие тело </html>
заглавие ::= <head> титул </head>
титул ::= <title> название </title>
тело ::= <body> текст </body>
В соответствии с правилами HTML гипертексты обязаны иметь «заглавие» и «тело». Как публикации гипертексты могут и должны содержать сведения об авторах и владельцах авторских прав (сайтов).
В заглавии гипертекста должно содержаться «название», которое браузерами отображается на самой верхней строке экрана ЭВМ. Название должно выражать главную идею публикации (страницы). Гипертекст без названия — это как статья без названия.
«Тело» гипертекста должно содержать тексты, таблицы, фотографии и иллюстрации. Отличие электронных гипертекстов от обычных бумажных текстов — включение гиперссылок, нажатие на которые вызывает загрузку новых гипертекстом.
Пример гипертекста и результат его отображения браузером на экране ЭВМ:
Гипертекст: Результат:
Результат работы браузера — загрузка и вывод на экран ЭВМ гипертекста, хранящегося на сайте по адресу, указанному в окне браузера. Если гипертекст слишком велик, то браузер выводит кнопки протяжки гипертекста справа или внизу экрана.
Размеры экранов ЭВМ имеют следующий спектр. Минимальный размер экрана — 640 х 480 пикселей. Далее стандартные размеры экранов — 800 х 600, 1024 х 768 и 1280 х 1024 пикселей. Поэтому на разных экранах гипертексты могут вы глядеть по-разному.
Общая структура гипертекстов и их отображения на экране ЭВМ:
Гипертекст: Результат:
Текстовая часть может состоять из строк и абзацев с заголовками и без заголовок, со списками, таблицами и меню.
тело ::— <body> текст </body>
текст::= заголовок { текст } |
абзац { текст } |
ссылки { текст } |
список { текст } |
таблица { текст } |
Заголовки в гипертекстах оформляются в следующем виде:
заголовок::= <h1> название </h1>
заголовок::= <h2> название </h2>
заголовок::= <h6> название </h6>
где тэги h1, . , h6 задают размер заголовков по отношению к основному тексту.
Абзацы в гипертекстах начинаются с дескриптора <p>:
абзац ::=<p | параметры |> гипертекст | </p> |
Переход на новую строку и абзацах указывается дескриптором <bг> . Конец абзаца </р> не обязателен, но необходим при использовании параметров в дескрипторе абзаца.
Основной параметр абзацев — align — выравнивание текстов на экране ЭВМ. Выравнивание текстов производится браузерами автоматически в соответствии с размерами экрана ЭВМ:
Другие рефераты на тему «Программирование, компьютеры и кибернетика»:
- Защита информации в компьютерной сети предприятия
- Компьютерные сети
- Анализ доходов отдела фирмы, занимающейся розничной торговлей офисной мебелью
- Анализ разработки этапов создания автоматизированного рабочего места
- Использование современной компьютерной техники и программного обеспечения для решения прикладных задач в области геодезических измерений
Поиск рефератов
Последние рефераты раздела
- Основные этапы объектно-ориентированного проектирования
- Основные структуры языка Java
- Основные принципы разработки графического пользовательского интерфейса
- Основы дискретной математики
- Программное обеспечение системы принятия решений адаптивного робота
- Программное обеспечение
- Проблемы сохранности информации в процессе предпринимательской деятельности