Фреймовая структура электронного издания

Для удобства работы с электрическим изданием окно просмотра браузера может быть принудительно разбито на несколько прямоугольных областей, конкретно примыкающих друг к другу. В каждую такую область можно загружать отдельные HTML-документы, просматривая любой из их независимо от других. В первый раз возможность работы с фреймовыми структурами была реализована в Фреймовая структура электронного издания браузере компании Netscape версии 2.0. MS Internet Explorer поддерживает фреймы начиная с версии 3.0.

Фреймовая структура целесообразна для внедрения в последующих случаях:

· для представления инфы в нескольких смежных областях окна просмотра браузера, любая из которых просматривается независимо, чтоб иметь возможность сравнить эту информацию;

· для того чтоб в определенной области экрана располагалась информация, которая Фреймовая структура электронного издания должна повсевременно находиться в поле зрения юзера;

· для того чтоб иметь возможность управлять загрузкой документов в одну из областей, работая в другой области экрана.

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

Принципное отличие HTML-кода, задающего фреймовую структуру, заключается в том, что заместо тега в нем употребляется тег-контейнер , характеристики которого и Фреймовая структура электронного издания определяют разбиение площади окна браузера на отдельные участки либо области. Для этого у тега употребляется два параметра: ROWS и COLS. Параметр ROWS разделяет окно браузера на горизонтальные полосы, a COLS - на вертикальные. Размеры этих полос могут устанавливаться в абсолютных единицах - пикселах и в относительных - процентах либо пропорциональных Фреймовая структура электронного издания единицах. 1-ые два метода задания уже рассматривались ранее и не требуют дополнительных комментариев, 3-ий же метод употребляет количество звездочек (*), любая из которых представляет одну часть целого, величина этой части в этом случае определяется как высота окна браузера, деленная на суммарное количество звездочек под знаком параметра ROW. Все три метода деления Фреймовая структура электронного издания окна на полосы иллюстрируется приведенными ниже примерами:

.

Все три варианта с тегом обрисовывают деление экрана на три горизонтальные полосы, из которых верхняя и нижняя схожей ширины, а средняя в восемь раз обширнее каждой из их. Аналогичным образом описывается и деление на вертикальные полосы при помощи параметра COLS. Для Фреймовая структура электронного издания характеристик ROWS и COLS вероятен и смешанный вариант задания значений, когда употребляются два либо даже все три метода сразу. К примеру:

.

Тег задает деление окна на четыре колонки, 1-ая из которых имеет ширину в 70 пикселов, последняя - 15% от ширины окна, ширина третьей колонки составляет 1/5, а 2-ой - 4/5 от оставшейся части ширины окна.

Снутри Фреймовая структура электронного издания контейнера и могут употребляться только вложенные такие же контейнеры либо теги , которые определяют каждый одиночный фрейм. Кстати, в теле документа может быть несколько расположенных поочередно тегов-контейнеров , в каждом из которых могут быть и вложенные подобные

контейнеры. Фактически же такие конструкции употребляются очень изредка. Тег располагается снутри контейнера Фреймовая структура электронного издания и , при этом количество тегов снутри этого контейнера должно в точности совпасть с число отдельных фреймов, т. е. каждый фрейм должен быть описан своим тегом . Тег содержит 6 характеристик, а конкретно: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING и NORESIZE.

Более принципиальный из перечисленных характеристик SRC определяет URL либо адресок документа, который Фреймовая структура электронного издания вначале загружается в данный фрейм. Как правило это HTML-документ, содержащий и заголовочную часть, и тело. Параметр NAME позволяет присвоить этому фрейму уникальное (не циклическое) имя, которое может употребляться для адреса циикданному фрейму. В теге , который рассматривался в § 2.5, для адресации к фреймам употребляется особый пара метр TARGET, значением которого Фреймовая структура электронного издания является имя соответственного фрейма. Проиллюстрируем произнесенное примером:

Основной документ .

В представленном примере в основной фрейм (имя этого фрейма - main_f rame) начально был загружен документ maintenance.htm, т. е. оглавление электрического издания. Если же подвести указатель мыши к словам «Основной документ», которые являются указателем ссылки, и щелкнуть левой кнопкой, то Фреймовая структура электронного издания в этот фрейм будет загружен новый документ под заглавием main_doc.htm, который находится в том же самом каталоге и представляет собой содержательную часть данного издания. Таким макаром, присвоение фрейму определенного имени позволяет в предстоящем загружать в него документы.

Характеристики MARGINWIDTH и MARGINHEIGHT тега позволяют установить ширину полей Фреймовая структура электронного издания фрейма по ширине и высоте. Отметим, что левое и правое поле имеют схожую ширину. То же самое можно сказать и про верхнее и нижнее поля. Значение этих характеристик задается в абсолютных единицах- пикселах. Под полями тут предполагается свободное место, где не могут находиться иллюстрации и текст (как и в Фреймовая структура электронного издания печатном издании). Малое значение этих характеристик, устанавливаемое по дефлоту, равно 1 пикселу.

