Использование фреймов. Создание фреймов

Человек, занимающийся аудиторской деятельностью, должен пройти соответствующую подготовку. Это касается не только их образования, но и лицензии. А право на её получение дает только аттестация аудиторов . Для того, чтобы пройти эту проверку знаний, получить сертификат и заняться означенной деятельностью, необходимо соответствовать определенным нормам и критериям, прописанным в законодательстве. Также аттестация аудиторских кадров должна проводиться по определенным правилам и соответствовать установленным правовыми актами требованиям.

Аттестация аудиторской деятельности

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

  • Люди, получившие первый класс квалификации, имеют право работать в областях, связанных только с общим аудитом;
  • Люди, получившие второй класс квалификации, могут работать в областях общего аудита, которые связаны с ведением биржевой деятельности, работы внебюджетных фондов и деятельности разнообразных инвестиционных организаций;
  • Люди, получившие третий класс квалификации, получают право заниматься аудиторской деятельностью в компаниях, косвенно или напрямую связанных со страховкой;
  • Специалист, получившие четвертый класс квалификации, получает право работать в общих областях аудиторской деятельности, которые связаны с деятельностью банков и финансовых учреждений;

Аттестация аудиторской деятельности проходит в несколько этапов. Они длятся на протяжении трех дней и включают в себя письменные работы на такие темы, как:

  • Аттестация аудитора в областях хозяйственного права;
  • Налоги и части правовой деятельности, которые связаны с ними;
  • Учет и ведение бухгалтерской деятельности;
  • Аудиторская деятельность.

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

  • Наличие законченного высшего образования, и документа, который может подтвердить факт его получения. Сотрудник должен пройти обучение на экономических или юридических специальностях, в вузах, зарегистрированных на территории Российской Федерации и имеющих официальную аккредитацию от Правительства.
  • Также сотрудник должен иметь не меньше 3 лет рабочего стажа на экономических или юридических должностях.

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

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

И надо помнить, что единожды полученная квалификация и лицензия не остаются с человеком навечно. Она может быть аннулирована в определенных случаях:

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

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

Решение о том, что у человека нужно отобрать лицензию, может принять только уполномоченный орган федерального контроля. Но специалист, если он считает, что подобное решение неправомерно, может обжаловать его в судебном порядке. Для того, чтобы обратиться в суд, у него есть три месяца, и срок начинается с того момента, как уведомление об аннулировании лицензии попадает в руки к специалисту. И если суд не удовлетворит его требования, то следующие три года он лишается права обращаться в аттестационные комиссии с целью получить новую лицензию.

Порядок аттестации аудиторов

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

Для того, чтобы пройти аттестацию и получить соответствующую квалификацию, лицензию, необходимо обратиться в соответствующие органы. Это могут быть не только территориальные структурные подразделения федеральных исполнительных организаций, но и учебные центры, получившие разрешение на проведение подобных проверок знаний. Об этом говорится в Федеральном законе №307 от 30.12.2008.

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

Проверка профессиональных знаний проходит по определенной программе, которая длится два дня.

  • Первый день – каждый претендент получает три задания из экзаменационного билета, который ему дают индивидуально;
  • Второй день – каждый претендент получается по два экзаменационных задания из индивидуального билета и одно практическое задание;

После того, как специалист сдаст аттестацию на получение лицензии аудитора, его обучение не заканчивается. Он обязан получать знания на специальных курсах для повышения квалификации. Подобное дополнительное обучение должно проходить каждый календарный год, начиная с того момента, как аудитор прошел аттестацию и получил лицензию. Минимальное количество часов, которое человек должен провести на таких курсах, составляется той аудиторской организацией, где он работает. Но законодательство говорит о том, что подобное обучение должно занимать больше 20 часов в год.

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

Лицензирование аудиторской деятельности

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

Процедура лицензирования, и все положения, которые на неё распространяются, утверждены в Постановлении Правительства №190 от 29.03.2002. Срок действия лицензии – 5 лет. После того, как это время закончится, человек должен будет подтвердить свои знания и продлить действие сертификата. Стоит отметить, что нет никаких ограничений на то, сколько раз сотрудник имеет право продлевать свое разрешение на аудиторскую деятельность.

Для того, чтобы получить лицензию, человек должен соответствовать некоторым требованиям:

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

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

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

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

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

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

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

