Сайтостроительство

       

Фиксированный или масштабируемый веб-сайт?


Сначала поясним, что есть что и какие есть плюсы, минусы и те или иные отличительные черты фиксированного и масштабируемого сайта. Фиксированный сайт имеем определенную, явно или неявно, ширину и просматривается одинаково независимо от размеров окна броузера. Явно его размер может задаваться шириной общей таблицы HTML-документа, а неявно размером наибольшего элемента HTML-документа. Масштабируемый сайт имеет минимальную ширину, меньше которой он не сжимается, а при ширине окна броузера больше, чем его минимальная ширина, подстраивается под размеры окна броузера. Какой вариант лучше сказать нельзя, у каждого есть свои сильные и слабые стороны. Фиксированный сайт хорош тем, что веб-мастер видит сайт точно также, как его увидят и другие пользователи, имеется в виду расположение текста, картинок и других элементов относительно друг друга, см. пример . Но при этом, если у пользователя окно броузера немного меньше размеров сайта, то появляется линейка прокрутки по горизонтали, что заставляет пользователя постоянно ее таскать влево-вправо, чтобы прочитать содержимое сайта. Очень узкие или очень широкие размеры окна броузера по горизонтали страшны для обоих типов сайтов, т.к. при очень узком окне у обоих сайтов появится горизонтальная линейка прокрутки, а при широком окне, что возможно только на мониторах с очень высоким разрешением, фиксированный сайт вытянется в сосиску по вертикали, а масштабируемый в сардельку по горизонтали. В следствии вышесказанного, экстремальные случаи не рассматриваются и это уже проблема пользователя, в окне какого размера ему смотреть сайт. При небольших же отклонениях\колебаниях размеров ширины окна броузера, на мой взгляд, все лучше масштабируемый сайт, который будет подстраиваться под размеры окна броузера. В качестве примера см. сайт http://itsoft.ru. Заранее рассчитывать на какой-то размер очень сложно, т.к. неизвестно ни разрешение экрана пользователя, ни количество и размер всевозможных панелей офиса и\или ICQ и прочих утилит. На сегодняшний день надо ориентироваться на диапазон от 700 до 1024 пикселей.
Подавляющее большинство пользователей имеют высокое разрешение экрана. Про 640 по горизонтали можно забыть - это менее одного процента пользователей. Этот один процент может вполне поднапрячься и потаскать горизонтальную линейку прокрутки, либо же поднапрячься и купить себе новый монитор. Есть еще сотые доли процентов пользователей карманных компьютеров, у них разрешение около 300 по горизонтали. Но это их проблема. Если вы будете под них подстраиваться и сделаете сайт по ширине в 300 пикселов, то думаю, что 99% вас точно не поймут. И последнее, чтобы хотелось отметить, для масштабируемых сайтов нельзя указать максимальный размер, больше которого им нелься растягиваться. Это уже проблема языка гипертекстовой разметки HTML. Но очевидным образом понятно, что если сайт растянуть на 10 000 пикселей по горизонтали, то он будет выглядеть не самым лучшим образом.

Верстка масштабированных сайтов основана на таблицах и установке их размеров в процентном отношении. Рассмотрим пример таблицы из трех столбцов. Крайние столбцы будут фиксированного размера, а центральный столбец будет масштабироваться в зависимости от размеров окна броузера.

Здесь текст
HTML-код данного примера:

<table cellspacing=0 ><tr><td bgcolor=green><img src="0.gif" width=120 height=1></td ><td width=100% bgcolor=blue>Здесь текст</td ><td bgcolor=#C2C2C2><img src="0.gif" width=120 height=1></td ></tr></table>

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