Если содержимое фрейма не помещается в отведенной части окна браузера, для него будутавтоматически создаваться полосы прокрутки по подходящей координате. Для управления этим процессом служит параметр SCROLLING, который может принимать одно из 3-х допустимых значений: Yes, No и Auto. Последнее Фреймовая структура электронного издания значение устанавливается по дефлоту. Значение No воспрещает создание полос прокрутки, a Yes приводит к неотклонимому их созданию, независимо оттого, необходимы они либо нет.

Обычно юзер может без помощи других изменять размеры фреймов, точно так же, как и размеры окна браузера, где они располагаются. При таких операциях может нарушаться наилучшее соотношение меж Фреймовая структура электронного издания размерами фреймов и ухудшаться восприятие инфы с экрана компьютера. Для того, чтоб предупредить эти деяния юзера, служит параметр NORESIZE. Для этого параметра не предвидено каких-то значений, но само его внедрение в описании 1-го из фреймов воспрещает не только лишь изменение размера этого фрейма, да и Фреймовая структура электронного издания хоть какого смежного с ним. Приведем несколько примеров изданий с внедрением фреймовых структур. 1-ый пример задает структуру из 5 фреймов, которая появляется в итоге деления окна браузера на три горизонтальные полосы, средняя из которых делится к тому же на две колонки. Ширина нижней полосы, как надо из строчки 3 HTML-кода, составляет 50 пикселов, а Фреймовая структура электронного издания верхней - восьмую часть от высоты оставшейся области окна браузера. Средняя полоса разбита на неширокую полоску слева и в четыре раза более широкую оставшуюся часть (см. строчка 5 HTML-кода). В конце концов, эта оставшаяся часть поделена напополам по горизонтали (см.строчка 7 HTML-кода).

Цифровая обработка изображений

Приобретенная в итоге структура экрана Фреймовая структура электронного издания показана на рис. 2.10 . Оба фрейма, в каких выводится содержимое электрического издания, имеют самые большие размеры. Почти всегда содержание можно выводить в один большой фрейм, в этом же определенном случае их два, что позволяет в одном учить определенный графический пакет PhotoShop, а в другом - общие способы обработки цифрового изображения, применяемые Фреймовая структура электронного издания в данном определенном случае, к примеру сжатие изображения.

Если пронумеровать расположенные на дисплее фреймы, присвоив им номера с 1-го по 5-й, то можно увидеть, что содержание 1-го, 2-го и 5-го фреймов не меняется: в 1-й повсевременно загружен HTML-файл, отображающий заголовок документа (см. строчка 4 начального кода), в 5-й - информация Фреймовая структура электронного издания об учебном заведении и создателе электрического пособия (чтоб можно было поглядеть другие учебнике на веб-сайте uprint.spb.ru либо по электрической почте связаться с создателем), а во 2-ой - файл оглавления (см. строчка б начального кода). В 3-м и 4-м фреймах выводятся параграфы 1-й и 2-й глав: в 3-м Фреймовая структура электронного издания фрейме выводится § 1.1, ссылка на который во фрейме 2 выделена другим цветом как уже использованная, а во фрейме 4 отображается § 2.1. Таким макаром, из 1-го фрейма при помощи ссылок осуществляется управление информацией в 2-ух других фреймах.

Отметим, что спецы по педагогике и психологии образования считают, что не следует показывать на дисплее более 3-х Фреймовая структура электронного издания - 4-х фреймов, в неприятном случае усугубляется процесс восприятия инфы с экрана. Несколько подробнее на этом мы остановимся в главе 9, а тут приведем последующий варианттого же самого электрического учебного пособия, но с лаконичной 2-фреймовой структурой. Начальный HTML-код для него:

Учебник по графике

Ваш браузер не поддерживает фреймы .

Соответственная Фреймовая структура электронного издания этому коду структура электрического учебника представлена на рис. 2.11 . На рис. 2.11 отсутствуют фреймы заголовка и общей инфы, а содержательная часть представлена в одном фрейме заместо 2-ух. Каждый читатель может сам оценить, какая структура ему больше нравится, и попробовать сконструировать предпосылки этого. Тут 1-ый фрейм назван «Навигация» (см. строчка 3 начального кода Фреймовая структура электронного издания), а 2-ой - «main», т. е. главный (см. строчка 5 начального кода). При исходной загрузке в основном фрейме выводится оглавление, потому что во фрейме «Навигация» наименования разделов даны в сокращенной форме, чтоб уменьшить протяженность этого фрейма по вертикали.

