Ахтулов А.Л. и др. Программные средства разработки Web-страниц и презентаций. Основы языка HTML - файл n1.doc

Ахтулов А.Л. и др. Программные средства разработки Web-страниц и презентаций. Основы языка HTML
Скачать все файлы (7248 kb.)

Доступные файлы (1):
n1.doc7248kb.19.02.2014 02:40скачать

n1.doc

  1   2   3


Федеральное агентство по образованию

Сибирская государственная автомобильно-дорожная академия

(СибАДИ)

А.Л. Ахтулов, Л.А. Внукова,

С.А. Зырянова, Ю.Б. Никитин


ПРОГРАММНЫЕ СРЕДСТВА

РАЗРАБОТКИ WEB-СТРАНИЦ

И ПРЕЗЕНТАЦИЙ.

ОСНОВЫ ЯЗЫКА HTML




Учебное пособие




Под общей редакцией

действительного члена Академии проблем качества,

д-ра техн. наук, проф. А.Л. Ахтулова




Допущено УМО по образованию в области прикладной математики и управления качеством в качестве учебного пособия для студентов высших учебных заведений, обучающихся по специальности 340100 – Управление качеством

Омск

Издательство СибАДИ

2006

УДК 681.3.06

ББК 32.973.2

П 78

Рецензенты

д-р. техн. наук, проф. кафедры САПРМиТП

Омского государственного технического университета М.Д. Суворов;

д-р. техн. наук, проф. кафедры ТмиТС

Омского государственного аграрного университета И.Г. Браилов

Работа одобрена редакционно-издательским советом академии в качестве учебного пособия для студентов специальностей: 340100 – «Управление качеством», 072000 – «Стандартизация и сертификация», 061100 – «Менеджмент организаций», 060800 – «Экономика и управление на предприятии», 291000 – «Автомобильные дороги и аэродромы», изучающих дисциплину «Программные средства разработки Web-страниц и презентаций»

Программные средства разработки Web-страниц и презентаций. Основы языка HTML: Учебное пособие / А.Л. Ахтулов, Л.А. Внукова, С.А. Зырянова, Ю.Б. Никитин; под общ. ред. А.Л. Ахтулова. – Омск: Изд-во СибАДИ, 2006. – 211 с.



Содержит теоретический матеиал, примеры, а также задания для практических занятий и самостоятельной работы. В пособии рассмотрены основные конструкции языка HTML, принципы создания и организации Web-страниц с помощью редакторов FrontPage и Macromedia Flash.

Ил. 149. Табл. 21. Библиогр.: 17 назв.


I


SBN 5-93204-253-2

© А.Л. Ахтулов, Л.А. Внукова, С.А. Зырянова, Ю.Б. Никитин, 2006

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

Изучив материал данного учебного пособия, вы познакомитесь с основными понятиями глобальной сети Интернет, научитесь работать в среде Internet Explorer, освоите язык HTML, ознакомитесь с возможностями редакторакторов FrontPage и Macromedia Flash, с помощью которых сможете создавать собственные Web-сайты.

Глава 1. СОЗДАНИЕ WEB-СТРАНИЦ
1.1.Основные понятия. Первые шаги построения Web-страницы
1.1.1. Представление об Интернете

Система Интернет была создана в конце 60-х годов американскими военными. Целью ее создания являлось осуществление надежной связи в случае вражеского нападения. Первоначально в Сеть входило всего четыре компьютера. В 1972 году в Сеть было подключено 50 университетов, работавших над военными проектами. В 1980 году в Сеть были подключены суперкомпьютеры. В 1991 году Интернет уже объединял все другие сети.

Интернет – совокупность нескольких тысяч компьютерных сетей, расположенных по всему миру и объединенных в единую сеть.

Провайдер (Service Provider) – фирма, которая обеспечивает доступ к Internet.
1.1.2. Гипертекст и Web-документ

Отличительной особенностью Сети и одновременно средством связи между страницами является гипертекст.

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

Гипертекст – документ, содержащий ссылки на другие документы.

