Мы поможем в написании ваших работ!



ЗНАЕТЕ ЛИ ВЫ?

Таблицы и компоновка страниц.

Поиск

Компоновка веб страницы очень важна для того чтоб сделать ваш веб сайт привлекательным.

Проектируйте компоновку вашей веб страницы очень внимательно.

 

Компоновки веб сайтов

Большинство веб сайтов помещают содержимое в несколько столбцов (отформатированных подобно журналу или газете).

Эти столбцы создаются с помощью тегов <table> или <div>. Как правило CSS используются для позиционирования элементов или для создания фоновых изображений или художественного вида страниц.

 

HTML Компоновки - Использование Таблиц

Простейший способ создания компоновок - использование HTML тега <table>.

Замечание: Даже если с помощью HTML таблиц можно делать приличные компоновки, таблицы были созданы для представления табличных данных - НЕ как инструмент для компоновки!

 

HTML Компоновки - Использование Div Элементов

Элемент div - это блочный элемент для группировки HTML элементов.

Кадры (фреймы)

Часто при создании сайта возникает необходимость открывать в одном окне браузера одновременно несколько HTML документов.. так вот фреймы как раз таки и созданы для того чтобы определить рабочие области для каждого документа.

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

Определяет фрейм в фреймовой структуре документа. Располагается внутри тега <frameset>.

Атрибуты:
srs - Путь к документу. Обязательный атрибут
name - Присваивает имя фрейму.
marginwidth - Отступ в пикселях от левого и правого края фрейма.
marginheight - Отступ в пикселях от верхнего и нижнего края фрейма.
scrolling - Определяет наличие полос прокрутки содержимого фрейма.

- no- никогда не показывать полосу прокрутки,

- yes - всегда показывать,

- auto- показывать в том случае если она необходима.

noresize - Запрещает пользователю изменять размеры фрейма.
frameborder - Определяет наличие рамок у фрейма.

- 1 - включить рамку

- 0- выключить рамку

bordercolor - Задаёт цвет бордюра фрейма.

Осутствие тега <body> компенсирует новый тег <frameset> - установить фрейм или набор фреймов.. с этим товарищем мы собственно и будем работать дальше.

Тег <frameset> имеет атрибуты rows и cols - эти атрибуты указывают браузеру на то, как следует размещать фреймы в окне браузера: rows - горизонтально cols – вертикально

Тег <frame> и его атрибут src укажет браузеру путь к html документу который следует открыть в отведенном для него месте. У нас имеется три отдельных документа logotype.html, menu.html и text.html теперь к каждому нужно прописать путь, что мы собственно и делаем. (предполагаю, что у Вас все четыре файла находятся в одной папке и пути к ним имеют самую простую запись по типу: <frame src="logotype.html">)

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

Иногда в страницу содержащую в себе не фреймовую структуру необходимо в отдельном окне вставить другой HTML документ или даже ряд таковых документов. Для выполнения этой цели существует тег <iframe> - так называемый плавающий фрейм.

Данный тег имеет ряд атрибутов:

src - обязательный атрибут, указывающий путь к открываемой странице
width - ширина плавающего фрейма в пикселях или процентах
height - высота плавающего фрейма
scrolling - показ полосы прокрутки

no - никогда не показывать полосу прокрутки,

yes - всегда показывать,

auto - показывать в том случае если она необходима.

align - выравнивание плаваюшего фрейма

left - слева

right - справа

top - выше

bottom - ниже

frameborder - наличие рамки вокруг плавающего фрейма

1 - включить рамку

0- выключить рамку

Всё вместе пишется так:

<iframe src="primer.html" width="300" height="250" align ="left" scrolling="auto" frameborder="1" ></iframe>



Поделиться:


Последнее изменение этой страницы: 2017-02-19; просмотров: 264; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

infopedia.su Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав. Обратная связь - 3.144.8.79 (0.007 с.)