Михайлов Б.М. Халабия Р.Ф. Практические навыки работы в Интернете (1016809), страница 5
Текст из файла (страница 5)
Обычные форматы требуют полной загрузки файла, прежде чем станетвозможным его воспроизведение. Современные потоковые форматы позволяютвоспроизводить звук и видеоизображение в реальном времени по ходу загрузкиданных.В потоковом формате в Интернете передаются радиотрансляции.Например, в России в таком формате вещает радиостанция «Серебряныйдождь» (http://www.silver.ru).Самый простой способ вставить мультимедийный объект на Webстраницу — это использовать тег гиперссылки <А>. Создать такую ссылкупроще всего, и в этом случае мультимедийный файл не отвлекает читателя отостального содержимого документа HTML.33В некоторых случаях требуется внедрить звуковой или мультимедийныйфайл непосредственно в Web-страницу, например, для того, чтобы иметьвозможность воспроизводить этот файл автоматически.
В настоящее время дляэтой цели удобнее всего применять тег <EMBED>, хотя он, строго говоря, невходит в стандарт HTML. Этот тег распознается двумя наиболеераспространенными броузерами — Internet Explorer и Netscape Navigator, хотявозможность воспроизведения мультимедийного файла определяетсяисключительно наличием соответствующего встроенного приложения.Тег <EMBED> является одиночным, так что закрывающий тег нетребуется. Его обязательным атрибутом является SRC=, значение которогопредставляет абсолютный или относительный путь поиска соответствующегофайла.
Возможно также использование атрибутов WIDTH= и HEIGHT=,задающих размеры (ширину и высоту) прямоугольной области на экране,«отведенной» под воспроизведение мультимедийного объекта (пример 8).<HTML><HEAD><ТITLЕ>Мультимедиа в документе</ТITLE></HEAD><BODY><Р><А HREF="music.wav">Щелкните здесь, чтобы послушать музыку</А><Р> Видеоролик, воспроизводимый в рамках страницы <EMBED SRC="file.avi"WIDTH="200" HEIGHT="200"></BODY> </HTML>Таблица — это один из наиболее удобных способов представлениябольших объемов данных.
Язык HTML имеет богатейшие возможности посозданию разных видов таблиц.Таблица в языке HTML начинается с тега <TABLE> и заканчиваетсязакрывающимтегом</TABLE>.Текствнутритаблицыдолженбыть заключен в специальныетаблицы (заголовки, строки и ячейки).теги,определяющиеэлементыМежду тегами <TABLE> и </TABLE> может один раз встретитьсяпара тегов <CAPTION> и </CAPTION>, определяющая заголовок34таблицы.Заголовоктаблицыразмещаетсянепосредственнотаблицей (по умолчанию) или непосредственно под таблицей.надДалее следуют теги <TR> и </TR>, определяющие строки таблицы.Закрывающий тег можно опускать, так как строка таблицызаканчиваетсятаблицей.передначаломследующейстрокииливместесКаждая строка таблицы состоит из ячеек.
Ячейки помечаютсялибо тегами <ТН>, содержащими заголовки столбцов и строк,либо тегами <TD>, содержащими обычные данные. Эти тегитакже являются парными, но закрывающие теги и здесь могутопускаться, так как это не вызывает разночтений.Внутри ячеек могут содержаться любые данные и любые тегиHTML, допустимые в разделе тела документа. Например, ячейка таблицыможетсодержатьавтоматическивложеннуювычисляютразмерытаблицу.ячеекивсейБроузерытаблицы,хотяэти свойства частично можно задать и при помощи атрибутов.Из специфических атрибутов таблиц можно, например, указатьатрибутBORDER=,которыйтаблицыиотдельныхвокругпозволяетячеек.создаватьЗначениемрамкуэтоговокругатрибутаявляется толщина внешней рамки в пикселах.Пример 9<HTML><HEAD> <ТITLE> Та6лица </TITLE> </HEAD><BODY><TABLE WIDTH="90%" BORDER=10 CELLPADDING=2 CELLSPACINGS=10><САРТION>Основныетегитаблицы</САРТION><ТR><TD><B>Открывающийтег</В><TD><В>Закрывающий тег</В> <ТD><В>Описание</В><TR><TD>TABLE<TD ROWSPAN=2>Обязателен<ТD>Начало и конец таблицы<TR><TD>CAPTION <ТD>Начало и конец заголовка таблицы<TR><TD>TR <TD ROWSPAN=2> Необязателен <ТD> Начало строки таблицы<TR><TD>TD <ТD>Начало ячейки таблицы</TABLE></BODY> </HTML>35В примере 9, использованы и другие атрибуты, с помощью которыхувеличены промежутки между ячейками и созданы ячейки увеличеннойвысоты.Язык HTML позволяет разбить окно программы броузера на несколькочастей и в каждой из них отобразить отдельный документ.
Такие областиназываются фреймами.Дляструктурасозданиякоторогофреймов используют особый документ HTML,отличается от обычной. Такой документ несодержит раздела «тела» документа и, на самом деле, не содержит какого-либотекставообще.Вместоэтогоонсодержитописание фреймов, заключенное между тегами <FRAMESET> и</FRAMESET>. В этом описании указывают размеры и порядокразмещения областей в окне броузера, а также задают документы, которыедолжны загружаться в каждую из этих областей.Тег <FRAMESET> должен содержать обязательный атрибут COLS=или ROWS=, определяющий способ разбиения окна.
При использовании атрибутаCOLS=окноделитсянаобластивертикальнымилиниями, а при использовании атрибута ROWS= -- горизонтальными. Еслизаданыобаэтиатрибута,вокнесоздаетсясеткаиз подобластей.Значения этих атрибутов определяют высоту (или ширину) областейокна. Параметры для каждого столбца (строки) задают через запятую впикселах или в процентах (символ «%»). В качестве последнего параметраможно использовать символ «звездочка» (*).
Под такой фрейм выделяется всеостающееся свободное пространство.Между тегами <FRAMESET> и </FRAMESET> располагают дополнительныетеги, указывающие назначение созданных областей. Для этой цели можноиспользоватьвложенныетеги<FRAMESET>,задающиедополнительноеразбиениеокна,илиодиночные теги <FRAME>, определяющие документы, загружаемые в отдельныеобласти.Числотегами<FRAMESET>иэлементов,</FRAMESET>,числу созданных областей.36вложенныхмеждудолжносоответствоватьТег <FRAME> должен содержать обязательный атрибут SRC=,определяющийдокумент,которыйбудетзагруженвданнуюобласть.
Дополнительные атрибуты позволяют управлять рамками междуотдельными фреймами и некоторыми другим свойствами (см. пример 10).Пример 10<HTML><HEAD><TITLE>Страница с навигационной панелью</ТITLE></HEAD><FRAMESET COLS="25%,*"><FRAME SRC=panel.htm><FRAME SRC=home1.htm></FRAMESET></HTML>HTML> <HEAD><ТITLE>Сложная структура документа</ТITLE> </HEAD><FRAMESETROWS="45%,30%,25%"><FRAMESET COLS="40%,30%,30%"><FRAMESET ROWS="50%,50%"><FRAME SRC="doc1.htm"><FRAMESRC="doc2.htm"></FRAMESET><FRAMESRC="doc3.htm"><FRAME SRC="doc4.htm"></FRAMESET><FRAMESET COLS="60%,40%"><FRAME SRC="doc5.htm"><FRAME SRC="doc6.htm"></FRAMESET><FRAMESET COLS="30%,40%,30%"><FRAMESRC="doc7.htm"><FRAME SRC="doc8.htm">37<FRAME SRC="doc9.htm"></FRAMESET></FRAMESET></HTML>4.3 Исходные данные для проведения лабораторной работыИсходными данными для выполнения работы являются браузер InternetExplorer и текстовый редактор Word Pad.4.4 Последовательность выполнения лабораторной работы4.4.1 Изучить теоретический материал лабораторной работы.4.4.2 Рассмотреть примеры с №2 по №9, которые написаны на языкеразметки HTML.4.4.3 Создать на рабочем столе папку «my_familiya», где «familiya» вашафамилия маленькими латинскими буквами.4.4.4 С помощью текстового редактора Word Pad, написать на языкеразметки HTML следующее:а) Вставить в примере № 3 любую картинку и текст (10 предложений)между строками «в конце этой страницы» и «Здесь располагается….»,сохранить его как primer-1.htm.б) Объединить содержание примеров №4 и №5 в один файл исохранить его как primer-2.htm.в) Создать страницу, внешний вид которой приведен на рис.
4.1,сохранить его как primer-3.htm.Каждый пример сохраняется в отдельном файле на рабочем столе впапке «my_familiya»38Рисунок 4.1 – Пример представления HTML-страницы4.4.5 Из выполненных примеров создать фрейм, который изображен нарисунке 4.2,где «primer-1», «primer-2», «primer-3» являются ссылками напримеры выполненные выше. Фрейм тоже сохраняется в папке «my_familiya»primer-1primer-2primer-3Рисунок 4.2 – ФРЕЙМДанный фрейм должен загружаться как: в правой от вас части сверху иснизу с содержанием primer-1.html. Если нажать на ссылку «primer-2» в левойчасти фрейма, то правой верхней части должно появиться содержание примера39primer-2.html. Если нажать на ссылку «primer-3» в левой части фрейма, топравой нижней части должно появиться содержание primer-3.html. Если нажатьна ссылку «primer-3» в левой части фрейма, то все должно вернуться висходное состояние.4.4.6 Закачать выполненную работу на ftp-сервер, который Вызарегистрировали на прошлом занятии.4.4.7Составитьотчетполабораторнойработе.Формаотчетапредставлена в приложении Г.4.5 Вопросы для самоконтроля1) Как создать оглавление в HTML-документах?2) Что такое FRAMESET? Для чего он служит?3) Назовите основные разделы HTML-документа?Список рекомендуемой литературы1.
Мировые информационные ресурсы. Интернет: практикум / кол.авторов; под общ. ред. П.В. Акинина. – М.: КНОРУС, 2008. – 256 с.2. Симонович С., Мухаровский В., Евсеев Г. Новые возможностиИнтернета. Необходимый самоучитель. – СПб.: Питер, 2007. – 479 с.3.
Храмцов П.Б., Брик С.А., Русак А.М., Сурин А.И. Основы webтехнологий. Курс лекций. – М.: ИНТУИТ.РУ, 2007. - 512 с.40Приложение А.Бланк отчета по лабораторной работе №1Студент __________________________________Шифр____________________________________Лабораторная работа №1 «Работа с FTP-серверами»ОТЧЕТ1. Основные определенияДомен_______________________________________________________________________Виртуальный сервер___________________________________________________________WWW-сервер ________________________________________________________________FTP-сервер___________________________________________________________________FTP-клиент___________________________________________________________________FTP- протоколы_______________________________________________________________Протокол http_________________________________________________________________Вписать ссылки на ресурсы_________________________________________________________________________________________________________________________________:Поисковые системы и ключевые слова:__________________________________________________________________________________________________________________________________________________________2.
Сравнительная таблица характеристик№Название сервераХарактеристики123453. Таблица FTP-серверов «Компьютерные технологии»№Тема сервераАдрес сервера12345414. Принцип работы FTP-сервераПоисковые системы и ключевые слова:5. Таблица сравнительных характеристик FTP-клиентов№Название FTP-клиентовХарактеристики123456. Алгоритм закачки файлов на сервер7. Практическое заданиеЗаписать имя вашего хоста и пароль: _______________________________________Дата сдачи ___________________Подпись преподавателя_______________42Приложение Б.Бланк отчета по лабораторной работе №2Студент __________________________________Шифр____________________________________Лабораторная работа №2 «Поиск в Интернет»ОТЧЕТ1. Сводная таблица по поисковым системам (Найти малоизвестные)Названиепоисковоймашины и URLКоличестводокументоввбазеданныхпоисковоймашиныКоличествоТипсерверовиндексациивходящих впоисковуюмашинуДополнительные(Перечислить)сервисыУкажите использованные операторы и запросы при составлении таблицы__________________________________________________________________________________________________________________________________________________________Впишите использованные ссылки через точку запятой_____________________________________________________________________________2.