Документ с фреймовой структурой создается при помощи тега и его закрывающего близнеца . Внутри этих двух тегов размещаются конструкции объявления отдельных фреймов и информация, отображаемая в окне просмотра браузера, если тот не распознает фреймы. Отдельные фреймы создаются при помощи пары тегов и . А информация, отображаемая, когда браузер не поддерживает фреймы, закладывается в HTML-документ при помощи тега </i>. Но все по порядку.</p><p>Основой тега <i><frameset> </i> является разбиение окна просмотра на несколько частей. Для этого у тега есть два основных параметра: rows и cols, которые указывают количество и размеры фреймов по вертикали и горизонтали. При этом задается прямоугольная табличная структура. Если нам необходимо сделать более детальное разбиение, например, один фрейм в левой части окна по вертикали и два фрейма, отделенных друг от друга горизонтальной границей в правой части окна, то можно создать два тега <i><frameset> </i>, один внутри другого. Но все-таки, рассмотрим параметры тега <i><frameset> </i> более детально.</p> <ul><li>Параметр <i>cols </i> предназначен для указания количества и размеров фреймов по горизонтали в окне просмотра. В качестве значения параметра используется список размеров фреймов, разделенных запятыми. Как обычно, для указания размера мы можем использовать абсолютные и кратные величины, а также процентные соотношения. По умолчанию используется значение 100%, т. е. основное окно просмотра по вертикали не разбивается.</li> <li>Параметр<i> rows </i>позволяет указывать количество и размеры фреймов по вертикали в окне просмотра, Специфика задания значений полностью совпадает с параметром cols.</li> </ul><p>Но рассмотрим на примере, как будет выглядеть создание HTML-документов с фреймовой структурой. Предположим, что нам необходимо один фрейм слева выделить под навигационное меню, а оставшееся пространство использовать для отображения информации с основных страниц Web-сайта. В этом случае, мы разделим окно просмотра на две части. Для меню мы выделим фрейм шириной в сто пятьдесят пикселов, а оставшееся пространство должен занять второй фрейм. Подобная структура Web-страницы реализуется при помощи кода, приведенного в листинге 1.31.</p> <p>Листинг 1.31</p> <p><i> <!DOCTYPE HTML PUBLIC "-//W3C/VDTD HTML 4.01//EN" ""http://www.w3.org/TR/html4/strict.dtd"><br> <fhtml><br> <head> .<br> <title>0peuMbi</title><br> </head><br> <frameset cols="150"><br> <frame src="l-27.htm"><br> <frame src="l-30.htm"><br> <noframes><br> <p>K сожалению, ваш браузер не поддерживает фреймы. Воспользуйтесь более свежей версией ПО</р><br>

Рассмотрим внимательно приведенный код HTML-документа и то, как был отображен браузером этот документ. Прежде всего, следует обратить внимание, что в листинге отсутствуют теги и </body> . Эти теги говорят о том, что все находящееся между ними является отображаемым кодом, а тег сигнализирует браузеру что в данном документе приведена лишь структура разбивка окна просмотра.

В теге мы использовали единственный параметр cols. Значением его был список из двух обозначений размеров. Из листинга видно, что первый, т. е. левый фрейм обладает шириной в сто пятьдесят пикселов. Для второго фрейма мы установили ширину в виде кратной величины. То, так как мы не указали, какому именно числу будет кратна эта ширина, фрейм занял все свободное место, чего мы и добивались.

Рис. 1.30. Окно браузера с результатом отображения файла, приведенного в листинге 1.31

Между стартовым и закрывающим тегами мы разместили два тега . Обстоятельнытй и подробный разговор о них еще впереди, а пока же ограничимся замечанием, что эти теги объявляют каждый фрейм по отдельности и задают их свойства. В нашем случае мы использовали лишь один обязательный параметр src, значением которого является URL того HTML-документа, который и будет отображаться в данном фрейме.

Также мы использовали тег </i>. Между ним и его закрывающей парой<i> располагается HTML-код сообщения, которое будет отображаться в окне просмотра браузера, если тот не поддерживает фреймовую технологию. Сейчас конечно, встретить подобный браузер чрезвычайно трудно, тег остался в спецификации HTML с давних времен текстовых браузеров, но использовать его все-таки стоит хотя бы из соображений вежливости к пользователям.

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

Единственным ограничением на размещение фреймов служит четко выраженная табличная структура набора фреймов. А что делать, если нам захочется, чтобы меню в девой части окна просмотра было само разбито на два фрейма? Классический подход не позволяет сделать это. Поэтому можно использовать вложенные структуры.

Для того, чтобы создать разбивку основного окна просмотра на три фрейма, два из которых расположены в одной колонке, друг под другом, а третий занимает все остальное свободное пространство, следует использовать следующий фрагмент кода:







В этом примере видно, как один блок мы встраиваем внутрь другого такого же блока. И естественно, следует использовать теги . Кстати, их мы еще не рассмотрели подробно. Самое время это сделать.

