WWW.DISSERS.RU

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

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


Pages:     || 2 | 3 | 4 | 5 |   ...   | 6 |
Учебно методический комплекс «Интернет технологии — образованию» Начала сайтостроения Рекомендовано Министерством образования Российской Федерации в качестве учебного пособия для системы дополнительного профессионального образования МОСКВА 2002 ББК 32.81 М45 Под редакцией:

Светланы Михайловны Авдеевой, Павла Юрьевича Белкина, Александра Александровича Елизарова, Екатерины Владимировны Алексеевой Рецензенты:

Никитин Эдуард Михайлович, д р пед. наук, проф., ректор АПКиПРО;

Рябов Виктор Васильевич, д р ист. наук, проф., ректор МГПУ, академик Международной академии информационных процессов и технологий Мейксон П.Г., Подбельский В.В.

М45 Учебно методический комплекс «Интернет технологии — образованию»:

Начала сайтостроения: Учеб. пособие для системы доп. проф. образования. — М.:

Федерация Интернет Образования, 2002. — 52 с.

ISBN 5 901891 02 3.

Пособие предназначено для начального ознакомления с основными средствами сайтостроения: языком HTML, каскадными стилями (CSS), скриптами, Java аплетами. Приведены общие сведения об XML и технологиях формирования WEB страниц на стороне WEB сервера.

Пособие рекомендуется для использования в учебных центрах Федерации Интернет Образования и учреждениях дополнительного профессионального образования.

ББК 32.81 © Федерация Интернет Образования, 2002 ISBN 5 901891 02 3 © Московский Центр Интернет образования, 2002 2 Содержание Введение.................................................................................................................................................................................................. 4 История языка HTML................................................................................................................................................................. 5 Простейший HTML документ............................................................................................................................................. Гиперссылки..................................................................................................................................................................................... Представление структуры документа...................................................................................................................... Оформление внешнего вида документа.................................................................................................................. Каскадные таблицы стилей (CSS)................................................................................................................................. Таблицы и слои............................................................................................................................................................................... Mета теги............................................................................................................................................................................................. Формы и CGI протокол.......................................................................................................................................................... Технология Server Side Include (SSI)........................................................................................................................ Скрипты в HTML документах........................................................................................................................................ Динамический HTML (DHTML)..................................................................................................................................... Технология активных серверных страниц (ASP)........................................................................................... Технология PHP............................................................................................................................................................................. Java аплеты....................................................................................................................................................................................... Встраивание объектов. Элемент OBJECT............................................................................................................. Переход к языку XML............................................................................................................................................................. Заключение........................................................................................................................................................................................ Введение Сегодня создать Web страницу, которую потом можно сделать доступной для пользова телей Интернет, совсем не сложно. Для этого существуют многочисленные HTML ре дакторы, графические редакторы и другие инструментальные средства, научиться рабо тать с которыми достаточно просто. Даже такой широко распространенный текстовый редактор, как Microsoft Word, позволяет автоматически формировать HTML документы.

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

В соответствии с замыслом первого из авторов пособие содержит не учебный, а обзор ный материал. Это позволяет читателю получить общее представление о многообразии средств, которые используют современные Web мастера при разработке Web докумен тов. Знания (даже хорошего) языка HTML и владения средствами автоматизированной подготовки Web страниц в настоящее время недостаточно для проектирования конкурен тоспособных Web сайтов. Нужно уметь использовать листы каскадных стилей; програм мировать скрипты (сценарии), выполняемые как на ЭВМ Web сервера, так и на ЭВМ Web клиента; понимать принципы обработки событий, происходящих при общении пользователя с Web браузером; уметь индексировать создаваемые HTML документы (например, с помощью мета тегов); понимать механизмы формирования HTML кодов «на лету»; знать основные принципы и особенности организации доступа из Web системы к ресурсам на ЭВМ Web сервера (к файловой системе, к базам данных); понимать прин ципиальные отличия Java аплетов от скриптов на языке JavaScript и т. д.



Практически все перечисленные темы в той или иной мере затронуты в данном пособии, но его объем ни в коем случае недостаточен для подробного их изучения. Предполага ется, что читатель получит пособие в составе полного комплекта учебно методических материалов по программе обучения Федерации Интернет Образования. Задача настоя щего пособия — дать общую картину Web технологий и познакомить читателя с прин ципами, особенностями и терминами каждой из них. Наибольшее внимание уделено языку HTML, так как он является основным и в настоящее время центральным механизмом, на который «навешиваются» средства наиболее перспективных технологий Web проекти рования.

