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





Скачать 29.36 Kb.
НазваниеВ верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для
Дата публикации19.07.2014
Размер29.36 Kb.
ТипДокументы
100-bal.ru > Информатика > Документы
Слой и таблицы

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

Сравнительная таблица минусов и плюсов

Слой

Таблица

+

-

+

-

Простая и быстрая установка

Для правильной настройки требуется знание css (как минимум поверхностное)


За счет жесткой структуры более стабильное поведение (знания css не требуются)

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

Большие возможности в плане настройки дизайна за счет гибкости структуры элемента (скругление краев, тени, свечение)




Быстрое изменение размеров нескольких ячеек за счет изменения одной

Маленькие возможности настройки дизайна

Возможность настройки независимого расположения блока







Невозможность разделять таблицу на части и настраивать более гибко отдельные ячейки таблицы.

Более простой код в структуре







Более сложных код в структуре

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







Невозможность полностью скрывать отдельные ячейки таблицы

Удобное применение для небольших информационных блоков, а также единичных текстовых или графических блоков










Как видно из сравнительной таблицы, элемент «таблица» лучше подойдет для простых жестких сайтов, с одинаковой структурой для всех страниц.

Слои же открывают больше возможностей в плане оформления блоков и позиционирования элементов.

Пример применения таблиц:

слои и таблицы.png

В данном примере видно разделение содержательной части сайта на 2 колонки. Если мы хотим, чтобы данное положение было неизменно, и информация всегда располагаться строго в колонках и не перетекала (или не обтекала другую информацию), то выбор таблицы будет проще. Таблица не даст «разъехаться» информационному содержанию.

На слоях данную структуру построить также можно, но придется задать больше настроек, чтобы слои вели себя адекватно.

Примеры применения слоев:

слои и таблицы 2.png

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

слои-и-таблицы-3.png

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

слои-и-таблицы-4.png

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

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

Представим, что у нас есть такая картинка:

слои-и-таблицы-5.png

Мы хотим передвинуть блоки в шапке так, чтобы они были не друг под другом, а слева направо (это всего лишь один из примеров). С помощью настроек дизайна структура изменяется в считанные секунды.

слои-и-таблицы-6.png

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

Добавить документ в свой блог или на сайт

Похожие:

В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconУроки по Access
Число примеров без труда можно множить. Ясно, что субд является адекватным средством во всех случаях, когда исходную информацию можно...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconПредислови е
Смирнова И. М., Смирнов В. А. Геометрия: Учебник для 7-9 классов общеобразовательных учреждений (М.: Мнемозина). Вместе с тем, их...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconСанкт-Петербург П. Г. Бордовский информатика электронные таблицы ms excel 2003 (практикум)
Программа ms excel относится к одной из старейших групп программ электронные таблицы. Электронные таблицы предназначены для выполнения...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для icon«Административное право»
В общем смысле процесс можно определить как совокупность последовательных действий, совершаемых для достижения определенного результата;...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для icon«Использование таблицы для написания сочинения в формате егэ»
Таблица Как много возможностей заключено в этом слове! Таблицу можно использовать на каждом уроке, на любом предмете, при решении...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconХод урока. Деятельность учителя
Сегодня у нас в гостях Весёлый Клоун, он принёс нам интересные задания и проведёт с нами весёлые конкурсы. (В качестве Клоуна можно...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconПьеса для трех актеров в двух частях
П. и толку от твоей правды? Скажешь умно, да так, что по отдельности слова понятно, а вместе просто ерунда
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconРабочая программа по дисциплине б 11. Эконометрика
Целью освоения дисциплины «Эконометрика» является, прежде всего, овладение студентами навыками построения эконометрических моделей,...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconРеферат по географии на тему: «Приметы, предсказывающие погоду»
Протекает какой либо процесс в жизни человека, он так или иначе оказывает воздействие на какой либо другой процесс, который человек...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для icon3) Порядок сопровождения и обновления сайта; 4) Другие вопросы в...
Основной целью данного семинара, является ознакомить Вас с различными видами сайтов, способы их создания, а так же с требованиями...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconВоздействие музыки на организм человека
Целью данной работы является: выяснить, как влияет музыка на организм человека. Узнать в какой степени это влияние проявляется, какой...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconЧем меньшее количество пикселей на дюйм вы выберите, тем сильнее...
«тяжелый» файл. Конечно, лучше использовать специальные программы для предварительной обработки изображения, но если их у Вас нет,...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconАннотация: Система предназначена для управления структурой, дизайном...

В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconМодульная структура электронной системы для обучения программированию
Интернет-технологии: язык разметки html, ссылки, абзацы, таблицы, рисунки, объекты; каскадно-стилевые таблицы css, элементы, классы,...
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconУрок 5 Работа со списками Цели урока
Одним из таких возможностей является создание Списков. В рассматриваемом редакторе можно создавать маркированные и нумерованные списки....
В верстке используются два элемента для построения структуры сайта слои и таблицы. Их можно использовать вместе, либо по отдельности. Какой элементы лучше для iconТребования к оформлению реферата по философии
Выберите одну из представленных в таблице тем рефератов. Для написания реферата необходимо использовать основную литературу (из таблицы),...


Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
100-bal.ru
Поиск