Тег предназначен для установки свойств отдельного фрейма. Так как ширина и высота фрейма устанавливаются в конструкции , нам остается установить остальные свойства.

  • Параметр name позволяет устанавливать уникальное имя фрейма. Не следует путать его с параметром id. Имя, которое мы задаем при помощи параметра name, используется в тегах гиперссылок, когда необходимо загрузить документ не в родительский фрейм, а в какой-либо другой.
  • Параметр src, как мы уже видели из предыдущего листинга, применяется для задания URL того HTML-документа, который должен быть отображен в искомом фрейме.
  • Параметр frameborder применяется для того, чтобы указать, будет ли отображаться граница данного фрейма или нет. Дело в том, что создавать видимую границу далеко не обязательно. В качестве значения данного параметра используется либо нуль, либо единица. Единичное значение, установленное по умолчанию, обозначает, что данный фрейм будет иметь видимую границу. При использовании нулевого значения, граница фрейма будет невидимой.
  • Параметр marginwidth позволяет задавать ширину полей данного фрейма в пикселах,
  • Параметр marginheght предназначен для установки размеров полей по вертикали в пикселах для данного фрейма.
  • Параметр noresize следует применять, если пользователь не должен иметь возможности передвигать границы фрейма, изменяя его размеры подобным образом. Если мы включаем его в состав тега , то пользователь не сможет изменять размеры данного фрейма. Параметр используется без значений.
  • Параметр scrolling позволяет пользователю Web-страницы управлять отображением полос прокрутки данного фрейма. В качестве значения используется одно из трех предустановленных ключевых слов. Значение auto, установленное по умолчанию, обозначает, что полосы прокрутки у фрейма будут появляться только в том случае, если содержимое данного фрейма не будет полностью укладываться в отображаемой области. Значение yes указывает браузеру, что для данного фрейма необходимо постоянно отображать полосы прокрутки, вне зависимости от того, насколько велика его отображаемая область, и как ровно в нее "укладывается" содержимое фрейма. Значение no заставляет браузер отображать фрейм вообще без полос прокрутки. Несмотря на то, что полосы прокрутки являются самым раздражающим пользователя компонентом, не следует пользоваться подобным значением без особых на то причин. Еще раз повторюсь, что нам заранее неизвестно, какое разрешение монитора установлено у пользователя, загрузившего нашу страницу, и каков размер окна просмотра браузера. А если там не окажется достаточно места для отображения содержимого фрейма полностью, и будут отсутствовать полосы прокрутки, пользователь вообще не сможет увидеть скрытую информацию.

Теперь, когда мы рассмотрели параметры тега , следует сделать маленькое дополнение, объясняющее одно незначительное ограничение параметра src , тесно связанное с дополнительным тегом </i>. Дело в том, что между этим тегом и его завершающим двойником <i> мы размещаем некое содержимое, которое будет отображено в том случае, если браузер пользователя не поддерживает отображение фреймов. Это содержимое, естественно, тоже может быть структурировано при помощи тегов HTML. Следовательно, там могут быть использованы гиперссылки и закладки, называемые также "якорями". Так вот, если мы в этом фрагменте создадим такую закладку, то мы не можем для какого-либо из фреймов значением параметра src сделать URL данной закладки.

Также мы можем указать фрейм, в который загрузка HTML-документа будет происходить по умолчанию. Как мы знаем, тег гиперссылки <а> обладает параметром target, в качестве значения которого записывается имя фрейма, где и будет отображаться содержимое HTML-документа, на который указывает гиперссылка. Но если мы используем данный параметр в теге , размещаемом, как мы помним, в заголовке HTML-документа, то все гиперссылки с неполным URL в параметре href , будут помещать документы, на которые они указывают, именно в тот фрейм, наименование которого обозначено в теге .

