Авторизация на сайте

Последнее из портфолио

Как с нами связаться

  • 8 953 242 0439
  • +7 953 242 0439
  • ws-aprel@ya.ru
  • *******
  • Россия, г. Горячий Ключ
» » Создание «плавающих» фреймов

Создание «плавающих» фреймов

dorofeeva 6-12-2012, 23:07 6 700 Уроки по HTML
К фреймовой структуре на сайте можно относиться по-разному. Кому-то нравится,кто-то считает неудобной. Плюс проблемы, возникающие при индексации таких страниц. 
Но кроме обычных фреймов существуют "плавающие" фреймы. По сути дела это окошко, которое можно вставить в любом месте документа и в него поместить все что угодно - просто тект или картинку или страницу сайта.
Разместить "плавающий" фрейм в обычном HTML-документе можно с помощью парного тега
< IFRAME>  </ IFRAME>
Тег - контейнер < IFRAME> может располагаться в любом месте документа (внутри тега-контейнера  < BODY>).

Атрибуты тега:

src – задает URL- адрес HTML- документа, который будет располагаться в плавающем фрейме;
width, height – ширина и высота плавающего фрейма;
align – выравнивание относительно окна браузера;
marginwidth – размеры свободных полей слева и справа от фрейма;
marginheight – размеры свободных полей сверху и снизу от фрейма;
frameborder – вывод рамки фрейма;
name –имя фрейма;
scrolling – вывод полос прокрутки.

Создание галереи картинок с помощью IFRAME

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


 


Похожие новости

  • Создание фреймов
  • Урок 5. Вставка графики и мультимедиа
  • Урок 3. Горизонтальные линии и бегущая строка
  • Урок 2. Заголовки, абзацы, работа со шрифтами
  • Урок 1. Создаем HTML-документ

  • Добавить комментарий

    • bowtiesmilelaughingblushsmileyrelaxedsmirk
      heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
      winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
      worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
      expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
      disappointedconfoundedfearfulcold_sweatperseverecrysob
      joyastonishedscreamtired_faceangryragetriumph
      sleepyyummasksunglassesdizzy_faceimpsmiling_imp
      neutral_faceno_mouthinnocent
    Кликните на изображение чтобы обновить код, если он неразборчив