Технология гипертекста позволяет свободно переходить от страницы к странице, следуя за заинтересовавшими вас ссылками. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания. В таком случае о ней говорят «гиперссылка» или даже «гиперсвязь». В качестве гиперссылки может выступать слово, фраза или графический элемент, если указатель мыши, установленный на этом объекте, меняет свое изображение.

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

Гипертекст с помощью гиперссылок связывает между собой множество документов. Возникает ассоциация с паутиной, которая соединяет информацию, разбросанную по всему миру. Паутина – по-английски «Web» (произносится «веб»). Так в 1991 году появилась Всемирная паутина – World Wide Web, коротко WWW.

WWW связывает миллионы гипертекстовых документов, которые по-другому называются Web-документами или Web-страницами, т.к. содержат кроме текстовых данных графические, анимационные, музыкальные.
1.1.3. Программа Браузер

Web-документы хранятся в файлах. Просматриваются данные файлы с помощью специальной программы. Просматривать – по-английски to browse (существительное browser по-русски произносится «браузер»).

Браузер – программа, служащая для просмотра Web-документов.

Существует много программ-браузеров. Mosaic, первый и необыкновенно популярный Web-браузер, получивший восторженные отзывы. Он был легок в использовании, работал на платформах UNIX, PC и Macintosh и распространялся бесплатно. Спустя некоторое время разработчик Mosaic объединился с основателем Silicon Graphich. Совместно они разработали Netscape. Позднее на рынке появился новый браузер – Internet Explorer, выпущенный фирмой Microsoft. Он также был быстро принят Интернет-сообществом. Рассмотрим браузер Microsoft Internet Explorer (рис.1).

Панель инструментов


Главное окно браузера

Линейка прокрутки




Строка состояния




Рис. 1. Окно браузера Microsoft Internet Explorer

В Главном окне браузера (см. рис. 1) основную часть рабочей области экрана составляет Web-страница. Прочитать загруженный в эту область текст можно с помощью расположенной справа вертикальной Линейки прокрутки.


Поле заголовка окна содержит название загруженной Web-страницы. В нашем примере название заголовка окна Browser.

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

В Строке адреса отображается полный адрес загруженного браузером документа. Вместо термина «адрес» чаще употребляют аббревиатуру URL.

URL (Uniform Resource Location) – унифицированный указатель ресурсов, указывает адрес Web-документа в WWW.

Основное меню содержит команды по работе с Web-страницей и окном браузера.

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

1.1.4. Модель «клиент – сервер»

Web использует технологию «клиент – сервер». Это означает, что где-то существует компьютер, на котором работает программное обеспечение Web-сервера. Различные пользователи являются клиентами, работающими с Web-браузерами, которые получают информацию с Web-сервера. Web-серверы обеспечивают прием и передачу информации пользователям по всему миру, они поддерживают соединения с другими Web-серверами, а также отслеживают важные статистические данные, например число посетителей определенной Web-страницы. В настоящее время существует около 150 000 Web-серверов, постоянно общающихся между собой. Это можно представить себе следующим образом: каждый Web-сервер содержит все протоколы и всю информацию, относящуюся к определенному узлу.


Модель «клиентсервер» определяет процесс разработки программного обеспечения из двух частей – серверной и клиентской, где соблюдаются протоколы обмена информацией между ними.

Web использует собственный способ связи – протокол HTTP, с помощью которого страницы отправляются и принимаются в Интернете.

HTTP (Hyper Text Transfer Protocol) – это протокол Интернета, позволяющий двум компьютерам общаться между собой в определенном формате. Любой протокол – это набор правил, которые используются компьютерами для обмена информацией. HTTP – самый распространенный, но не единственный протокол, поддерживаемый WWW.

На Web-сервере хранятся также сведения о том, где находятся документы, программы и другая информация. Например, когда используется Netscape для доступа к Web-узлу, сервер тут же предоставляет Netscape запрашиваемую информацию.
1.1.5. Web-страница

Web-страницы бывают разных форм и размеров. Некоторые из них – это просто личные визитные карточки в Интернете. Другие содержат уникальную информацию, которую больше нигде нельзя найти (например, страница плавающих рыб – домашняя страница, показывающая моментальные снимки аквариума в различное время дня). Многие предлагают услуги или продают товары через свои Web-страницы (домашние страницы, Web-сайты).

