Лабораторная работа 3 (LAB3 Бочаров И.А.)

Посмотреть архив целиком

Национальный исследовательский институт

Московский Энергетический Институт (Технический Университет)

Институт автоматики и вычислительной техники

Кафедра Прикладной математики





Лабораторная работа №3

по дисциплине:

ВМСС

тема: «Разработка простой web-страницы»







Выполнил:

Бочаров Иван Андреевич

Проверил:

к.т.н., доц. Куриленко Иван Евгеньевич











Москва

2012 г.

Подготовка к выполнению работы

Язык HTML

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в19891991 годах в стенах Европейского совета по ядерным исследованиям в Женеве(Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. С течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.

Формат документа HTML

Документ в формате HTML 4.0 состоит из трех частей:

  • строки, содержащей информацию о версии HTML

  • раздела заголовков (определяемого элементом HEAD)

  • тела, которое включает собственно содержимое документа. Тело может вводиться элементом BODYили элементом FRAMESET.

В документе HTML должна быть объявлена используемая в нем версия языка HTML. Объявление типа документа указывает определение типа документа (DTD), используемое в этом документе.

Элемент  предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Это необходимо, чтобы браузер понимал, как следует интерпретировать текущую веб-страницу, ведь HTML существует в нескольких версиях, кроме того, имеется XHTML (EXtensible HyperText Markup Language, расширенный язык разметки гипертекста), похожий на HTML, но различающийся с ним по синтаксису. Чтобы браузер «не путался» и понимал, согласно какому стандарту отображать веб-страницу и необходимо в первой строке кода задавать .

Существует несколько видов , они различаются в зависимости от версии HTML, на которую ориентированы.

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

Например, в строгом HTML и XHTML непременно требуется наличие тега </b></font></font></font>, а в переходном HTML его можно опустить и не указывать. При этом помним, что браузер в любом случае покажет документ, независимо от того, соответствует он синтаксису или нет. Подобная проверка осуществляется при помощи валидатора и предназначена в первую очередь для разработчиков, чтобы отслеживать ошибки в документе.</p> <h2 align="justify" class="western CL_5"><span class="CL_8">Теги</span></h2> <p align="justify" class="CL_6"> Каждый тег HTML принадлежит к определенной группе тегов, например, табличные теги направлены на формирование таблиц и не могут применяться для других целей.</p> <p align="justify" class="CL_6"> Условно теги делятся на следующие типы:</p> <ul> <li/> <p align="justify" class="CL_3"> теги верхнего уровня</p> <li/> <p align="justify" class="CL_3"> теги заголовка документа</p> <li/> <p align="justify" class="CL_3"> блочные элементы</p> <li/> <p align="justify" class="CL_3"> встроенные элементы</p> <li/> <p align="justify" class="CL_3"> универсальные элементы</p> <li/> <p align="justify" class="CL_3"> списки</p> <li/> <p align="justify" class="CL_3"> таблицы</p> </ul> <p align="justify" class="CL_6"> Следует учитывать, что один и тот же тег может одновременно принадлежать разным группам, например, теги <font color="#006699"><font face="Courier New, serif"><b><ol></b></font></font> и <font color="#006699"><font face="Courier New, serif"><b><ul></b></font></font> относятся к категории списков, но также являются и блочными элементами.</p> <p align="justify" class="CL_6"> Перейдем к описанию основных использованных в работе тегов.</p> <h3 align="justify" class="western CL_5">Теги верхнего уровня</h3> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><html></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font></p> <p align="justify" class="CL_6"> <font color="#000000"><font size="3" class="CL_10">Тег</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><html></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#000000"><font size="3" class="CL_10">является контейнером, который заключает в себе всё содержимое веб-страницы, включая теги</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><head></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#000000"><font size="3" class="CL_10">и</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><body></b></font></font></font><font color="#000000"><font size="3" class="CL_10">. Открывающий и закрывающий теги</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><html></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#000000"><font size="3" class="CL_10">в документе необязательны, но хороший стиль диктует непременное их использование.</font></font></p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><head></b></font></font></font></p> <p align="justify" class="CL_6"> <font color="#000000"><font size="3" class="CL_10">Тег</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><head></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#000000"><font size="3" class="CL_10">предназначен для хранения других элементов, цель которых — помочь браузеру в работе с данными. Также внутри контейнера</font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><head></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#000000"><font size="3" class="CL_10">находятся метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.</font></font></p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><body></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><body></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>предназначен для хранения содержания веб-страницы, отображаемого в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><body></b></font></font></font>. К такой информации относится текст, изображения, таблицы, списки и др.</p> <h2 align="justify" class="western CL_5">Теги заголовка</h2> <p align="justify" class="CL_6"> <font color="#4f81bd"><font face="Courier New, serif"><font size="3" class="CL_10"><b><title></b></font></font></font></p> <p align="justify" class="CL_6"> Используется для отображения строки текста в левом верхнем углу окна браузера, а также на вкладке. Такая строка сообщает пользователю название сайта и другую информацию, которую добавляет разработчик.</p> <p align="justify" class="CL_6"> <font color="#4f81bd"><font face="Courier New, serif"><font size="3" class="CL_10"><b><meta></b></font></font></font></p> <p align="justify" class="CL_6"> Метатеги используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных. Хотя тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><meta></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>всего один, он имеет несколько атрибутов, поэтому к нему и применяется множественное число.</p> <p align="justify" class="CL_6"> <span class="CL_8">Описание сайта, заданное с помощью тега</span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><span class="CL_8"><meta></span></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font><span class="CL_8">и значения</span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font><font color="#39892f"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8">description</span></font></font></font><span class="CL_8">, обычно отображается в поисковых системах или каталогах при выводе результатов поиска. Значение</span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font><font color="#39892f"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8">keywords</span></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font><span class="CL_8">также предназначено в первую очередь для повышения рейтинга сайта в поисковых системах, в нем перечисляются ключевые слова, встречаемые на веб-странице</span><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"><span class="CL_8"> </span></font></font></font></p> <h3 align="justify" class="western CL_5">Теги таблиц</h3> <p align="justify" class="CL_6"> Таблица состоит из строк и столбцов ячеек, которые могут содержать текст и рисунки. Обычно таблицы используются для упорядочения и представления табличных данных.</p> <p align="justify" class="CL_6"> <font color="#4f81bd"><font face="Courier New, serif"><b><table></b></font></font></p> <p align="justify" class="CL_6"> Служит контейнером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются с помощью тегов<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><tr></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>и<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><td></b></font></font></font>.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><td></b></font></font></font></p> <p align="justify" class="CL_6"> Предназначен для создания одной ячейки таблицы. Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><td></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>должен размещаться внутри контейнера<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><tr></b></font></font></font>, который в свою очередь располагается внутри тега<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><table></b></font></font></font>.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><th></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><th></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>предназначен для создания одной ячейки таблицы, которая обозначается как заголовочная. Текст в такой ячейке отображается браузером обычно жирным шрифтом и выравнивается по центру.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><tr></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><tr></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>служит контейнером для создания строки таблицы.</p> <h3 align="justify" class="western CL_5">Строчные элементы</h3> <p align="justify" class="CL_6"> Строчными называются такие элементы веб-страницы, которые являются непосредственной частью другого элемента, например, текстового абзаца. В основном они используются для изменения вида текста или его логического выделения.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><a></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><a></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов <span class="CL_11"><font face="Arial, serif"><font size="3" class="CL_10"><font color="#b61039">name</span></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>или<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><span class="CL_11"><font face="Arial, serif"><font size="3" class="CL_10"><font color="#b61039">href</span></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><a></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>устанавливает ссылку или якорь.</p> <p align="justify" class="CL_6"> <font color="#4f81bd"><font face="Courier New, serif"><font size="3" class="CL_12"><b><b></b></font></font></font></p> <p align="justify" class="CL_6"> Определяет жирное начертание шрифта.</p> <p align="justify" class="CL_6"> <font color="#4f81bd"><font face="Courier New, serif"><font size="3" class="CL_10"><b><i></b></font></font></font></p> <p align="justify" class="CL_6"> Устанавливает курсивное начертание шрифта.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><img></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><img></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><img></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>в контейнер<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><a></b></font></font></font>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><span class="CL_11"><font face="Arial, serif"><font size="3" class="CL_10"><font color="#b61039">border="0"</span></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>в тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><img></b></font></font></font>.</p> <h3 align="justify" class="western CL_5">Теги для списков</h3> <p align="justify" class="CL_6"> Списком называется взаимосвязанный набор отдельных фраз или предложений, которые начинаются с маркера или цифры. Списки предоставляют возможность упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><ol></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><ol></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>устанавливает нумерованный список, т.е. каждый элемент списка начинается с числа или буквы и увеличивается по нарастающей.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><ul></b></font></font></font></p> <p align="justify" class="CL_6"> Устанавливает маркированный список, каждый элемент которого начинается с небольшого символа — маркера.</p> <p align="justify" class="CL_6"> <font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><li></b></font></font></font></p> <p align="justify" class="CL_6"> Тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><li></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>определяет отдельный элемент списка. Внешний тег<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><ul></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>или<font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font><font color="#006699"><font face="Courier New, serif"><font size="3" class="CL_10"><b><ol></b></font></font></font><font color="#000000"><font face="Arial, serif"><font size="3" class="CL_10"> </font></font></font>устанавливает тип списка — маркированный или нумерованный.</p> <h2 align="justify" class="western CL_5">Организация связей между страницами</h2> <p align="justify" class="CL_6"> Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб-страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML-файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Главное, чтобы к документу, на который делается ссылка, был доступ. Иными словами, если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку.</p> <p align="justify" class="CL_6"> Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <font color="#006699"><font face="Courier New, serif"><b><a></b></font></font>. Общий синтаксис создания ссылок следующий.</p></div> <div style="text-align:center; margin:15px;"> <div class="radial_vseo" style="float:none;"> <a href="/filearray/file-download-14321.html" class="download_bt" target="_blank">Скачать архив с этим файлом</a> </div> </div> <div style="padding-top:20px;"><div class="pagination" style="margin-bottom:15px;"> <div class="pprev"><span>Назад</span></div> <div class="pnext"><a href="/show-document/1-14321/6c68d9b04a31f6f8b26caa538eb9d615/2/" >Вперед</a></div> <div class="navigation"><a href="/show-document/1-14321/6c68d9b04a31f6f8b26caa538eb9d615/1/">1</a><a href="/show-document/1-14321/6c68d9b04a31f6f8b26caa538eb9d615/2/">2</a></div> <div class="clr"></div> </div></div> <hr /> <div> <h3 style="padding-bottom:10px; padding-top:15px;">Случайные файлы</h3> <table width="100%" class="userstop result_table" id="result_table"> <thead><tr><td>Файл</td></tr></thead> <tr><td><a href="/show-document/1-25011/7906ee7d217705148d99346c2caa73e5/">48483.rtf</a></td></tr><tr><td><a href="/show-document/1-149458/281fa33a4f5d1827569f6798985bc428/">128755.rtf</a></td></tr><tr><td><a href="/show-document/1-101004/a62cda65a43defc28abbadbd08867b8f/">LABS1D.DOC</a></td></tr><tr><td><a href="/show-document/1-35592/2859a68c1396215e553c5ef5a75ad49d/">179376.rtf</a></td></tr><tr><td><a href="/show-document/1-8830/a1c1a498efaf080bb4f6bc38b57d8c1d/">МГСН 2.03-97.doc</a></td></tr> </table> </div> </div> </div> <noindex> <br /> <!-- SAPE RTB DIV 728x90 --> <center><div id="SRTB_45910"></div></center> <!-- SAPE RTB END --> </noindex><br> <noindex> <hr /><br /><center> Чтобы не видеть здесь видео-рекламу достаточно стать зарегистрированным пользователем. <br /> Чтобы не видеть никакую рекламу на сайте, нужно стать <b>VIP</b>-пользователем.<br /> Это можно сделать совершенно бесплатно. Читайте <a href="http://baumanki.net/instrukcii/51-zachem-nuzhen-vip-dostup.html" target="_blanc">подробности тут</a>. <br /> <script type="text/javascript" language="javascript"> $(function(){$.post("/engine/modules/filearray/ajax/counter_ajax.php", {id:10}, function( data ){});}); </script> <iframe id="adv_kod_frame" src="http://videopotok.pro/kod.php" width="600" height="320" frameborder="0" scrolling="no" allowfullscreen="true"></iframe><script type="text/javascript" src="http://videopotok.pro/player_html5/iframeobrabotchik.js"></script> </center> <br /></noindex> <div class="stamp"><div class="left-top-border-stamp"></div></div> </div> </td> </tr> <tr> <td colspan="2" bgcolor="#FFFFFF"> <noindex> <center> <!-- SAPE RTB DIV 970x90 --> <div id="SRTB_97980"></div> <!-- SAPE RTB END --> </center></noindex> </td> </tr> </table> </div> </div> <div id="footer"> <div class="footer-wrapper"> <noindex><ul class="countter_list"> <li><!-- Rating@Mail.ru counter --> <script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "1768895", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "topmailru-code"); </script><noscript><div style="position:absolute;left:-10000px;"> <img src="//top-fwz1.mail.ru/counter?id=1768895;js=na" style="border:0;" height="1" width="1" alt="Рейтинг@Mail.ru" /> </div></noscript> <!-- //Rating@Mail.ru counter --> <!-- Rating@Mail.ru logo --> <a href="http://top.mail.ru/jump?from=1768895" rel="nofollow"> <img src="//top-fwz1.mail.ru/counter?id=1768895;t=488;l=1" style="border:0;" height="31" width="88" alt="Рейтинг@Mail.ru" /></a> <!-- //Rating@Mail.ru logo --> </li> <li> <!-- HotLog --> <script type="text/javascript"> hotlog_r=""+Math.random()+"&s=2309980&im=504&r="+ escape(document.referrer)+"&pg="+escape(window.location.href); hotlog_r+="&j="+(navigator.javaEnabled()?"Y":"N"); hotlog_r+="&wh="+screen.width+"x"+screen.height+"&px="+ (((navigator.appName.substring(0,3)=="Mic"))?screen.colorDepth:screen.pixelDepth); hotlog_r+="&js=1.3"; document.write('<a href="http://click.hotlog.ru/?2309980" target="_blank"><img '+ 'src="http://hit3.hotlog.ru/cgi-bin/hotlog/count?'+ hotlog_r+'" border="0" width="88" style="margin-right: 0px;" height="31" title="HotLog: показано количество посетителей за сегодня, за вчера и всего" alt="HotLog"><\/a>'); </script> </li> <li><!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t18.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> </li> <div style="display:none"> <!--Openstat--> <span id="openstat1"></span> <script type="text/javascript"> var openstat = { counter: 1, next: openstat }; (function(d, t, p) { var j = d.createElement(t); j.async = true; j.type = "text/javascript"; j.src = ("https:" == p ? "https:" : "http:") + "//openstat.net/cnt.js"; var s = d.getElementsByTagName(t)[0]; s.parentNode.insertBefore(j, s); })(document, "script", document.location.protocol); </script> <!--/Openstat--></div> <li> <a href="https://passport.webmoney.ru/asp/certview.asp?wmid=313833175144" rel="nofollow" target="_blank"><img src="http://megastock.ru/doc/Logo/v_blue_on_white_ru.png" alt="Здесь находится аттестат нашего WM идентификатора 313833175144" border="0" /></a> </li><li> <a href="http://baumanki.net/external-link-416.html" rel="nofollow" target="_blank"><img src="http://www.megastock.ru/doc/Logo/acc_blue_on_white_ru.png" alt="www.megastock.ru" border="0"/></a> <!--Yandex--> <script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script> <script type="text/javascript"> try { var yaCounter672990 = new Ya.Metrika({id:672990, webvisor:true, clickmap:true, trackLinks:true, accurateTrackBounce:true}); } catch(e) { } </script> <noscript><div><img src="//mc.yandex.ru/watch/672990" style="position:absolute; left:-9999px;" style="margin-right: 0px;" alt="" /></div></noscript> </li> </ul></noindex> <div class="nav left"> <a href="/">Главная</a> // <a href="/statistics.html">Статистика</a> // <a href="/index.php?do=feedback">Обратная связь</a> // <a href="/rate-external-links.html">Рейтинг сайтов</a> // <a href="/tags/">Теги</a> // <a href="http://baumanki.net/engine/go.php?url=aHR0cDovL29sZC5iYXVtYW5raS5uZXQ%3D" target="_blanc">Старый сайт</a> </div> <div class="clr"></div> </div> </div> <div style="display:none"> <a href="http://baumanki.net/roznoe/stati1/">Ещё статьи 1</a> <noindex> <!-- <a href='http://bonbone.ru/' rel="nofollow" title='Популярный каталог ресурсов интернет'> <img src='http://bonbone.ru/bon.php?402148' width=88 height=31 border=0></a> --> <!-- Top100 (Kraken) Counter --> <script> (function (w, d, c) { (w[c] = w[c] || []).push(function() { var options = { project: 4448371 }; try { w.top100Counter = new top100(options); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//st.top100.ru/top100/top100.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(window, document, "_top100q"); </script> <noscript><img src="//counter.rambler.ru/top100.cnt?pid=4448371"></noscript> <!-- END Top100 (Kraken) Counter --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-59922276-1', 'auto'); ga('send', 'pageview'); </script> <!--bigmir)net TOP 100--> <script type="text/javascript" language="javascript"><!-- function BM_Draw(oBM_STAT){ document.write('<table cellpadding="0" cellspacing="0" border="0" style="display:inline;margin-right:4px;"><tr><td><div style="margin:0px;padding:0px;font-size:1px;width:88px;"><div style="background:url(\'//i.bigmir.net/cnt/samples/diagonal/b58_top.gif\') no-repeat bottom;"> </div><div style="font:10px Tahoma;background:url(\'//i.bigmir.net/cnt/samples/diagonal/b58_center.gif\');"><div style="text-align:center;"><a href="http://www.bigmir.net/" target="_blank" style="color:#0000ab;text-decoration:none;font:10px Tahoma;">bigmir<span style="color:#ff0000;">)</span>net</a></div><div style="margin-top:3px;padding: 0px 6px 0px 6px;color:#003596;"><div style="float:left;font:10px Tahoma;">'+oBM_STAT.hosts+'</div><div style="float:right;font:10px Tahoma;">'+oBM_STAT.hits+'</div></div><br clear="all"/></div><div style="background:url(\'//i.bigmir.net/cnt/samples/diagonal/b58_bottom.gif\') no-repeat top;"> </div></div></td></tr></table>'); } //--> </script> <script type="text/javascript" language="javascript"><!-- bmN=navigator,bmD=document,bmD.cookie='b=b',i=0,bs=[],bm={o:1,v:16947205,s:16947205,t:0,c:bmD.cookie?1:0,n:Math.round((Math.random()* 1000000)),w:0}; for(var f=self;f!=f.parent;f=f.parent)bm.w++; try{if(bmN.plugins&&bmN.mimeTypes.length&&(x=bmN.plugins['Shockwave Flash']))bm.m=parseInt(x.description.replace(/([a-zA-Z]|\s)+/,'')); else for(var f=3;f<20;f++)if(eval('new ActiveXObject("ShockwaveFlash.ShockwaveFlash.'+f+'")'))bm.m=f}catch(e){;} try{bm.y=bmN.javaEnabled()?1:0}catch(e){;} try{bmS=screen;bm.v^=bm.d=bmS.colorDepth||bmS.pixelDepth;bm.v^=bm.r=bmS.width}catch(e){;} r=bmD.referrer.replace(/^w+:\/\//,'');if(r&&r.split('/')[0]!=window.location.host){bm.f=escape(r).slice(0,400);bm.v^=r.length} bm.v^=window.location.href.length;for(var x in bm) if(/^[ovstcnwmydrf]$/.test(x)) bs[i++]=x+bm[x]; bmD.write('<sc'+'ript type="text/javascript" language="javascript" src="//c.bigmir.net/?'+bs.join('&')+'"></sc'+'ript>'); //--> </script> <noscript> <a href="http://www.bigmir.net/" target="_blank"><img src="//c.bigmir.net/?v16947205&s16947205&t2" width="88" height="31" alt="bigmir)net TOP 100" title="bigmir)net TOP 100" border="0" /></a> </noscript> <!--bigmir)net TOP 100--> </noindex></div> </div> <script type="text/javascript"> $(function() { var hl = $('#lb').innerHeight()-$('#rbt').height()-$('#spb').height()-28-130; $('#main-contentb').css('min-height', ''+hl+'px'); }); </script> <noindex> <!-- 6bc5814b31fa0043 --> <!-- SAPE RTB DIV 300x250 --> <div id="SRTB_45911"></div> <!-- SAPE RTB END --> </noindex> <script type="text/javascript" language="javascript"> $(function(){$.post("/engine/modules/filearray/ajax/counter_ajax.php", {id:2}, function( data ){});}); </script> <script type="text/javascript" language="javascript"> $(function(){$.post("/engine/modules/filearray/ajax/counter_ajax.php", {id:13}, function( data ){});}); </script> </body> </html> <!-- Время выполнения скрипта 0.13908 секунд --> <!-- Время затраченное на компиляцию шаблонов 0.01786 секунд --> <!-- Время затраченное на выполнение MySQL запросов: 0.0045 секунд --> <!-- Общее количество MySQL запросов 2 --> <!-- Затрачено оперативной памяти 19.27 MB -->