До сих пор мы не рассматривали отдельно тег </i>. Но дело в том, что данный тег не обладает какими-либо уникальными параметрами, кроме общераспространенных, а механизм его применения мы могли видеть в предыдущих примерах. Поэтому мы и не будем на нем долго задерживаться.</p><p>До сих пор мы рассматривали обычные фреймы, которые полностью разбивают окно просмотра браузера на отдельные области, и для использования которых необходимо применять документы со специализированной структурой. Но есть и другой вид фреймов, которые можно просто вставлять в обычный HTML-документ как стандартный объект. Больше всего это похоже на вставку графического изображения. Для вставки подобного встроенного фрейма используется тег <iframe> Но в отличие от процедуры вставки графики и иных объектов, для встроенных фреймов необходимо использовать и закрывающий тег </iframe> Приведем пример включения встроенного фрейма в обычный HTML-документ и посмотрим, как выглядит этот документ, при просмотре его в браузере.</p> <p>Листинг 1.32</p> <p><i><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <br> "http://www.w3.org/TR/html4/strict.dtd"><br> <html> <br> <head><br> <title></title><br> </head><br> <body><br> <р>Текст со встроенным <iframe src="l-25.htm"> </iframe> фреймом</р><br> </body><br> </html> </i></p><p>Как видно из листинга и приведенной иллюстрации (рис. 1.31), процедура использования встроенных фреймов отнюдь не сложна. Но в листинге мы, как всегда, использовали простейший вариант по умолчанию, а ведь фрейм, пусть даже и встроенный, естественно должен иметь достаточно обширный список свойств отображения, которые регулируются при помощи параметров. Их мы сейчас и рассмотрим.</p> <ul><li>Параметр<i> name </i> позволяет задавать имя данного встроенного фрейма. Значением параметра является обычная текстовая строка. После этого на данный фрейм можно указывать в гиперссылках. Таким образом, мы получаем возможность динамического изменения содержимого встроенного фрейма.</li> <li>Параметр <i>src </i> предназначен для установки содержимого встроенного фрейма. Значением параметра является URL того HTML-документа, который будет загружен в этот встроенный фрейм.</li> <li>Параметр<i> frameborder, </i> наравне со многими другими параметрами, явно унаследован из обычных фреймов. Точно так же, как и там, он указывает браузеру, следует ли нет отображать границу у фрейма. В качестве значений используются нуль и единица. Единичное значение, установленное по умолчанию, обозначает, что границу встроенного фрейма необходимо отображать. Нулевое значение делает границу невидимой.</li> <li>Параметры <i>marginwidh </i> и <i>marginheight </i>задают ширину и высоту полей встроенного фрейма, соответственно. Значением параметров являются числа, выражающие размеры в пикселах.</li> </ul><p><img src='https://i0.wp.com/tepka.ru/html4b/31.jpg' width="100%" loading=lazy></p> <p>Рис. 1.31. <i>Окно браузера с результатом отображения файла, приведенного в листинге 1.32 </i></p> <ul><li>Параметр <i>scrolling </i> регулирует отображение полос прокрутки встроенного фрейма. В качестве значения используется одно из трех предустановленных ключевых слов. Значение auto, установленное по умолчанию, означает, что полосы прокрутки будут появляться только в том случае, когда содержимое фрейма будет больше по размерам, чем сам фрейм. Значение yes принудительно отображает полосы прокрутки в любом случае, а значение по запрещает браузеру отображать эти полосы прокрутки для данного фрейма вообще.</li> <li>Параметр <i>align </i> позволяет нам устанавливать выравнивание встроенного фрейма по вертикали или горизонтали относительно остального содержимого Web-страницы. Возможные значения точно такие же, как у одноименного параметра тега <img>, поэтому не стоит их еще раз повторять. И результат действия этих значений тоже был нами рассмотрен ранее.</li> <li>Параметр <i>height </i> предназначен для явной установки размеров встроенного фрейма по вертикали. В качества значения данного параметра может использоваться любое обозначение размера.</li> <li>Параметр <i>width </i>позволяет задавать ширину встраиваемого фрейма. Значение может задаваться в пикселах, кратных величинах или процентных соотношениях.</li> </ul><p>И на этом мы заканчиваем рассмотрение фреймов. Мы знаем о них все, что нам необходимо знать для эффективного использования фреймов.</p> <table width="635" border="0"><tr><td width="200"> </td><td> </td><td width="200"> </td> </tr></table> <p>Наверняка Вы уже не один раз слышали о таком понятие, как фреймы. Прочитать о них можно в любом html-учебнике, а также на ресурсах о создании сайтов . Изучив множество примеров и описаний, я решил рассказать все о фреймах своими словами в очень простой форме. О плюсах, о минусах и о будущем фреймов будет сказано в самом низу этой страницы. Итак, что же такое фреймы в html?</p> <h2>Что такое Фреймы в html</h2> <p><b>Фрейм </b> (англ. frame) - некоторая подключаемая независимая область на веб-странице.</p> <p>Не пугайтесь, что это звучит немного непонятно. Давайте сразу приведем самый простой пример и тогда все станет ясно.</p> <p>Отройте помощь (help) в любой программе (это может быть блокнот, какая-то программа, браузер и т.п.). Практически всегда Вы увидите хелп состоящий из двух частей (слева навигация, справа содержимое). Левая и правая части как раз и являются отдельными фреймами. Ниже представлен скриншот сделанный из хелпа самого обыкновенного блокнота Windows:</p> <p>Рис 1. Использования фреймы на примере хелпа блокнота</p> <p>То что Вы видите, является веб-страничкой состоящий из двух отдельных независимых фреймов. Приведем примерный html код такого фрейма из хелпа.</p> <h2>Пример с фреймами №1 (делаем помощь)</h2> <p>В каркасе выше рассмотренный хелп будет выглядеть следующим образом:</p> <p><img src='https://i0.wp.com/zarabotat-na-sajte.ru/uroki-html/img/primer1-frame-karkas.jpg' width="100%" loading=lazy><br>Рис 2. Каркас использования фреймов для примера №1</p> <p>Разбиение страницы на области с помощью фреймов очень напоминает табличную верстку html (см. HTML тег table). Примерный код такой страницы может выглядеть следующим образом:</p> <blockquote><html > <head > <title ><span>Пример №1 html-страницы с фреймами </span></title > </head > <frameset cols ="25%,75% "> <frame src ="menu.html "> <frame src ="content.html "> <noframes > Пояснение к примеру №1

