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


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



ЗНАЕТЕ ЛИ ВЫ?

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



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

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

 

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

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

Эти столбцы создаются с помощью тегов <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; просмотров: 233; Нарушение авторского права страницы; Мы поможем в написании вашей работы!

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