Дизайн сайта

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

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

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

Не рекомендую соглашаться на дизайн и дёшево. Вы получите очередной шаблон сайта с набранными текстами. Т.к. исполнитель заранее уверен в вашей некомпетентности, то никаких работ связанных с юзабилити, кроссброузерностью, индексацией и ранжированием - проводиться просто не будет. За ваши деньги, сайт-визитка будет отлично выглядеть на вашем мониторе, а результат в виде заказов будет практически нулевым.

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

Типы вёрстки

  • Табличная
    X

    Язык разметки HTML поддерживает такое понятие, как таблицы. Особенностью таблиц является автоматическое согласование браузером высот и ширин ячеек. Этот вопрос актуален при отображении страницы в разных браузерах и на разных мониторах. При любом объёме контента и на любом экране, таблица будет иметь согласованные размеры элементов и сохранение взаимного положения ячеек.

    Недостатки таблиц - некоторое увеличение кода и невозможность или трудность реализации тонкого дизайна связанного с размерами и положением ячеек.

    Преимущества таблиц - гарантированное сохранение доступности контента в любых браузерах и простая логика стиля.

    Данный сайт является примером табличной вёрстки. Вы можете посмотреть принцип использования таблицы этого сайта-визитки..

    +
  • Дивная
    X

    Основной блочный элемент в современной версии HTML - тег <div>. Этот тег определяет прямоугольную область страницы. От ячейки таблицы, <div> отличается отсутствием принципиальной связи с другими ячейками, а применение стилей может определять произвольное положение и размеры блока <div>.

    Преимущества дивной вёрстки - простота кода и возможность реализовать любые дизайнерские решения.

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

    Посмотрите сайт-визитку для получения представления о возможностях вёрстки на основе тега <div>.

    +