Несколько слов о соавторстве при написании данного пособия. Общий замысел книги и выбор материала принадлежат П.Г. Мейксону. Его эмоционально написанный текст был переработан и дополнен В.В. Подбельским. Цель переработки состояла в устранении тер минологических неточностей и несоответствий в других пособиях упомянутого комплекта учебно методических материалов.

История языка HTML Язык разметки гипертекста — HTML (Hypertext Markup Language) — возник на стыке нескольких направлений исследований и разработок. Существуют три фактора, повли явших на особенности и возможности HTML.

Во первых, HTML предназначен в основном для создания гипертекстовых документов, и поэтому понимание того, что такое гипертекст, абсолютно необходимо для изучения языка HTML. Первые концепции и разработки, посвященные гипертексту, принадле жали Ванневару Бушу, предложившему концепцию системы Memex в сороковые годы, а также Дагласу Энгельбарту и Теодору Нельсону, работавшим над этой технологией в шестидесятые годы.

Ванневар Буш (1890—1974), научный советник президента Ф. Д. Рузвельта, считается первым, кто дал описание гипертекста. Он сделал это в своей статье 1945 г. «Как мы можем думать» (As We May Think. Atlantic Monthly, July 1945, pp. 101—108, http://www.isg.

sfu.ca/~duchier/misc/vbush/), в которой призвал не пожалеть в послевоенное время уси лий для механизации поиска данных в научной литературе. Он описал браузер — диало говую машину для просмотра обширной тексто графической системы и пополнения ее записями.

Эта система, получившая название Memex, включала в себя очень большую библиотеку, а также личные записи, фотографии, зарисовки. Она имела несколько экранов и позво ляла вводить помеченную связь между любыми двумя точками библиотеки. Хотя Буш продемонстрировал замечательный дар предвидения, он не разглядел будущей силы ком пьютера — его Memex использует микрофильмы и фотоэлементы. Однако Буш верно предвидел информационный взрыв и в обоснование своих идей ссылался на потребность в более естественных типах указателей, обеспечивающих информационный поиск.

Термин «гипертекст» предложил Тед Нельсон в 1965 г. Вот как звучит определение ги пертекста, которое дал Нельсон в 1987 г.: «...форма письма, которое ветвится или осуще ствляется по запросу». Иначе говоря, HTML — это «нелинейное письмо», которое «боль ше, чем текст» (hypertext).

Во вторых, HTML — это язык разметки, построенный на принципах SGML. В 1986 г.

Международная организация по стандартизации (ISO) приняла стандарт ISO 8879, озаглавленный Standard Generalized Markup Language (SGML) — Стандартный обобщен ный язык разметки. Стандарт в Интернет доступен по адресу: http://www.Webreference.

com/dlab/books/html/3 0.html. Названный стандарт вводит SGML — обобщенный метаязык, позволяющий строить системы логической, структурной разметки текстов любых разновидностей. При этом управляющие коды, вносимые в текст при такой раз метке, не несут никакой информации о внешнем виде документа, а лишь указывают гра ницы и соподчинение его составных частей, т. е. задают его логическую структуру. Вот до некоторой степени такой системой и является HTML.

Третьим фактором, определившим специфику HTML, было его применение в Интернете.

В 1989 г., после экспериментов с собственными новыми сетевыми технологиями, Европей ская лаборатория физики элементарных частиц (CERN) подсоединилась к Интернет. Этот исследовательский центр, расположенный в Женеве (Швейцария), сыграл существенную роль в разработке и принятии стандартов связи и распределенных вычислений, в част ности, двух фундаментальных протоколов, которые являются базовыми для Интернет:

Transmission Control Protocol (TCP) и Internet Protocol (IP).

Учебно методический комплекс «Интернет технологии — образованию» В том же 1989 г. Тим Бернерс Ли предложил глобальную гипертекстовую систему, осно ванную на более раннем проекте «Enquire» и позволившую соединять связями не только текст, но и графику, звуки, видео. Глобальность этой системы, в отличие, например, от системы Теда Нельсона, состояла в том, что данные распределены по всему миру, а ее основой стал Интернет.





Бернерс Ли был по образованию физиком. В 1984 г. он пришел в CERN, где занимался разработкой многозадачных операционных систем и компьютерных приложений. Изна чальная цель создания новой системы, как и всего Интернет, состояла в обеспечении ученых, прежде всего физиков, новыми, удобными средствами общения, обеспечиваю щими обмен результатами экспериментов и публикациями.

Через год Бернерс Ли написал первое клиент серверное программное обеспечение (гипертекстовую систему Enquire) для того, что теперь известно как World Wide Web (WWW или W3). Эта система была впервые задействована в декабре 1990 г. и дорабаты валась вплоть до 1993 г. За это время был предложен гипертекстовый протокол передачи данных (HTTP—Hypertext Transfer Protocol).

