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

На заре нашей деятельности по созданию сайтов нас осенила гениальная до простоты (или простая до гениальности) идея создавать страницы сайта на основе построения таблицы. Этот способ оказался достаточно действенным и простым, и прижился у нас на длительное время. Все, казалось бы, замечательно: эскиз любой страницы можно условно разбить на ячейки, а дальше – полет фантазии… А если чего-то не помещается, не вклинивается и не вписывается в ячейку, то можно в ней создать еще одну табличку. Ну а в самом крайнем случае, то нет проблем – тут добавим, там уберем и всего-то делов! И редактировать содержание ячеек легко и приятно. Ну что еще нужно для полного счастья? Но нет, если было бы так просто, то не было бы так интересно. Появился у нас заказ на сайт. Мы, конечно же, взялись за работу с энтузиазмом. Продумали дизайн сайта, элементы фирменного стиля фирмы, расположение информации и, соответственно, навигацию по сайту. Пришло время для непосредственной работы по построению страниц. Но вот проблема – взаимозависимость размеров ячеек возникла совсем некстати и не позволяла осуществить задуманное. Да и проблема «резиновой» страницы появилась совершенно неожиданно. Ведь в нашей стране, как и в соседних государствах, с их вечным экономическим кризисом и тормозящим техническим развитием половина пользователей перешла на 17” мониторы, а остальные и пятнашке рады. Так что же делать? Если выставить размер таблицы в пикселях, то на мониторе с меньшим разрешением эффект дизайна будет уже не тот, если же в процентах – то некоторые счастливые обладатели мониторов с большим чем у нас разрешением увидят что-то совершенно непонятное…

И вот, в который раз мы сидим и не знаем, что делать. Устав от бесконечных и бессмысленных споров, вспомнив «незлым, тихим словом» заказчика, DW и соседей заодно, мы принимаем решение зайти на форум и спросить умных людей (вдруг повезет, и нам ответят).

Ответ не замедлил отыскаться все там же – на страницах форума. Решением нашей проблемы оказался Photoshop и Adobe Image Ready . Это открытие вызвало дружный вздох облегчения и восхищения, за чем последовало твердое решение работать отныне только с помощью этого способа. Главное – проблема несовместимости проекта нашей страницы и таблиц была решена. Умея достаточно хорошо работать с Photoshop , мы взялись за работу. Этот способ построения станицы полностью воплотил наши дизайнерские идеи. Трудности, как всегда, подкрались незаметно.

Началось все с того, что вся страница, естественно, полностью состояла из вставленных в ячейки изображений. Благо дизайн страницы позволял заменить большинство из них на фон. Если бы такой возможности не было, то во время загрузки страницы можно было бы успеть немножко поспать. Опять-таки, если в браузере отключить картинки, то он выдаст аккуратненькую чистенькую страничку, а в лучшем случае ее будут дополнять кусочки текста, остальное для посетителя останется тайной. Еще одной проблемой стал вопрос взаимоотношений размера страницы и информации на ней. А взаимоотношения не складывались – стоило превысить лимит вмещаемого текста на строчку, как страница трещала по швам. Делать же страницу бесконечно большого размера (про запас) тоже не очень хотелось.

И вновь перед нами проблема. И вновь мы блуждаем в бесконечном пространстве Интернета в поисках решения. Воистину, велик и могуч… Интернет! После долгих поисков и бесцельных скитаний по его закоулкам мы находим новый, совершенно чудесный и перспективный способ – построение страницы с помощью блоков CSS . В который раз, решив работать по новому методу, мыберемся за работу. По сути, та же таблица, однако без прежних недостатков – ячейки не зависят друг от друга, что не вызывает искажения страницы из-за вставленного изображения. К тому же информацию в ячейке можно редактировать как угодно, так как настроек для этого множество, а описание блоков можно поместить в отдельный файл и присвоить ему идентификатор, что значительно облегчает код страницы. Одним из самых важных преимуществ для нас было то, что страница корректно отображалась при любом разрешении монитора. Единственное, что вызвало наше недовольство, так это то, что размеры ячеек нужно было рассчитывать с особой тщательностью и точностью.

Как Вы можете заметить, каждый из представленных на обсуждение способов, так или иначе, представляет собой таблицы. Однако в первом случае взаимосвязь ячеек может и не быть помехой (особенно если речь идет о создании простенькой странички), во втором случае Вы не сможете заменить какой-либо элемент таблицы, если он не будет точно сохранять размеры предыдущего. В третьем же случае Вы можете делать все, что угодно с ячейками и их содержимым при условии предварительного расчета их размеров.

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

Надеемся, что этот материал поможет Вам в работе, желаем успехов!