Домашняя страница (Home Page) – данный термин используется коммерческими информационными системами в качестве названия их вводных страниц.

Сайт (site) – набор Web-страниц, принадлежащих одному владельцу.

Иные создают Web-страницы просто для забавы; некоторые просто слышали о Web и решили, что Web-страница – это современно. Необходимо заранее определить назначение будущей Web-страницы.

Если решили, для чего нужна Web-страница, то теперь следует определить, какую на нее поместить информацию. Сознавая цель, будет значительно легче разработать и создать Web-страницу.
Что можно расположить на Web-странице

Подавляющее большинство существующих Web-страниц – это личные Web-страницы, созданные частными лицами.

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

– контактная информация;

– хобби, интересы;

– профессиональная деятельность;

– биография;

– портрет;

– публикации;

– ссылки на другие Web-страницы.

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

Итак, содержание Web-страницы определено. Если вы еще не решили, что хотите разместить на Web-странице, то рассмотрим несколько рекомендаций:

1. Определите, что будет размещено на Web-странице, и составьте ее эскиз на листе бумаги.

2. Сгруппируйте информацию по нескольким разделам.

3. Набросайте текст, который должен находиться в каждом из разделов.

4. Найдите графику и определите положение на странице.

5. Если будут включены графика, звук или видеоклипы, попробуйте прикинуть, сколько места для них потребуется.

Совет: постоянно совершенствуйте Web-страницу. Начните с чего-нибудь простенького, а затем придайте ей изысканность.  
1.1.6. Язык HTML

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

Язык HTML – язык разметки гипертекста. Расшифровывается как Hyper Text Markup Language (произносится «эйч-ти-эм-эл»).

Это стандарт, в соответствии с которым документы Web отображаются браузерами. Как ясно из названия, HTML – это метод разметки стандартного текста таким образом, чтобы браузер интерпретировал определенные команды, отображал информацию в нужном формате.

С помощью языка HTML создаются HTML-файлы, которые отображаются с помощью браузера в виде Web-документа.

HTML-файл – текстовый файл, имеющий расширение .htm.

На рис. 2 слева – Web-документ, справа – его HTML-файл.

Рис. 2. Отображение в окне Web-документа (слева) и соответствующего ему HTML-файла (справа)
Язык HTML состоит из специальных разметочных указателей – тегов. Их также называют командами или кодами языка HTML.

Тег (от англ. слова Tag) – команда HTML, указывающая, какую операцию необходимо выполнить, например, вывести на экран текст, нарисовать линию или использовать графику.

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

Тег начинается со знака «меньше» (<) и заканчивается знаком «больше» (>). Прописные и строчные буквы при написании тегов не различаются.

Существует два типа тегов – парные и непарные. Парный тег влияет на текст с того места, где употреблен, до того места, где указан признак окончания его действия (им служит тот же самый тег, только начинающийся с символа слэш «/»). В качестве примера приведем парный тег, указывающий браузеру, что далее следует HTML-файл: <HTML>…HTML>. Теги по выполняемым ими функциям делятся на структурные теги, теги формирования абзацев, символов и т.д.

В табл. 1 приведены структурные теги.

Таблица 1. Структурные теги

Тег

Комментарий



Указывает браузеру, что далее следует HTML-файл. Весь текст HTML-файла должен находиться внутри этого тега



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

<META http-equiv="Content-Type" content="text/html; charset=windows-1251"> задает браузеру информацию о кодировке, в которой написан текст HTML-документа. В данном случае задана стандартная кодировка Windows



Тег названия окна. Пишется внутри тега HEAD. Отображается в строке заголовка окна, название можно поместить в списке закладок, при поиске в WWW считается названием Web-страницы



Определяет тело документа, внутри этого тега пишется то, что будет доступно в области просмотра браузера. Этот тег имеет несколько параметров, описывающих цвет фона окна просмотра, рисунок в нем, цвет текста и т. п.
  1   2   3
Учебный текст
© perviydoc.ru
При копировании укажите ссылку.
обратиться к администрации