Все без начала и конца,
 Парад иллюзий бесконечен,
 Жаль, идеал не безупречен,
 Но ждет его, рука творца…
Gordi

Заключительная часть мини-сериала.

Вот и пришло время собрать наш конструктор, как его иначе назовешь, к тому же "слоеный пирог" уже был.

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

В нем нет ничего такого, что бы можно было назвать – "принципиально новым словом в верстке", все не однократно встречалось и прежде, просто компоновка слоев, их внутренняя структура полностью укладывается в мое личное представление блочно-модульноq концепции и понимании того, как же должна быть сделана web-страница.

Легкая смена оформления, изначально заложенная в глобальную разметку, открывает по истине ничем неограниченные перспективы, все только зависит от вашей фантазии и изобретательности. Все настройки просты и дают массу возможностей для самовыражения.

Кроме нескольких строчек в файле стилей для "любимого" браузера, нет никаких дополнительных спец. правил для самых популярных браузеров – OPERA 9.xx, FireFox 2.xx(3.xx), IE (6)7. Следовательно, при появлении обновлений не будет никаких проблем в визуальном отображении предлагаемого макета. Появится официальная стабильная версия IE 8, как говориться будем посмотреть, но не думаю, что там ждут непреодолимые препятствия, если вообще возникнут.

В таблице стилей вы не найдете тех или иных экзотических стилевых правил, все на уровне начинающего - float, margin, padding, нет необходимости ломать голову, чтобы это значило и лезть в спецификации и прочие мануалы. Для удобства стили разбиты на секции, и не которые из них, вообще, нет необходимости править.

И все же…

Не даром цикл называется "Иллюзия идеала" Это только первый, но не последний шаг к цели и у этой дороги нет ни начала, ни конца.

Пара проблемных моментов.

Если вам вдруг понадобится разместить в области контента, что-то объемом прядка «Война и мир» Льва Николаевича и использовать метки для перемещения по странице без перезагрузки оной, то вам не повезло. На сколько это является минусом, не знаю, но и делать нечто похожее, в интерфейсе данной, да и любой другой разметки не самое лучшее решение.

Отдельная страница, вот выход из сложившейся ситуации. Никакие header, footer, menu, рекламные блоки не будут отвлекать вашего читателя от проникновения в глубину ваших замыслов, если вы, конечно, сможете удержать его внимание при прочтении на должном уровне, предлагая столь объемный многостраничный труд.

Может выглядеть приблизительно так. Старый мануал по стилям к скриптам Мастера Lasto, впору переписывать, для решения проблемы озвученной чуть выше, подойдет в самый раз.

Возможно, когда-нибудь, смогу уделить решению этой проблемы часть своего времени, а может быть, все изменится, и просто поменяв внутреннюю часть блока middle, проблема решится сама собой. Посмотрим.

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

Задайте себе вопрос. Нужна ли вам полностью отпечатанная web-страничка со всеми элементами интерфейса? По моему нет. Так, что не стоит сильно огорчаться по этому поводу.

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

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

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

Вот собственно и все.

Примеры. Часть из них использует графику. Не обессудьте за большой объем оной. Ясное дело, сделано не в Photoshop, не оптимизирована. Вертикальный border в модулях header, footer оставлен специально, для более четкого представления, где какой блок заканчивается/начинается, при настройке ширины колонок не заменимая вещь. В дальнейшем при необходимости просто удаляется.

Пользователям продуктов Мастера Lasto.

В будущем, на данном макете предполагается обновление многих его скриптов. В первую очередь Gold Shop и линейка магазинов на его основе, далее апгрейд блога и по желанию новая версия nano-CMS, портатор.

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

P.S. "А на последок я скажу…." Нигде, ничего, подобного на ресурсах посвященных верстке, что за бугром, что в Раша, вы не найдете. Там вам будут предложены лишь полуфабрикаты, все жалкие попытки приблизиться к "Иллюзии идеала", в большинстве случаев, убогая пародия, обреченная на провал.

Так, что смотрим, забираем, оформляем под свои задачи и в бой.