Как видно из кода выше, страница созданная из фреймов очень похожа на обыкновенную html-страницу: есть открывающий тег html, раздел , заголовок , но есть одно большое различие. Наверное, Вы обратили внимание, что тег body, который отвечает за тело страницы - отсутствует. Вместо него вставлен тег <frameset> , который отвечает за тело страницы. У этого тега есть два атрибут cols="25%,75%" , что означает разбить все тело страницы на две области по вертикали в пропорции 1:3. Первая область займет 25% от ширины всего экрана (в ней будет первый фрейм menu.html ), вторая область займет 75% от ширины всего экрана (в ней будет второй фрейм content.html ).</p> <p>Последний совсем необязательный тег это <noframes> . Он нужен для браузеров, которые не поддерживают фреймы. Если браузер не поддерживает фреймы, то рекомендуется вежливо сообщить об этом пользователю через этот тег.</p> <p>Кстати, обратите внимание, что для тега <frame> не нужен закрывающий тег.</p> <p>Надеюсь, что теперь у Вас есть представления о фреймах. Чтобы понять более трудные примеры, давайте попробуем создать простую html-страницу состоящую из 4 фреймов. Это будет пример №2.</p> <h2>Пример с 4 фреймами №2</h2> <p>Каркас для примера 2:</p> <p><img src='https://i0.wp.com/zarabotat-na-sajte.ru/uroki-html/img/primer2-frame-karkas.jpg' width="100%" loading=lazy><br>Рис 3. Каркас использования фреймов для примера №2</p> <p>Код исходной html-страницы с фреймом будет следующий:</p> <blockquote><html > <head > <title ><span>Пример №2 html-страницы с фреймами </span> <span>Ваш браузер не поддерживает отображение фреймов </span>

Код файла top.html

<span>Файл top.html - шапка сайта </span>

Пример №2

А здесь могло быть лого и не только:)

Код файла menu.html

<span>Файл menu.html - меню сайта </span>

Код файла content.html

<span>Файл content.html - контент сайта </span>

Главная страница

Содержимое сайта. Сейчас открыт файл content.html
Это исходное состояние нашего фрейма. Назовем этот файл "Главной страницей"

Код файла about-site.html

<span>Файл about-site.html - Страница о сайте </span>

О сайте

Страница о сайте. Сейчас открыт файл about-site.html

Код файла about-autor.html

<span>Файл about-autor.html - об авторе </span>

Об авторе

Страница об авторе. Сейчас открыт файл about-autor.html

Код файла footer.html

<span>Файл footer.html - о сайте </span> Футер сайта. Сейчас открыт файл footer.html
Пояснение к примеру №2

Первоначально вся страница разбивается на три области по горизонтали в пропорции 3:14:3. За это отвечает атрибут rows="15%,70%,15%" . Первый фрейм в нашем примере - шапка (мы её обозвали top.html ), на нее отводится 15% места по высоте. Далее идет большой фрейм занимающий 70% по высоте. Мы его разбиваем на две части с помощью cols="25%,75%" в пропорции 1:3. Слева будет фрейм menu.html , справа content.html . Мы специально дали имя второму фрейму name="main" с целью возможности переключения страниц. Обратите внимание, что в файле menu.html к каждой ссылки приписан атрибут target="main" , что позволяет при нажатии на эту ссылку загружать элементы в область с именем main. Внизу сайта расположился последний фрейм footer.html .

Если вы реализуете пример №2, то должны получить такую html-страницу в исходном состоянии:


Рис 4. Пример №2 - исходное состояние

При переходе на страницу о сайте страница будет выглядеть следующим образом:


Рис 5. Пример №2 - второе состояние


Рис 6. Пример №2 - третье состояние

Тег

Необязательные атрибуты этого тега являются width="ширина" и height="высота" , а обязательный атрибут src="адрес фрейма" .

Атрибуты и свойства тега

1. Атрибут COLS="Параметры"
Задает количество разбиений страницы по вертикали.

2. Атрибут ROWS="Параметры"
Задает количество разбиений страницы по горизонтали.

Теперь рассмотрим каким образом можно задать параметры разбиение.

а) С помощью числа , которому будет соответствовать количество пикселей. Например, cols = "100,100,300" задает разбиение страницы на три области, каждая из которых будет по ширине: 100 пикселей, 100 пикселей и 300 пикселей соответственно.

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

в) С помощью * (звездочки). Например, cols = "2*,3*,100" задает первые две области в соотношение 2:3, а третья область будет шириной в 100 пикселей.

Все три способа можно совмещать. Например, cols="2*,100,15%,4*" .