Основная адресация делается из фрейма «Навигация», но ссылки работают и из оглавления в Фреймовая структура электронного издания основном фрейме. Для возврата в оглавление во фрейме «Навигация» есть особая кнопка «Назад в оглавление». Во фреймах изготовлен фоновый набросок, улучшающий дизайн издания. Размеры фреймов нельзя поменять (см. строчка 4 в начальном коде).

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

Из других замечаний можно указать, что звездочка (*) во 2-ой строке начального кода интерпретируется как «оставшаяся часть», заместо нее можно было бы написать 80% - и ничего бы не поменялось. Снова охото Фреймовая структура электронного издания направить внимание на особенности навигации при использовании фреймов по другому - на взаимодействие фреймов. В ссвязистем, что во фрейме «Навигация» в качестве значения параметра «TARGET» обозначено «main» (см. строчка 3 начального кода), то все ссылки из фрейма «Навигация» будут загружать документы во фрейм «main». Кнопка во фрейме «Навигация» играетту же Фреймовая структура электронного издания роль, что и изображение - указатель ссылки. В конце концов, картинки в этом учебнике выводятся в плавающих окнах, которые можно расположить так, как комфортно юзеру. Пример вывода рисунка в плавающем окне в левой высшей части окна браузера показан на рис. 2.12 .

HTML-формы

HTML-формы - это особенный вид гипертекстового документа, созданный для организации интерактивного взаимодействия Фреймовая структура электронного издания в электрических изданиях. Конкретно при помощи формы мы общаемся с поисковиком, начиная поиск подходящих материалов (документов) для работы, учебы либо утехи. Эту форму мы получаем с сервера и в особом ее окне задаем характеристики для поиска, к примеру выражение в виде набора ключевиков, т. е. тех слов, которые Фреймовая структура электронного издания, по нашему воззрению, более принципиальные и значительные в разыскиваемом документе. Таким макаром, HTML-форма является средством пересылки данных от удаленного юзера (клиента) к Web-серверу.

В языке HTML для задания форм употребляется теги и . Этот контейнер располагается снутри тела HTML-документа, при этом таких контейнеров может быть несколько, но вложений Фреймовая структура электронного издания их один в другой не допускается. Тег может содержать несколько характеристик, а конкретно ACTION, METHOD, ENCTYPE. Некие браузеры поддерживают и другие характеристики, кроме перечисленных 3-х стандартных. 1-ый из характеристик задает адресок (URL) CGI-программы, которая будет обрабатывать данные этой формы. Это единственный неотклонимый параметр тега .

2-ой Фреймовая структура электронного издания параметр (METHOD) определяет метод пересылки данных, содержащихся в форме, от браузера к Web-серверу. Он воспринимает два вероятных значения: GET (по дефлоту) и POST. Значение METHOD=«POST» употребляется в случае необходимости пересылки на сервер определенного файла, который присоединяется к содержимому формы.

Параметр ENCTYPE определяет медиа-тип, применяемый для кодировки Фреймовая структура электронного издания и пересылки содержимого формы. Обычно его именуют MIME-типом, где MIME-это аббревиатура, которая расшифровывается как Multipurpose Internet Mail Extension (многоцелевое расширение для Интернет-почты). Конкретно кодирование в согласовании со эталоном MIME позволяет безошибочно пересылать файлы, присоединяемые к HTML-форме.

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

Тег употребляется для организации малогабаритной структуры для вывода 1-го варианта из нескольких, задаваемых в виде перечня прокрутки. А тег делает снутри формы поле для ввода многострочного текста в виде прямоугольной области, снабженной по мере надобности полосами прокрутки. Коротко разглядим внедрение всех этих тегов.

Тег содержит два неотклонимых параметра: TYPE Фреймовая структура электронного издания, который задает тип поля ввода, и NAME, при помощи которого имя переменной, соответственной этому полю ввода, передается CGI-программе.

Параметр TYPE может принимать несколько значений. Одно из этих значений TYPE=«TEXT». В данном случае в форме создается узенькая прямоугольная область (кусок строчки) для ввода текста. При этом при всем Фреймовая структура электронного издания этом значении параметра TYPE в теге INPUT могут употребляться три дополнительных параметра, а конкретно: MAXLENGTH=, который определяет наибольшее число вводимых знаков, SIZЕ=, задающий количество отображаемых в форме знаков, и VALUE, который определяет значение текстового поля по дефлоту.

Другой вариант текстового поля - это TYPE=«PASSWORD». В данном случае вводимые знаки Фреймовая структура электронного издания показываются в форме звездочками. Но настоящая безопасность передаваемого пароля не обеспечивается, потому что на сервер эта строчка передается в незашифрованном виде, т. е. открыто.

