Gaist-Endruy
( off
)
(
07:40 01-09-2009
)
CSS верстка сайта: макет в три колонки
Наш макет
Задача
Gaist-Endruy
( off
)
(
07:41 01-09-2009
)
Наша задача - создание макета из трех колонок средствами CSS. Этот макет может послужить основой информационного сайта с «шапкой», правой и левой колонками для меню и дополнительной информации, с центральным блоком текста и «подвалом» для копирайтов, контактов и прочего. Типичный для контент-проекта макет.
[ред.
Gaist-Endruy
01-09-2009 в 07:44] Gaist-Endruy
( off
)
(
07:43 01-09-2009
)
Несомненно, данный макет нельзя назвать чудом дизайнерской мысли, но вы всегда сможете привести этот шаблон в «божеский вид», подобрав правильные шрифты, их размер, добавив красивый и правильный логотип. Не составит труда самостоятельное усложнение макета, добавление новых CSS блоков.
Gaist-Endruy
( off
)
(
07:44 01-09-2009
)
Рисунок 1.1
Прикрепленный файл .gif:
скачать
(27Kb)
Gaist-Endruy
( off
)
(
07:44 01-09-2009
)
Используемые технологии и поддержка браузерами
Gaist-Endruy
( off
)
(
07:45 01-09-2009
)
Макет сайта будет реализован полностью на CSS, планируется «эпизодическое» использование XHTML и JavaScript.
Gaist-Endruy
( off
)
(
07:46 01-09-2009
)
Используемая CSS верстка поддерживается браузером Internet Explorer 6, актуальными версиями Mozilla и Opera (на заметку: Web browser standards support).
Gaist-Endruy
( off
)
(
07:47 01-09-2009
)
Путем некоторых ухищрений, макет будет работать и в Internet Explorer 5. Этого должно быть достаточно. Наш CSS также должен прийтись по душе текстовым браузерам и прочим экзотическим устройствам.
Gaist-Endruy
( off
)
(
07:50 01-09-2009
)
Работоспособность кода в IE 4, Netscape 4 и более старых браузерах не проверялась, но, уверен, будут проблемы. Впрочем, это некритично, посмотрите статистику популярности браузеров от hotlog, spylog и liveintenet.
Gaist-Endruy
( off
)
(
07:50 01-09-2009
)
Достоинства и недостатки рассматриваемого способа CSS верстки сайта.