3. Атрибут frameborder="{yes|no}"
Определяет наличие рамки у фрейма. Если ответ yes, то следующий четвертый атрибут border имеет силу.

4. Атрибут border="параметр"
В пикселях border задает толщину обводки области фрейма. Например, frameborder = "2" задает область с выделенным контуром в 2 пикселя.

5. Атрибут bordercolor="цвет"
Определяет цвет рамки, если она есть. Цвет можно задать как словами, так и кодом (см. цветовая палитра html).

Примечание: обратите внимание, что тегу нужен закрывающий тег .

Атрибуты и свойства тега

1. Атрибут src="адрес элемента"
В качестве параметра здесь должен указываться полный URL к адресу элемента. Этот атрибут обязателен. Он уже знаком Вам, т.к. он присутствовал в примерах 1 и 2.

2. Атрибут marginwidth="число"
Задает отступ внутри фрейма от границ в пикселях по ширине. Например, marginwidth="10" задаст отступ содержимого слева и справа от границы фрейма.

3. Атрибут marginhight="число"
Аналогичен второму с той лишь разницей, что задает отступ по высоте.

4. Атрибут scrolling="{yes|no|auto}"
Задает возможность прокрутки фрейма, в случае если он не смог уместиться в рамки отведенной ему области. По умолчанию стоит значение auto (означает, что при необходимости создавать скролл).

5. Атрибут noresize
Если установлен этот атрибут, то пользователю запрещается самостоятельно менять границы фрейма. По умолчанию этот атрибут не стоит и пользователь может менять границы как хочет.

5. Атрибут name="название"
С помощью этого атрибута можно давать фрейму имя. Это нужно для того, чтобы к этому фрейму могли обращаться другие фреймы. В примере №2 как раз рассматривается такой случай.

Примечание:
Имя не должно начинаться с нижнего подчеркивания "_".

6. Атрибуты frameborder, border и bordercolor
Эти три атрибута такие же как и у frameset (см. атрибуты frameset выше).

Преимущества и недостатки фреймов

Плюсы фреймов

  • Возможность отображения в одном окне независимо несколько страниц (пример 1 и 2 выше);
  • Возможность переключать содержимое страницы не перезагружая страницу (меняется только одна область экрана);
  • Возможность построить гибко структуру сайта (шапка, меню, футер и т.д. - вся статическая информация хранится отдельно в файлах, а это позволяет быстро отредактировать часть сайта);
  • Пользователь может сам изменять размер области просмотра, в случае если не установлена опция noresize;

Минусы фреймов

  • Поисковые системы плохо индексируют сайты на фреймах, поскольку не в состоянии интерпретировать подгружаемые файлы во фреймах. Поисковая машина различает страницы по их адресу (URL), а у фреймов несмотря на разные состояния, адрес страницы не изменяется. Это противоречит правилам поисковой машины, а значит не факт, что поисковик сможет проиндексировать сайт.
  • Невозможно сохранить в закладки сайт на фреймах, т.к. URL страницы будет одинаковый. Таким образом, можно лишь сохранить исходное состояние фрейма.
  • Не все браузеры поддерживают фреймы.

Будущее фреймов:
От фреймов уже давно стали отказываться многие вебмастеры. Это связано с трудностями продвижения в поисковиках. Сейчас все переходят на Ajax, как более динамичный и современный способ отображения информации на одной странице сайта.

Уважаемый читатель, мы рассмотрели теги html документа касающиеся фреймов. Несмотря на сомнительное будущее этого направления, знать про фреймы должен каждый вебмастер.

Фреймы — это HTML-элементы, позволяющие разделить окно веб-браузера на несколько независимых окон, в каждое из которых можно загрузить отдельный HTML-документ. Каждое такое окно (фрейм) может иметь собственные полосы прокрутки и функционировать независимо от других независимых окон либо наоборот управлять их содержанием. Они могут применяться для организации постоянно находящегося в одном окне меню, в то время как в другом окне располагается непосредственно сама информация. Пользователи могут обращаться к меню в любой момент, и им не нужно возвращаться к предыдущей странице, чтобы выбрать другой пункт меню. Применение фреймов позволит вам «закрепить» в окне браузера изображения или другие неподвижные по замыслу элементы интерфейса, в то время как остальная часть страницы будет прокручиваться во фрейме.
Однако, стоит отметить, что в наши дни фреймы считаются устаревшим средством, а сайты с фреймами теперь считаются несолидными, так как профессиональные веб-мастера никогда не используют фреймы в своих проектах. С фреймами связан целый ряд печально известных проблем. Они, например, сбивают с толку поисковые машины, поскольку на страницах, которые содержат контент, нет ссылок на другие документы. Если вы хотите получать посетителей с поисковых систем, забудьте о фреймах. Понравившуюся страницу пользователю невозможно поместить в раздел закладки браузера, так как фреймы скрывают адрес страницы, на которой он находится, и всегда показывают только адрес веб-сайта. По этой причине они создают проблемы для браузеров при отслеживании хронологии и еще они не слишком приспособлены для разных размеров экранов и мобильных устройств.
Несмотря на то, что проекты с фреймами встречаются во всемирной паутине все реже, изучение HTML было бы неполным без рассмотрения темы о фреймах. У фреймов наряду с недостатками есть и некоторые достоинства, которые не позволяют отбросить эту технологию как бесперспективную.

