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

Понятие гипертекста. Язык разметки документов html. Веб-страницы. Веб-обозреватели (браузеры). Программные средства создания веб-страниц и веб-сайтов

Гипертекст - размеченный текст, содержащий в себе ссылки на внешние ресурсы. Обобщенно, под термином гипертекст понимают любые пересылки в тексте к другим текстам, в том числе и в книгах. Система гипертекстовых ссылок является основой навигации по WWW-серверам всего мира.

В состав гипертекстовых документов входит информация (текстовая и графическая), которую нужно отобразить, а также специальные команды языка HTML (теги), определяющие размещение этой информации на странице. То есть именно тегами задается цвет, тип и высота шрифта, местоположение графической информации, наличие анимации (мультипликационных вставок) и звукового сопровождения. Причем, подобный документ сугубо текстовый, а файлы графики и звука находятся совсем в отдельной папке. Но самое главное, что в любом месте страницы можно вставить ссылки на другой объект или документ. В основном, это делается выделением определенного слова или строки цветом или подчеркиванием, но в качестве ссылки может быть использован и рисунок. При наведении на него стрелки мыши она превращается в значок, изображающий руку. Это означает, что щелкнув по данному объекту, Вы осуществите переход по ссылке, которая на него "завязана". Это может быть страница, которая размещенная на этом же компьютере, страница, находящаяся в локальной сети на соседней машине, или страница, которая размещенная на сервере сети Интернет. Тег - стартовый или конечный маркеры элемента. Теги определяют границы действия элементов и отделяют элементы друг от друга. В тексте Web-страницы теги заключаются в угловые скобки, а конечный тег всегда снабжается косой чертой. Теги бывают "контейнерными", т.е. состоящими из двух частей, начала, т.е. отметки, откуда применять указанные в теге параметры, и закрывающей части, т.е. обозначения, докуда заданные параметры действуют. Бывают теги и не требующие закрывающей части. Атрибут - параметр или свойство элемента. Это, по сути, переменная, которая имеет стандартное имя и которой может присваиваться определенный набор значений: стандартных или произвольных. Предполагается, что символьные значения атрибутов заключаются в прямые кавычки, но некоторые браузеры позволяют не использовать кавычки. Это объясняется тем, что тип атрибута всегда известен заранее. Атрибуты располагаются внутри стартового тега и отделяются друг от друга пробелами. Язык разметки гипертекстовых страниц (HTML - Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет. Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). Стандарты, спецификации и проекты новых предложений можно найти на сайте http://www.3w.org/.В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет. На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML. Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров. Компендиум HTML находится на сайте http://www.htmlcompendium.org. С технической точки зрения Web-страница - это обычный текстовый файл, который можно создать в любом текстовом редакторе, том же Блокноте, стандартно поставляемом в составе Windows. Этот файл содержит собственно текст Web-страницы и различные команды форматирования этого самого текста. Команды форматирования называются тегами, а описывает их особый язык HTML (HyperText Markup Language, язык гипертекстовой разметки). Файлы, содержащие Web-страницы, должны иметь расширение htm[l]. Они сохраняются на жестких дисках серверного компьютера. Получив от Web-обозревателя запрос по протоколу HTTP, Web-сервер (серверная программа, обеспечивающая работу сервиса WWW) загружает эти файлы и отправляет Web-обозревателю. В настоящее время самые популярные браузеры это: · Microsoft Internet Explorer(IE) ·Безусловный лидер по количеству людей, которые его используют. По различным оценкам доля этого браузера составляет 85-95%. Последнее время его теснит Firefox, но с выходом IE7 у Firefox'а могут быть проблемы в дальнейшем отвоевывании рынка. ·Mozilla Firefox ·Возникший из пепла умирающего Netscape Navigator в конце 90-х этот браузер стремительно набирает обороты. Его популярность это сумма двух составляющих: открытый код и огромное количество расширений (plugin'ов), которые может написать любой желающий. Некоторые из расширений - просто шедевры. Лично я пользуюсь расширением HTML Validator, которое показывает мне html ошибки на веб - странице с подробным описанием ошибки. Это очень помогает при разработке веб - страниц. ·Opera · Браузер от скандинавских программистов. Бесплатный и весьма богатый на функции. Также существует большое количество браузеров, которые на самом деле используют библиотеки от Internet Explorer. Статические и динамические страницы Страницы делятся на статические и динамические по поведению документа в браузере. С другой стороны эти понятия часто используют и в другом смысле. Документы также делятся на статические и динамические по способу создания документа. По поведению документа в браузере пользователя, различают: · Статические html страницы ·Статические - означает, что страница выглядит всегда одинаково, на зависимо от действий пользователя. Например, меню организованно ссылками на отдельные страницы, а не выпадающим списком. · Динамические html страницы ·Эти страницы уже могут реагировать на действия пользователя и изменяться. Например, при щелчке по тексту может показываться всплывающий блок текста с переводом слова. Кстати, именно так реализован один из плугинов-переводчиков для браузера Firefox. Динамика на веб страницах реализована при помощи скриптов, которые выполняются браузером. Многие элементы языка html поддерживают определение обработчиков событий. Например, можно задать обработку события "нажатия кнопки мыши" на картинке. Тогда если пользователь кликнет на эту картинку, вызовется определенный для этого обработчик. Самый распространенный язык для создания динамики веб страниц - это JavaScript. Реже используется VBscript(visual basic script). Веб-сайт (англ. Website, от web - паутина и site - "место") - в компьютерной сети объединённая под одним адресом совокупность документов частного лица или организации. По умолчанию подразумевается что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP. Веб-сайты иначе называют Интернет-представительством человека или организации. Web-страница - файл, хранящийся на сервере и используемый Web-сервером для показа на браузере клиента. Web-сайт - это набор документов, хранящийся на сервере, управляемый Web-сервером и имеющий Программные средства Создание web-сайтов, их поддержка и развитие осуществляется с помощью специализированного ПО. HTML-документ, можно создавать в любом текстовом редакторе, например, в "блокноте" (MS NotePAD в составе Windows). HTML-документ, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов (WYSIWYG -What You See Is What You Get), таких, например, как Microsoft FrontPage. WYSIWYG-редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее: создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача; документ подготовленный с помощью какой-либо программы проще конвертировать, чем создавать заново; текстовые редакторы можно использовать для очистки от "мусора" HTML-документов, созданных с помощью специализированных программ; при создании эффектов с помощью специальных программ (например, Microsoft FrontPage) следует предусмотреть поддержку этих эффектов на web-сервере. Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia (http://www.macromedia.com). Очень популярны пакеты Macromedia: Dreamweaver, HomeSite (до версии 5 этот пакет выходил под названием Allaire HomeSite), а также специализированные пакеты для создания компьютерной графики и анимации. Создание графики для web заслуживает особого внимания. Следует иметь в виду, что графика бывает двух видов: растровой (когда описывается каждая точка изображения) и векторная (когда задается формула для генерации изображения). Последний способ построения графики более компактен и, в частности, идеально подходит для создания анимаций. имя - адрес URL. В следующей таблице представлены наиболее популярные программные средства, предназначенные для разработки Web-сайтов.