ИНФОтека

Ваш покорный слуга — не дизайнер сайтов, никогда сам не верстал страниц и не понимает, как это вообще возможно без высокой магии. Точнее, не так давно совсем не понимал. Вероятно, другие люди так же не понимают, как возможно программировать для Windows без расширителей сознания, или писать Web-приложения не только читабельные, но и без ошибок.

Смех смехом, но отсутствия таланта дизайнера и художника вообще — факт неприятный. Тем приятнее было очередное знакомство с матричной (grid) схемой построения дизайна, 960.gs. Суть проста: фиксированную ширину (по умолчанию 960 точек) экрана мы разделяем на фиксированное число столбцов, причём позволяем быстро и элегантно выбирать, сколько и какой ширины столбцы будут в одном отдельно взятом ряду.

Наряду с jQuery, я бы выделил 960.gs в список ресурсов, сильно облегчающих создание сайтов. В конце концов, это только кажется, что создать мало-мальски хороший дизайн — задача непомерно сложная. Моя "Проза жизни", к слову, использует тему на базе методики 960.gs.

В одной из следующих публикаций я дам список инструментов для создания и тестирования дизайна сайтов. От справочников по HTML/CSS/JS до более сложных готовых инструментов, наподобие уже упоминавшегося jQuery.

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

Fluid 960 Grid System: гибкий, "текучий", адаптирующийся к ширине контента дизайн на базе 960.gs.

Gird System tutorials: конструктор, позволяющий на базе того же подхода создать описание стилей для произвольной ширины и произвольного количества столбцов. И не только для уже упомянутой матричной системы стилей.

Удачи в освоении и дайте знать, если упомянутая методика поможет в создании сайтов или их дизайнов под заказ.

Всем по плечу обучение HTML, и стать дизайнером своих собственных сайтов - задача вполне достижимая. Главное - хороший инструментарий и желание достичь вершин.