Создание фреймов

Структура HTML-документа с фреймами внешне очень напоминает формат обычного HTML-документа. Как и в обычном HTML-документе, весь код помещен между парными тегами и , а в контейнере располагаются заголовки. Основное отличие документа с фреймами от обычного HTML-документа — у документа с фреймами вместо тега применяется парный тег (от англ. frame set – набор фреймов).
В следующем примере приведена структура HTML-документа с фреймами:

Пример: Структура HTML-документа с фреймами

  • Попробуй сам »
frame_top
frame_left frame_right



Документ с фреймами

В приведенном примере страница содержит три области, в каждую из которых первоначально загружаются HTML-документы frame_top.html, frame_left.html и frame_right.html. Помимо HTML-документов, фрейм может содержать и графику. Для этого необходимо указать адрес соответствующего изображения в атрибуте src , например src="image.gif" . Обратите внимание, что элемент используется без закрывающего тега.
Внутри контейнера могут содержаться только теги или другой набор фреймов, охваченный тегами и .
Тег имеет следующие атрибуты:

  • rows — описывает разбиение страницы на строки:
  • cols — описывает разбиение страницы на столбцы:
Области, полученные в результате такого разбиения страницы, и будут являться фреймами. Отсутствие этих атрибутов определяет один фрейм, который займет все окно браузера.

В значении атрибутов rows и cols необходимо указывать не количество строк или столбцов, а значение ширины и высоты фреймов. Все значения в списке разделяются запятыми. Размеры могут быть указаны в абсолютных единицах (в пикселах) или в процентах:

  • cols="20%, 80%" — окно браузера разбивается на две колонки с помощью атрибута cols , левая колонка занимает 20%, а правая 80% окна браузера.
  • rows="100, *" окно браузера разбивается на два горизонтальных окна с помощью атрибута rows , верхнее окно занимает 100 пикселов, а нижнее — оставшееся пространство, заданное символом звездочки.