Язык HTML постоянно развивался с момента его создания. Стандартизацией этого языка занимается консорциум World Wide Web, сокращенно W3C (http://www.w3.org/). 14 ян варя 1997 г. W3C опубликовал спецификацию языка HTML версии 3.2. Менее чем через год, 18 декабря 1997 г., W3C опубликовал спецификацию HTML 4.0, в которой была оконча тельно рекомендована к применению концепция CSS.

Простейший HTML документ Теперь обратимся к самому языку разметки гипертекста — HTML.

Рассмотрим структуру простейшего HTML документа. Подготовим в любом текстовом редакторе файл test_1.html, содержащий следующий текст:

1 Учебно методический комплекс «Интернет технологии — образованию» Начала сайтостроения Рекомендовано Министерством образования Российской Федерации в качестве учебного пособия для Перед нами текст простейшей HTML страницы или, иначе, Web страницы. Структурой и форматированием HTML документа управляют директивы языка HTML, называемые тегами. Теги всегда ограничены угловыми скобками. Практически все теги являются парными, т. е. открывающему тегу соответствует закрывающий, который пишется с чер той (/) после открывающей скобки, т. е. его начало имеет вид «

В случае нашего простейшего примера документ начинается с открывающего тега и заканчивается закрывающим тегом . Они очерчивают границы документа, т. е.

вводят элемент с именем html, представляющий HTML документ в целом.

Внутри документа, ограниченного парой , первым элементом является head — «заголовок документа», ограниченный тегами и . В этой части документа (в элементе head) может содержаться множество важной информации, но, во первых, содержимое элемента head не отображается в окне браузера, а во вторых, эта информация не обязательная. Единственным исключением является обязательный элемент title. Текст, содержащийся между тегами 1 Учебно методический комплекс «Интернет технологии — образованию» Начала сайтостроения Рекомендовано Министерством образования Российской Федерации в качестве учебного пособия для, отображается в заголовке окна браузера как название документа (рис. 1).

Рис. 1. Часть окна браузера с заголовком и адресной строкой Учебно методический комплекс «Интернет технологии — образованию» За заголовком следует элемент body — «тело» документа, ограниченное тегами .... Здесь и располагается содержимое страницы, которое видит пользователь в рабочем поле окна браузера.

Что касается имен тегов и атрибутов (о них позже) языка HTML, то их можно записы вать символами верхнего и нижнего регистров, т. е. как строчными, так и прописными буквами — браузер не делает различия между «большими» и «малыми» буквами. Об этой особенности принято говорить, что HTML является регистронечувствительным языком.

Вы можете, например, написать 1 Учебно методический комплекс «Интернет технологии — образованию» Начала сайтостроения Рекомендовано Министерством образования Российской Федерации в качестве учебного пособия для Для обеспечения преемственности при переходе от HTML к более современным яыкам разметки (XHTML, XML) рекомендуется для записи тегов и их атрибутов использовать «малые буквы». В любом случае структуру HTML документа можно представлять как вложение его элементов (рис. 2).

Рис. 2. Вложение элементов простейшего HTML документа Перейдем теперь к содержимому элемента body. Рассмотрим следующий пример:

1 Учебно методический комплекс «Интернет технологии — образованию» Начала сайтостроения Рекомендовано Министерством образования Российской Федерации в качестве учебного пособия для

первый абзац текста первый абзац текста Простейший HTML документ первый абзац текста первый абзац текста первый абзац текста первый абзац текста

второй абзац текста второй абзац текста второй абзац текста второй абзац текста

В этом примере появился тег

— тег разбиения текста на абзацы. Если не заканчивать абзац закрывающим тегом

, то ошибки не возникнет, но общие правила требуют закрывающего тега.

Если набрать этот пример в любом текстовом редакторе и сохранить в файле с расширени ем htm или html, а затем открыть этот файл в браузере, то окно браузера будет иметь вид, показанный на рис. 3. Здесь в заголовке окна браузера «пример 2» — содержимое элемента title и фирменное название браузера «Microsoft Internet Explorer»; в адресной строке — полное имя файла; в рабочем поле окна браузера — текст абзацев из элемента body.

Рис. 3. Отображение документа «пример 2» браузером При использовании обычного набора тегов абзацы в отображении HTML документа не имеют абзацного отступа и отделяются в рабочем поле окна браузера друг от друга пустой строкой. Если нужно начать текст с новой строки, не создавая нового абзаца (не добавляя пустую строку), используйте тег
— переход на новую строку. Это один из «непар ных» тегов — он не имеет закрывающего тега.

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










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

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