МБОУ СОШ №11
Г. Струнино
HTML и создание сайтов
Подготовил: Попов Егор
Проверил: Волков Юрий Павлович
Оглавление
World Wide Web (WWW)
История WWW
Что такое WWW?
Как в WWW задается местонахождение документа?
Программы просмотра
Области использования WWW
Насколько популярен Web?
HTML
Структура HTML документа
Создание списков
Форматирование параграфов и вывод текста в несколько столбцов
Форматирование символов
Управление цветом
Использование специальных символов
Создание таблиц
Встраивание гипертекстовых ссылок
Кадры
Специальные эффекты
Формы
Команды META
3.0 Психолого - эргономические требования
3.1 Требования к процедуре взаимодействия пользователя с ЭВМ
3.2 Требования к выбору вида диалога
3.3 Требования к проектированию дисплейных форматов
3.4 Требования к временным параметрам диалога пользователя с ЭВМ
3.5 Требования к организации информации на экране
3.6 Требования к кодированию информации на экране
World Wide Web (WWW) История WWW
Internet, как мы уже знаем, - это крупнейшая мировая компьютерная сеть. Сейчас Internet имеет примерно 20 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы имеем ввиду не одно и то же. WWW можно отнести к внутреннему содержанию, т.е. это какой-то абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.
История WWW - Мировой Информационной Паутины началась в Марте 1989, когда Tim BernersLee из Европейской Лаборатории Физики Элементарных Частиц (известной как CERN), где работал коллектив исследователей физиков, предложил новый способ обмена результатами исследований и идеями между организациями. Такой обмен был очень необходим, потому что члены этой организации работали в разных странах. Предлагалось использовать просто систему гипертекста для передачи документов и установления связи между членами общества физиков - ядерщиков. Тогда еще не было планов задействования звука или видео, и не рассматривалась возможность передачи изображения. К концу 1990, впервые программное обеспечение WWW было установлено на ЭВМ NeXT. Теперь можно было просматривать и передавать документы гипертекста другим людям через Internet, а также появилась возможность редактировать документы гипертекста прямо на экране компьютера. Программа сначала демонстрировалась перед членами общества и на семинарах в CERN'е, а затем была показана на конференции “Гипертекст'91”. До 1992 Tim продолжал выступать со своим проектом, до тех пор пока не появились желающие продолжить работу над этой проблемой. Сотни людей со всего мира приняли участие в разработке этого проекта, одни писали программы и документы для WWW, другие просто рассказывали людям о WWW. Группа пионеров-проектировщиков WWW даже не могла предполагать тогда, что начатое ими дело достигнет таких масштабов. Только за первых четыре месяца 1994 о WWW говорили и писали CNN, “Wall Street Journal”, “Economist”, “Fortune”, “New York Times” и многие компьютерные издания.
Что такое WWW?
Так что же такое World Wide Web, или, как говорят в просторечье, WWW, the Web, или еще проще - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку. Распределенная информационная система: информация хранится на огромном множестве так называемых WWW-серверов (servers). То есть компьютеров, на которых установлено специальное программное обеспечение и которые объединены в сеть Internet. Пользователи, имеющие доступ к сети, получают эту информацию при помощи программ-клиентов, называемых программами просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, хранящему файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот требуемый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколу. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двух и трехмерную графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов, каждый из которых может содержать как внутренние перекрестные ссылки, так и ссылки на другие документы, хранящиеся на том же самом или на любом другом сервере. Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-либо образом (например, другим цветом и/или подчеркиванием) участки текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Именно по этому принципу построена в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.
Итак, WWW-документ может содержать стилизованный и форматированный текст, графику и гиперсвязи с различными ресурсами Internet. Чтобы реализовать все эти возможности, был разработан специальный язык, названный HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные стандартом HTML последовательности символов, являющиеся инструкциями для программы просмотра; согласно этим инструкциям программа располагает текст на экране, включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает облик WWW-документа только тогда, когда он интерпретируется программой просмотра. О языке HTML мы подробно расскажем в соответствующих разделах книги, поскольку без знания основ этого языка невозможно создать свой собственный гипертекст для публикации в WWW.
Как в WWW задается местонахождение документа?
Виртуальный мир WWW населен миллионами документов, обитающих на сотнях тысяч серверов. Задача WWW путешественника - найти среди них тот, который содержит необходимую информацию, и прочитать его при помощи программы просмотра, - а для этого программа просмотра должна знать точное местонахождение данного документа. Оно однозначно определяется адресом сервера, номером порта, именем директории и именем файла с этим документом. Для успешной загрузки требуемого документа сервера программе просмотра также нужно указать протокол, используемый этим сервером. Это связано с тем, то кроме WWW-серверов, программы просмотра могут обращаться к серверам пересылки файлов (так называемым FTPсерверам), серверам телеконференций, серверам электронной почты и некоторым другим типам серверов. Комбинация протокола, адреса сервера, номера порта, имени директории и имени файла получила название Uniform Resource Locator, или сокращенно URL. Синтаксис URL показан ниже: протокол://адрес_сервера: номер порта/имя_директории/имя_файлаПротокол, как уже было сказано выше, это совокупность правил, по которым происходит взаимодействие клиент-сервер. Мы уже знаем, что “родной” протокол WWW называется http. Кроме http, WWWклиенты могут общаться с серверами, поддерживающими протоколы ftp, gopher и некоторыми другими, на которых я здесь останавливаться не буду, а расскажу о них далее. Название протокола отделяется от остальной части URL двоеточием. В названии протокола прописные латинские буквы и соответствующие им строчные буквы эквивалентны. Начало адреса отмечается двумя косыми чертами // Он состоит из нескольких частей - так называемых поддоменов. Поддомены, представляющие собой сочетания букв и цифр, разделяются точками, причем, “уточнение координат адресата” от более крупных к более мелким поддоменам происходит справа налево. Так же как и в названии протокола, в адресе сервера прописные латинские буквы и соответствующие им строчные буквы эквивалентны. Номер порта выражается целым положительным числом и отделяется от адреса двоеточием. Порт - это как бы “дверь”, через которую можно зайти в сервер. Сервер может иметь несколько доступных портов; если номер порта WWW-сервера равен 80, то в URL его можно не указывать. Файлы с документами, публикуемыми в WWW, часто имеют суффиксы .html или .htm. Эти суффиксы являются аббревиатурой от названия языка, на котором пишут WWW-документы, HyperText Markup Language, о котором будет подробно рассказано далее. Если имя директории начинается с символа (тильда), это означает, что это - так называемая домашняя директория (home directory) пользователя данной компьютерной системы. На компьютерах с многопользовательской операционной системой UNIX каждому пользователю присваивается имя пользователя, под которым он регистрируется в системе, и выделяется собственная “домашняя” директория, предназначенная для хранения принадлежащих ему файлов. Имя домашней директории совпадает с именем пользователя. Вместо абсолютного имени домашней директории с указанием всех ее поддиректорий можно использовать имя пользователя, которому предшествует символ (тильда). Обратите внимание на следующие особенности задания имен директорий и файлов в URL: Директория, указанная в URL, как правило, не совпадает с истинной директорией в файловой системе на том сервере, где находится требуемый файл. Преобразование директорий, заданных в URL, в истинные директории в файловой системе осуществляется WWW-сервером согласно правилам, заданным при его установке и настройке. Если в URL указано только имя директории, а имя файла не задано, то сервер на такой запрос вышлет файл с определенным именем, зависящим от настройки сервера. Если же такого файла в заданной директории нет, то большинство серверов автоматически вышлют вам список всех файлов в данной директории.
Программы просмотра
Мы уже знаем, что, программа, с которой непосредственно общается пользователь при работе с ресурсами WWW, называется программой просмотра WWW-документов. Напоминаем, что работа такой программы заключается в посылке запроса к заданному серверу, интерпретации полученной информации и представления ее пользователю. Кроме того, она выполняет ряд вспомогательных задач, например, поддерживает список прочитанных документов, чтобы пользователь мог к ним вернуться в дальнейшем. В настоящее время получили распространение более десяти программ просмотра WWW-документов. Из графических программ просмотра наибольшего внимания, на наш взгляд, заслуживают NCSA Mosaic, Netscape Navigator и Microsoft Internet Explorer.
Программа NCSA Mosaic была создана в Национальном Центре Суперкомпьютерных Приложений Университета штата Иллинойс в Урбана-Шампэйн в начале 1993 года группой программистов, возглавляемых студентом по имени Марк Андреессен. В то время Mosaic являлась единственной программой просмотра, написанной на профессиональном уровне, дружественной по отношению к пользователю и работающей на многих типах компьютеров. Не вызывает сомнений, что именно Mosaic открыла World Wide Web для большинства пользователей. В настоящее время в NCSA группа разработчиков (в основном, студентов старших курсов) продолжает трудиться над новыми версиями Mosaic, несмотря на то, что по своим возможностям эта программа уже существенно уступает более новым программам. Mosaic является некоммерческим программным продуктом, доступным для пользователей бесплатно. Исходный код программы Mosaic открыт и активно используется разработчиками многих других программ просмотра.
Netscape Navigator (сокращенно - Netscape) - это в настоящий момент, пожалуй, самая популярная программой просмотра, работающая на тех же типах компьютеров, что и Mosaic. Netscape - детище компании Netscape Communications Corporation, основанной в начале 1994 года Джимом Кларком, который в свое время основал крупную компанию Silicon Graphics, знаменитую своими графическими станциями. Джиму Кларку удалось переманить в Netscape Communications Corporation первоначальных разработчиков программы Mosaic из Иллинойса, в том числе и самого Марка Андреессена. Netscape - это коммерческий продукт, за пользование которым надо платить. Однако, для пользователей в университетах Netscape доступна бесплатно. Кроме версий, работа над которыми завершена, компания периодически выпускает отладочные версии Netscape (так называемые бета-версии), которыми можно пользоваться бесплатно до наступления определенной даты, после которой программа перестает функционировать.
Microsoft Internet Explorer (сокращенно - IE) - творение фирмы Microsoft Corporation. По функциональным возможностям и удобству использования IE примерно эквивалентен упомянутой выше программе Netscape Navigator. В отличие от последней, IE работает на значительно меньшем количестве компьютерных платформ. IE распространяется бесплатно для всех пользователей. Кроме Mosaic, Netscape и IE, стоит упомянуть такие программы как Lynx, IBM Web Explorer и AOL Browser. Анализ доступа на сервер Engineering показывает, что наиболее широко используется Netscape Navigator. В настоящее время между Microsoft Corporation и Netscape Corporation идет острейшая борьба за первенство на рынке программного обеспечения для Internet, и весьма вероятно, что Microsoft вскоре существенно потеснит Netscape и остальных своих конкурентов.
Области использования WWW
Наука
Как отмечалось во введении, WWW была создана в одном из ведущих
научноисследовательских учреждений - ЦЕРНе (CERN) - именно с целью
распространения научной информации. В настоящее время в WWW можно найти большое
количество публикаций в самых разных областях науки и техники.
В скором времени можно ожидать лавинообразного увеличения числа научных
публикаций в WWW и рождения новых специализированных научных электронных
журналов, не уступающих по качеству известным печатным изданиям. Причем, сам
гипертекстовый характер WWW с возможностью немедленного доступа к документам по
гиперссылкам как нельзя лучше соответствует характеру научной информации.
Опыт показывает, что возможности WWW как источника собственно научной
информации, то есть, результатов конкретных исследований или справочных данных,
пока еще более чем скромны. Но вот как средство налаживания контактов и поиска
информации о том, “где что делается и где что публикуется”, World Wide Web уже
не знает себе равных.
Университетские информационные системы
Практически каждый крупный университет в мире имеет университетскую
информационную систему, основанную на WWW. Задача такой системы - дать
информацию о факультетах, кафедрах и лабораториях, научных исследованиях и
учебных планах, университетской общественной и культурной жизни, необходимую как
для самих сотрудников и студентов университета, так и для всех заинтересованных
лиц. Можно назвать следующие основные цели создания университетских
информационных систем:
привлечение абитуриентов;
привлечение источников финансирования научно-исследовательских работ;
помощь сотрудникам и студентам университета в поиске необходимой им
внутриуниверситетской учебной и научной информации.
Учебные приложения
Возможности гипертекста и мультимедиа делают WWW весьма благодатной средой для
создания распределенных обучающих систем. WWW предоставляет возможности создания
интерактивных обучающих систем, в которых сервер может не только предоставлять
информацию пользователю, но и вести с ним диалог.
Представьте себе, например, пособие по радиоэлектронике: на дисплее возникает
схема радиоприбора и предлагается указать на этой схеме неисправность.
Обучающийся указывает при помощи мыши на определенные контрольные точки схемы и
ему выдаются результаты измерения электрического потенциала в этих точках. После
этого обучающийся указывает на неисправный элемент. В случае ошибки сервер
высылает документ с необходимыми объяснениями и предлагает повторить задание, а
в случае правильного ответа - переходит к следующему заданию. По результатам
такой “контрольной” может быть выставлена оценка.
Удаленный доступ к богатому учебному материалу открывает принципиально новые
возможности самообучения и заочного обучения, а также существенно облегчает
проведение контрольных и домашних работ в высших и средних учебных заведениях.
В WWW можно найти и “скачать” программы практически на все случаи жизни, от
простейших утилит до больших программных комплексов. Просматривая описание
какой-либо программы в той или иной коллекции, следует обращать внимание не
только на функциональные возможности программы и на то, для какой компьютерной
платформы она предназначена, но и наусловия ее распространения и использования
(так называемую лицензию). Наиболее часто встречаются следующие разновидности
лицензий:
Commercial software (“commercialware”) - коммерческое программное обеспечение.
Предполагается, что пользователь должен приобрести лицензию у владельцев данной
программы перед установкой ее у себя на компьютере. Часто попадаются бесплатные
демонстрационные версии коммерческих программ, у которых искусственно
отключаются некоторые функциональные возможности или ставится временной “замок”,
не дающий запускать данную программу по истечении некоторого промежутка времени
после ее установки.
Shareware – условно-бесплатное программное обеспечение. Эта разновидность похожа
на commercialware, но вам разрешается устанавливать и копировать программу до ее
регистрации у владельцев. Часто дается возможность бесплатного использования
программы в течение определенного срока, а также бесплатной регистрации при
использовании в образовательных и других некоммерческих целях. Иногда
регистрация вообще не обязательна, но дает определенные преимущества, например,
техническую поддержку.
Freeware - бесплатное программное обеспечение. От вас требуется лишь уважение
авторских прав разработчика программы.
Как правило, программное обеспечение для IBM PCсовместимых компьютеров под DOS
или Microsoft Windows хранится в архивах в виде cамоустанавливающихся
исполняемых файлов (с расширением exe) или в виде запакованных
(“архивированных”) файлов в формате, совместимом с PKZIP/PKUNZIP (с расширением
zip). Самоустанавливающийся исполняемый файл следует загрузить в какую-нибудь
директорию на вашем диске (лучше пустую), запустить его и следовать инструкциям
по установке. Что касается ZIPфайлов, то после их полной загрузки на ваш жесткий
диск для корректной распаковки под Windows 95 или Windows NT с восстановлением
структуры каталогов и длинных имен файлов лучше всего воспользоваться программой
WinZip.
Старая добрая программа PKUNZIP, работающая под DOS, ксожалению, не понимает
длинных имен файлов. Как правило, среди файлов, извлеченных из zipфайла,
находится файл setup.exe или install.exe. Запускайте его и далее следуйте
инструкциям. Не лишне предварительно прочитать файлы readme.txt и license.txt,
также обычно входящие в комплект поставки программного обеспечения.
Кроме PKZIP/UNZIP-совместимых архиваторов в мире Internet при пересылке файлов
широко используются архиваторы gzip и compress, пришедшие из операционной
системы UNIX. Сжатые этими программами файлы имеют расширения .gz и .Z
соответственно. В отличие от PKZIP, который может в один сжатый файл поместить
несколько файлов или даже подкаталогов, gzip и compress сжимают файлы только “по
одному”. Для хранения нескольких файлов в одном сжатом этими программами файле
сначала используют программу tar, которая упаковывает несколько файлов в один, а
затем уже сжимают этот файл программами gzip или compress. В результате получают
файл с двойным суффиксом .tar.gz или .tar.Z. Вышеупомянутая программа WinZip -
честь и хвала ее авторам! - понимает и эти форматы.
Личные “визитные карточки”
Это весьма удобно - иметь свою “визитную карточку”, часто называемую “homepage”,
на WWW-сервере.
Представьте себе, что вы посылаете письмо по электронной почте на какую-либо
фирму, в университет или просто возможному другу по переписке. Достаточно при
этом сообщить адресату URL вашей “визитной карточки”, и он сможет найти там
любую информацию о вас, которую вы только пожелаете сообщить. Обычно такая
“карточка” содержит фотографии, резюме, список публикаций и почтовый адрес, а
также рассказывает о друзьях, семье и увлечениях. Однако, многие склонны так
“разукрашивать” свои визитные карточки и перегружать их множеством ссылок на
другие документы и совершенно излишними подробностями, что такие “шедевры”,
кроме их авторов, никто не читать не будет.
Виртуальные библиотеки, выставки и картинные галереи
WWW дает неплохую возможность приобщиться к сокровищам мировой литературы и
искусства. Разумеется, “пробежка” по виртуальным выставкам никак не заменяет
посещение выставок и музеев, где размещены сами оригиналы, как не заменяет его
пролистывание даже шикарно изданных на мелованной бумаге альбомов и каталогов.
К сожалению, технические возможности, доступные в России, пока явно недостаточны
для того, чтобы насладиться богатой палитрой красок или HiFiзвуком. Репродукции
картин, которые выглядят великолепно на огромном высококачественном мониторе
рабочей станции Silicon Graphics или даже на IBMсовместимой “персоналке” с
видеоадаптером SVGA и приличным дисплеем, на 386ой “писишке” с VGA и тайваньским
монитором больше напоминают размазанные по экрану грязные пятна, чем сами
оригиналы. Что касается аудиовозможностей, то многие российские компьютеры так и
не научились разговаривать. Впрочем, парк компьютеров в России стремительно
обновляется, и на первый план выходит другая проблема: пересылка графической и
звуковой информации занимает так много времени при наиболее распространенном в
России модемном подключении к Internet, что может вывести из себя даже самого
терпеливого поклонника искусства.
WWW и коммерция
В последнее время руководство многих коммерческих компаний осознало, что WWW -
это настоящая золотая жила, сулящая огромные прибыли при надлежащем
использовании. Возможности рекламы и продажи продукции, предоставляемые WWW,
потенциально превосходят аналогичные возможности прессы, телевидения и
радиовещания. Особенно удобна работа в WWW для фирм, производящих программные
продукты, для которых все основные стадии - реклама, продажа и даже “отгрузка
готовой продукции” - доступны через WWW. С сожалением следует отметить, что в
России подобная деятельность пока весьма затруднена по двум основным причинам:
1.Слишком мало клиентов, имеющих доступ к WWW;
2.Недостаточно развиты механизмы оплаты посредством кредитных карт или
банковских чеков, наиболее удобные при данном методе оформления заказов.
Досуг и увлечения
Несмотря на то, что первоначально WWW предназначалась для “серьезных” целей, в
настоящий момент подавляющая часть находящейся там информации относится именно к
сфере досуга и увлечений. Поиск и публикация в WWW материалов о ваших увлечениях
- стоящее дело. Таким способом вы найдете много друзей и единомышленников во
всем мире и установите массу полезных личных контактов.
Насколько популярен Web?
С января по декабрь 1993, объем передаваемой информации по NSF возрос в 187 раз.
В Декабре 1993 WWW занимал уже 11 место по количеству трафика, а годом раньше он
был всего лишь 127.
В Июне 1993, Matthew Gray в MIT написал маленькую программку, которая
путешествовала по всей сети Web и определяла количество запросов на получение
информации от WWW. Маленькая “путешественница по WWW” насчитала за месяц около
100 запросов, на которые абонентами было получено более двухсот тысяч
документов. В Марте 1994 количество запросов превысило уже 1200. Конечно,
программа со временем совершенствовалась, и ряд факторов мог влиять на последний
результат, но несмотря на это, смело можно утверждать, что популярность WWW в
1994 по сравнению с 1993 значительно возросла.
HTML Структура HTML документа
Символы, заключенные в угловые скобки <> являются HTML командами, по которым “браузер” распознает, как следует преобразовать части текста, заключенные между этими командами. Документ в целом должен быть отмечен как документ в формате HTML. Для этого он должен начинаться командой и заканчиваться командой . Документ состоит из 2 частей:
Заголовка (Head),
Собственно документа (Body).
Для выделения заголовка следует ввести:
Следует отметить, что титульная строка должна быть на английском языке в
латинской кодировке так как она отображается в специальных полях браузера.
Для записи основного текста следует ввести: Основной текст
Таким образом, общая схема документа в формате HTML выглядит следующим образом:
Основной текст документа
При написании команд HTML не имеет значение, какими буквами - строчными или
прописными Вы пишете команды.
Создание заголовков
Заголовки в документе создаются с помощью команд: Заголовок , причем
при i = 1 заголовок самый крупный, а при i = 6 - самый мелкий.
Например,
Заголовок1 |
Скачать 153.84 Kb.