Как видно из данного примера, контейнер с атрибутом rows вначале создает два горизонтальных фрейма, а вместо второго фрейма подставляется еще один , который разбивает нижний горизонтальный фрейм на две колонки с помощью атрибута cols , левая колонка занимает занимает 20%, а правая 80% окна браузера.
Если браузер не поддерживает фреймы, то в окне будет отображен текст, расположенный между тегами </b> и <b> . Все, что находится между тегами </b> и <b> , игнорируется браузерами, поддерживающими фреймы. Таким образом разработчику нужно написать код, дублирующий содержимое фреймов другими средствами, и поместить этот код в контейнер </b> , тогда все пользователи смогут увидеть его веб-страницу.<br> Как уже отмечалось, для вставки в документ отдельного фрейма служит непарный тег <b><frame> </b> . Атрибут <b>src </b> задает документ, который должен отображаться внутри данного фрейма, например: <frame src="frame_top.html">. Если атрибут <b>src </b> отсутствует, отображается пустой фрейм.</p> <h2>Границы или пространство между фреймами</h2> <p>По умолчанию, браузер отображает серую и, как правило, в виде трехмерной линии границу между фреймами, с помощью которой посетители могут регулировать размер фрейма.<br> Границей фрейма можно управлять, как и любыми другими элементами фрейма. Для этого существует несколько атрибутов элемента <b><frameset> </b> , позволяющих настраивать границы фреймов. Толщина линии границы определяется атрибутом <b>border </b>. По умолчанию значение толщины границы равно пяти.<br> Чтобы скрыть границу фрейма, необходимо либо указать значение ширины границы равным нулю, либо присвоить значение «no» или «0» атрибуту <b>frameborder </b>. Атрибут <b>frameborder </b> может принимать только два противоположных значения. Если значение атрибута <b>frameborder </b> равно «yes» или «1», то граница фреймов будет отображаться, а если «0» или «no», то нет. Учтите, что значения атрибута <b>frameborder </b> различаются для разных браузеров. Чтобы решить эту проблему используйте дважды атрибут <b>frameborder </b>, а для некоторых браузеров требуется еще добавить атрибут <b>framespacing </b> со значением «0»:</p><p> <frameset frameborder="0" framespacing="0" frameborder="no" border="0"> </p><p>В следующем примере убираем границу между фреймами:</p> <h3>Пример: Убираем границу между фреймами</h3> <ul><li>Попробуй сам »</li> </ul><table><tr><td style="width: 10px;background-color:green;color: white;"> frame_left </td> <td style="width: 90%;background-color:lime;color: white;"> frame_right </td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Фреймы без границ</title> </head> <frameset cols="100,*" frameborder="0" framespacing="0" frameborder="no" border="0"> <frame src="frame_left.html" name=" frame_left" > <frame src="frame_right.html" name="frame_right" > </frameset> </html></p> <p>Если вы удалите границу между фреймами, посетители не смогут изменять размер фрейма в браузере. Вы можете также не допустить изменения размера фрейма, сохранив границы, используя атрибут <b>noresize </b>:</p><p> <frame src="frame_left.html" noresize> </p><p>С помощью атрибута <b>bordercolor </b> можно изменить цвет границы фрейма, необходимо только указать код или соответствующее зарезервированное имя цвета.<br> Ниже приведен пример html-страницы, которая содержит описанные выше атрибуты управления границей фрейма: цвет границы — красный, изменять размер верхнего фрейма нельзя:</p> <h3>Пример: Управление границей фреймов</h3> <ul><li>Попробуй сам »</li> </ul><table style="border-collapse:collapse;"><tr><td style="border-bottom: 4px solid red;background-color:blue;color: white;" colspan="2">frame_top</td> </tr><tr><td style="border-right: 4px solid red;width: 20%;background-color:green;color: white;">frame_left</td> <td style="width: 80%;background-color:lime;color: white;">frame_right</td> </tr></table><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Управление границей фреймов</title> </head> <frameset rows="150, *" border="10" bordercolor="red" frameborder="1" frameborder="yes"> <frame src="frame_top.html" noresize> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html"> </frameset> </frameset> </html></p> <p>Если вы хотите расположить страницу, отображаемую внутри фрейма, ближе к его границам, или, наоборот, отодвинуть дальше, измените атрибуты <b>marginheight </b> и <b>marginwidth </b> тэга <b><frame> </b> . Атрибут <b>marginheight </b> определяет отступ между содержимым фрейма и его верхней и нижней границами. Синтаксис:</p><p> <frame marginheight="число"> </p><p>Атрибут <b>marginwidth </b> определяет отступ между содержимым фрейма и его правой и левой границами. Синтаксис:</p><p> <frame marginwidth="число"> </p><p>Данная строка html, например, располагает отображаемую страницу вплотную к границе фрейма:</p> <p>Если страница отображает нежелательную для вас полосу прокрутки, вы можете решить эту проблему, указав атрибут <b>scrolling </b>="no" в тэге <b><frame> </b> . Но учтите, что если фрейм будет недостаточно большим, чтобы отобразить все содержимое страницы, то у посетителя не будет никакой возможности прокрутить отображаемую страницу.</p> <h2>Ссылки внутри фреймов</h2> <p>Переход по ссылке в обычном HTML-документе осуществляется следующим образом: нажимаете ссылку и текущий документ заменяется новым в текущем либо в новом окне браузера. При использовании фреймов схема загрузки html-документов отличается от обычной и главное отличие — это возможность загружать html-документ в один фрейм из другого фрейма.<br> Для загрузки документа в определенный фрейм используется атрибут <b>target </b> тега <b><a> </b> . В качестве значения атрибута <b>target </b> используется имя фрейма, в который будет загружаться документ, указанный атрибутом <b>name </b> тега <b><frame> </b> . Стоит также отметить, что имя фрейма должно начинаться либо с цифры либо с латинской буквы. Следующие имена используются в качестве зарезервированных:</p> <p>Для внешних ссылок следует задавать в качестве значения для атрибута target либо _top , либо _blank , для того, чтобы сторонние проекты отображались не в ваших фреймах, а занимали полное окно браузера.</p> <p>В следующем примере изображен HTML-документ, в правый фрейм которого загружается страница по ссылке, помещенной в верхний фрейм. Ссылка на документ, который откроется в правом фрейме:</p><p> <a href="http://www.google.com" target="frame_right">Google</a> </p><p>Правому фрейму присваивается имя <i>frame_right </i>:</p><p> <frame src="frame_right.html" name="frame_right"> </p><p>Чтобы документ загружался в указанный фрейм, используется конструкция <i>target="frame_right" </i>, как показано в примере:</p> <h3>Пример: Ссылка на другой фрейм</h3> <ul><li>Попробуй сам »</li> </ul><p> <!DOCTYPE html> <html><br><head><br><meta charset="UTF-8"> <title>Ссылка на другой фрейм</title> </head> <frameset rows="100, *"> <frame src="frame_topic.html"> <frameset cols="20%, 80%"> <frame src="frame_left.html"> <frame src="frame_right.html" name="frame_right"> </frameset> <noframes> <p>Ваш браузер не отображает фреймы</p>

Плавающие фреймы

Элемент