- •«Дальневосточный федеральный университет»
- •С. Г. Фадюшин информатика и информационные технологии Владивосток
- •Введение
- •1. Информационно-компьютерная культура
- •2. Устройство компьютера
- •3. Информация
- •4. Программное обеспечение пэвм
- •5. Настройка и обслуживание компьютерной системы
- •6. Электронные текстовые технологии
- •8. Базы данных и системы управления базами данных
- •1. Создание таблицы.
- •2. Создание форм для работы с таблицами.
- •3. Создание связи между таблицами
- •9. Растровая и векторная графики
- •10. Основы программирования
- •11. Интегрированная среда разработки приложений visual basic
- •11.2.Принципы и преимущества структурного программирования
- •13. Интернет
- •14. Язык разметки гипертекста
- •15. Перспективы развития информационных технологий и вычислительной техники
- •Приложение 1
- •Приложение 2
- •2. Организация занятий с пэвм студентов
14. Язык разметки гипертекста
14.1. Что такое язык разметки гипертекста
Язык разметки гипертекста – это стандартный язык разметкидокументов воВсемирной паутине (WWW), применяемый для создания Web-страниц (Web-pages) и других документов на их основе, например, электронных учебников (E-book). Язык разметки гипертекста интерпретируется браузером(программа для работы в Интернете) и отображается в виде документа, в удобной форме.
Первая версия языка разметки гипертекста HTML (Hypertext Markup Language) была изобретёна в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначалась для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Интернет. HTML является приложением («частным случаем») SGML(стандартного обобщённого языка разметки) и соответствует международному стандарту.
Кроме версии языка разметки гипертекста HTML существует версия языка разметки гипертекста XHTML (Extensible Hypertext Mark-up Language) – это расширяемый язык разметки гипертекста, новая редакция языка HTML. В отличие от языка HTML, в нем можно создавать собственные теги и формировать структуру документа. XHTML имеет более строгие правила верстки, чем язык HTML.
Для разметки гипертекста используются текстовые редакторы (блокнот) или специальные программы – HTML-редакторы, например, Macromedia HomeSite, Macromedia Dreamweaver и другие. Кроме вышеуказанных программ существует средства визуального проектирования (Microsoft FrontPage, HotMetal Pro) и программы-приложения MS Office. Они позволяют создавать web-страницы таким образом, чтобы полностью исключить необходимость набора тэгов HTML вручную. Подобные программы выполняют все необходимые операции автоматически. Недостатком таких программ является избыточный размер создаваемых web-страниц.
В языке HTML приняты следующие термины и понятия:
Тег – оператор языка HTML, который подаёт команду браузеру на выполнение какого-то действия, заданного пользователем при активации гиперссылки. Для выделения тегов используются угловые скобки, например, <H1>. Перед конечным тегом ставится косая черта с наклоном влево. Большинство тегов – парные, например, <H1> Самый крупный заголовок </H1>. Пример непарного тега: <HR>.
Теги могут иметь атрибуты, уточняющие действие тега, например, <H1 ALIGN = CENTER> Выравнивание заголовка по центру </H1>.
Элемент конструкция языка HTML, состоящая из одного или двух тегов, атрибутов и текста.
Атрибут – параметр элемента. Он располагается внутри начального тега и принимает одно из возможных (стандартных или произвольных) значений.
URL (Uniform Recourse Locator) – адрес ресурса. Он имеет вид http://www.название.домен/имя файла, например, http://www.msun.ru/index.php
Документ HTML имеет следующую структуру:
<HTML> - начало HTML-документа
<HEAD> - заголовок
<TITLE> - название Web-страницы
</TITLE> - конец названия
</HEAD> - конец заголовка
<BODY> - тело HTML-документа
<IMG SRC="URL" > - вставка рисунка
<H1 ALIGN = CENTER> Текст </H1> - ввод текста (по центру)
<A HREF="URL"> текст ссылки </A> - ссылка
</BODY>
</HTML> - конец HTML-документа
В этой структуре приведены основные теги, которые необходимы для создания web-страницы.
Документы HTML хранятся в виде файлов с расширением htm или html. Начальная web-страница, как правило, имеет следующее имя файла: index.html.
Таким образом, web-страницы – это документы в формате HTML, содержащие текст и специальные тэги (дескрипторы) HTML.
14.2. Специальные объекты языка разметки гипертекста
Для разметки гипертекста и создания web-страниц дополнительно к языку HTML или XHTML используются специальные объекты.
Cкрипты или сценарии (script) – это исполняемые модули, которые запускают специальные программы-апплеты, такие, как рекламные баннеры. Эти исполняемые модули создаются с помощью специальных программ, например, JavaScript, VBScript и др.
Каскадные таблицы стилей (CSS – Cascading Style Sheets). При использовании CSS указания о том, как должен выглядеть отдельный элемент web-страницы выносятся в отдельный блок, который включается в документ, или читаться из внешнего файла.
Flash– это программа, котораяпозволяет создавать анимационные файлы небольшого размерадля размещения их наweb-страницах.
Для проигрывания флэш-роликов в браузере должен стоять флэш-плагин. Это небольшая подпрограмма, которая позволяет браузеру понимать содержимое флеш-файлов.
Сейчас большинство браузеров по умолчанию содержат такой плагин либо загружают его автоматически, когда встречают флэш-ролик на странице. Иногда браузер может «спросить» что-то типа «для отображения содержимого страницы необходимо установить плагин, нажмите ОК, если согласны». При этом следует соблюдать осторожность, так как вместо плагина можно загрузить вирус.
Предварительный обработчик гипертекста (PHP – Hypertext Preprocessor) – это внедряемый в HTML язык описания скриптов, например, PHP Desigber 2008, Notepad ++. Используется для создания динамически генерируемых web-страниц.
Когда браузер запрашивает с Web-сервера страницу PHP, модуль PHP, прежде чем отправить эту страницу клиенту, осуществляет ее обработку, просматривает код PHP и выполняет заданные в нем инструкции. Это могут быть, например, команды отправки электронной почты, доступа к базе данных или преобразования чисел.
MySQL – это СУБД для работы специально в Интернете. Используется совместно с php.