ЛЕКЦИЯ 43 ТЕМА 8 ЛОКАЛЬНЫЕ И ГЛОБАЛЬНЫЕ СЕТИ

Зарегистрируйтесь, чтобы просмотреть полный документ!

ЛЕКЦИЯ 43 ТЕМА 8. ЛОКАЛЬНЫЕ И ГЛОБАЛЬНЫЕ СЕТИ ЭВМ. Web-сайты и Web-страницы. Форматирование текста и размещение графики. Гиперссылки на Web-страницах. Списки на Web-страницах. Формы на Web-страницах. Инструментальные средства создания Webстраниц.

WEB-САЙТЫ И WEB-СТРАНИЦЫ Публикации во Всемирной паутине реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвященную какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Webсайт состоит из компьютерных Web-страниц. Сайт является интерактивным средством представления информации. Интерактивность сайта обеспечивают различные формы, с помощью которых посетитель сайта может зарегистрироваться на сайте, заполнить анкету и так далее. Обычно сайт имеет титульную страницу (страницу с оглавлением), на которой имеются гиперссылки на его основные разделы (Web-страницы). Гиперссылки также имеются на других Web-страницах сайта, что обеспечивает возможность пользователю свободно перемещаться по сайту. Web-сайты обычно являются мультимедийными, так кроме текста могут содержать иллюстрации, анимацию, звуковую- и видеоинформацию. Web-страницы сайта могут содержать динамические объекты (исполнимые модули), созданные с использованием сценариев на языках Java. Script и VBScript или элементов управления Active. X. Расположенные на сайте управляющие элементы (например, кнопки) позволяют пользователю запускать те или иные динамические объекты.

ОСНОВЫ WEB-ПРОГРАММИРОВАНИЯ Создание Web-сайтов реализуется с использованием языка разметки гипертекстовых документов HTML. Технология HTML состоит в том, что в обычный текстовый документ вставляются управляющие символы (тэги) и в результате мы получаем Web-страницу. Браузер при загрузке Webстраницы представляет ее на экране в том виде, который задается тэгами. Для создания Web-страниц используются простейшие текстовые редакторы, которые не включают в создаваемый документ управляющие символы форматирования текста. В качестве такого редактора в Windows можно использовать стандартное приложение Блокнот. Вид Web-страницы задается тэгами, которые заключаются в угловые скобки. Тэги могут быть одиночными или парными, для которых обязательно наличие открывающего и закрывающего тегов (такая пара тэгов называется контейнером). Закрывающий тэг содержит прямой слэш (/) перед обозначением. Тэги могут записываться как прописными, так и строчными буквами.

HTML-код страницы помещается внутрь контейнера <HTML></HTML>. Без этих тэгов браузер не в состоянии определить формат документа и правильно его интерпретировать. Web-страница разделяется на две логические части: заголовок и содержание. Заголовок Web-страницы заключается в контейнер <HEAD></HEAD> и содержит название документа и справочную информацию о странице (например, тип кодировки), которая используется браузером для ее правильного отображения. Название Web-страницы содержится в контейнере <ТIТLE></TITLE> и отображается в строке заголовка браузера при просмотре страницы. Основное содержание страницы помещается в контейнер <BODY></BODY> и может включать текст, таблицы, бегущие строки, ссылки на графические изображения и звуковые файлы и так далее. Созданную Web-страницу необходимо сохранить в виде файла. Принято сохранять титульный файл сайта, то есть тот, который первый загружается в браузер, под именем index. htm. В качестве расширения файла Web-страницы можно также использовать html.

Первая титульная страница должна предоставлять посетителю Web-сайта возможность начать путешествие по сайту. Для этого на титульную страницу должны быть помещены гиперссылки на другие страницы сайта. Для создания гиперсвязей между титульной страницей и другими страницами сайта необходимо, прежде всего, создать заготовки Web-страниц. Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта. Каждая страница, например, будет содержать следующий HTML-код: <HTML> <HEAD> <ТITLЕ>Заголовок </HEAD> <BODY> </HTML> страницы</ТIТLЕ> Принято размещать гиперссылки в нижней части страницы, такое размещение гиперссылок часто называют панелью навигации.

Гиперссылка состоит из двух частей: указателя ссылки и адресной части ссылки. Указатель ссылки — это то, что мы видим на Web-странице (текст или рисунок), обычно выделенный синим цветом и подчеркиванием. Активизация гиперссылки вызывает переход на другую страницу. Адресная часть гиперссылки представляет собой URL-адрес документа, на который указывает ссылка. URL-адрес может быть абсолютным и относительным. Абсолютный URLадрес документа полностью определяет компьютер, каталог и файл, в котором располагается документ. на локальном компьютере С: /Web-сайт/filename. htm на удаленном компьютере в Интернете: http: //www. host. ru/Web-сайт/filename. htm Относительный URL-адрес указывает на местоположение документа относительно того, в котором находится указатель ссылки. При разработке сайта рекомендуется входящие в него Web-страницы связывать относительными ссылками. Это позволит не изменять адресную часть ссылок при перемещении Webсайта в другой каталог локального компьютера или при его публикации в Интернете.

Для того чтобы посетители сайта могли не только просматривать информацию, но и отправлять сведения администраторам сайта, на его страницах размещают формы. Формы включают в себя управляющие элементы различных типов: текстовые поля, раскрывающиеся списки, флажки, переключатели и так далее. Вся форма заключается в контейнер <FORM></FORM>. Создание Web-страниц непосредственно на HTML требует больших усилий, времени и досконального знания синтаксиса языка. Применение специальных инструментальных программных средств (HTMLредакторов) делает работу по созданию Web-сайтов простой и эффективной. Существуют мощные инструментальные системы разработки сайтов, например Microsoft Front. Page или Macromedia Dreamweawer. Для разработки отдельных Web-страниц можно использовать свободно распространяемые редакторы Front. Page Express (входит в состав Microsoft Internet Explorer) и Netscape Composer (входит в состав Netscape Communicator). Используется технология WYSIWYG ( «What You See Is What You Get» — «Что видишь, то и получишь» ).

Скачать презентацию ЛЕКЦИЯ 43 ТЕМА 8 ЛОКАЛЬНЫЕ И ГЛОБАЛЬНЫЕ СЕТИ

Лекция 43.pptx

Количество слайдов: 8