Пять советов по верстке веб-страниц

htmlКачественный сайт невозможен без качественной правильной верстки. Конечно можно попытаться оспорить это утверждение однако даже если вначале не сильно обращаешь внимания на красоту html-кода то в один прекрасный момент развития сайта практически каждый «строитель интернета» приходит к мыслям об этом…

Посему весьма нелишним будет задуматься о некоторых правилах верстки сайтов уже на этапе создания сайта ведь не совершать ошибок намного проще чем их потом исправлять.

Существует множество советов по правильной верстке начиная от простейших и заканчивая целыми трактатами на данную тематику. Хотелось бы сумировать и вывести несколько точнее пятерку рекомендаций правильной верски сайта.

Итак…

  1. Код должен быть максимально простым. Не стоит усложнять себе же работу с кодом впоследствии так что если есть возможность выбирать из двух решений то выбирайте простейшее.
  2. Максимально используйте классы. Если есть на сайте несколько элементов с одинаковыми свойствами выносите стили в атрибут class — это поможет заметно сократить код а также упростить работу со стилями страницы в будущем. Объявив один раз свойства элемента таким образом можно использовать эти свойства на всем сайте.
  3. Забудьте про таблицы — только блоки (div). Верстка таблицами — это прошлый век… Намного более компактный код получается при верстке с помощью DIV и CSS причем с помощью дивов момжно более гибко размечать страницу и управлять дизайном. Таблицы можно использовать только тогда когда необходимо встроить в страницу табличные данные-то есть использовать таблицы именно как таблицы а не как элемент дизайна.
  4. Прежде всего структура а уж потом оформление. Прежде чем заниматься оформлением страницы тщательно продумайте и сделайте ее структуру. Хорошо продуманная структура страницы позволит максимально упростить разработку стилей с помощью css-файла.
  5. Научитесь читать код «без словаря». Код страницы — фактически тот же иностранный язык а ведь не зная языка очень трудно писать стихи или рассказы на нем не так ли? Точно также и с веб-дизайном если вы постоянно заглядываете в документацию то постоянно будете допускать ошибки. Учите HTML и CSS и уже скоро ваши страницы будут верстаться так как выходят стихи из-под пера талантливого поэта.

Ну и напоследок еще один маленький совет: проверяйте код на валидность. Валидный код — гарантия правильности отображения вашего сайта в любых условиях.


Оригинал статьи http://pingvinoff.net/2009/12/19/pyat-sovetov-po-verstke-veb-stranic/

0 комментариев

Оставить комментарий