Очередное значение TYPE=«FILE», при этом в данном случае сразу сполем для ввода текста (имени локального, т. е. расположенного на компьютере клиента, файла Фреймовая структура электронного издания) в форме создается кнопка с подписью BROWSE (просмотр). Файл, избираемый в процессе просмотра (локальный адресок его может быть сходу введен в поле), подсоединяется к содержимому формы при ее пересылке на сервер. Для корректного выполнения этой операции должны быть верно заданы характеристики формы: METHOD=«POST» и ENCTYPE=«MULTIPART/FORM-DATA». В неприятном Фреймовая структура электронного издания случае заместо содержимого файла на сервер будет передано только его имя.

Значение TYPE=«CHECKBOX» делает поле ввода 1-го символа-флажка либо тумблера типа «включено» - «выключено». Такие поля могут объединяться в группы методом задания для всех 1-го имени (NAME). Употребляется параметр VALUE, который передает на сервер избранные Фреймовая структура электронного издания тумблеры. Может находиться также параметр CHECKED, указывающий, что определенное значение соответственного элемента является избранным по дефлоту.

Значение TYPE=«RADIO» определяет структуру, схожую многопозиционному тумблеру, т. е. набор из нескольких выключателей, один (и только один) из которых включен в хоть какой отрезок времени. Каждый выключатель оформлен в виде круга, снутри которого при Фреймовая структура электронного издания его выборе возникает точка. Тут строковая переменная VALUE передает на сервер значение избранной кнопки, а параметр CHECKED устанавливает значение по дефлоту.

Значение параметра TYPE=«RESET» либо же «SUBMIT» соответственно отменяет все введенные в форму значения либо же пересылает содержимое формы на сервер. В обоих случаях в форме показываются Фреймовая структура электронного издания кнопки с подходящим и надписями. Надписи на кнопках можно русифицировать, задав значение параметра VALUE равным «ОТМЕНА» либо же «ОК» («ПЕРЕСЫЛКА»). Может быть внедрение значения параметра TYPE=«IMAGE». В данном случае создается графическое изображение, аналогичное кнопке SUBMIT. Адресок изображения задается стандартным параметром SRC=, а метод выравнивания значением параметра ALIGN Фреймовая структура электронного издания.

Время от времени заместо тега INPUT употребляется контейнер и , который позволяет организовать выбор значений в границах спискового окна. Это обеспечивает экономию места формы. Пример контейнера:

значение элемента

значение элемента

значение элемента

Если требуется возможность выбора нескольких значений частей перечня, то снутри тега после параметра SIZE употребляется дополнительный параметр MULTIPLY. Ему не требуется присваивать какого Фреймовая структура электронного издания-нибудь значения, само его наличие в границах тега является достаточным.

Снутри формы может употребляться и очередной контейнер, а конкретно с тегом . Он обеспечивает ввод многострочного текста в прямоугольное окно. Характеристики этого тега: NAME - для задания имени соответственной переменной, ROWS и COLS - для определения размера прямоугольного окна, снутри которого Фреймовая структура электронного издания набирается подходящий текст. Может быть задан текст, выводимый снутри этого окна по дефлоту.

В качестве примера можно остановится на форме сервера www.rambler.ru, которая выводится на браузере клиента, желающего получить бесплатный почтовый адресок. На рис. 2.13 , представлена такая форма в несколько усеченном формате. Как видно на рисунке, большая часть полей Фреймовая структура электронного издания - текстовые однострочные, задаваемые тегом INPUT и значениями параметра TYPE, равным TEXT (E-mail, «Имя», «Фамилия», «Возраст») и PASSWORD («Введите пароль» и «Подтвердите пароль»). В состав формы включены два тумблера: для указания пола клиента и его юридического статуса (физическоелицо либо представитель юридическоголица). Для сокращения размеров формы (она и так вышла Фреймовая структура электронного издания достаточно большой) в ней употребляются четыре списковых окна с одним единственным видимым элементом. Это реализуется при помощи тега-контейнера со значением параметра SIZE=1.

В конце концов, в форме предусмотрена область для ввода текста, задаваемая при помощи тега . Размер этой области: 6 строк и около 100 столбцов. По дефлоту в этой области выводится Фреймовая структура электронного издания текст юридического соглашения с клиентом бесплатной электрической почты, указывающий права и обязанности сторон. Клиент не может изменять этоттекст, он должен его прочитать и принять условия соглашения, изложенные в этом тексте, если хочет получить бесплатный почтовый адресок на этом сервере. В конце формы предусмотрена кнопка типа SUBMIT, представленная в Фреймовая структура электронного издания виде графического изображения с надписью «Зарегистрироваться». Если клиент согласен с текстом соглашения, он надавливает кнопку «Зарегистрироваться» и получает бесплатный почтовый адресок на сервере RAMBLER.


frakciya-politicheskoj-partii-edinaya-rossiya-v-sovete-deputatov.html
franc-anton-kristof-hilferding.html
franc-kafka-process-izlozhenie.html