Русский | English

Контакты

телефон     
+375 (17)  201-93-06
velcom  
+375 (29)  131-26-96
velcom +375 (29)  131-26-97
skype val_slash
email 
info@vangelderdesign.com

Новости / Акции

29.04.2014

Акция на дизайн логотипа и фирменного стиля

Спешим поделиться с Вами замечательной новостью - наша компания объявляет о старте акции на разработку дизайна логотипа и фирменного стиля...

27.11.2013

Новые работы в нашем портфолио

Наконец-то выдалась свободная минутка и мы решили освежить наше портфолио...

13.05.2013

Фирменный стиль и сайт для La Pointe Truffles

Завершили разработку пакета фир. стиля и сайта визитки для La Pointe Truffles...

18.04.2013

Новая работа в портфолио - новый адаптивный сайт для компании "Медведев и К"

Новый проект - редизайн сайта компании "Медведев и К". Адаптивный дизайн, улучшенный функционал и многое другое...



Хостинг

Верстка макета дизайна на языке разметки HTML

Сегодня мы рассмотрим такую тему, как верстка макета дизайна на языке HTML  для новичков.

Всем нам хорошо известно, что создание сайта – задача далеко не тривиальная. Если мы разобьем процесс создания сайта по пунктам, то вторым будет вёрстка psd-макета (первым будет создание самого макета, т.е. разработка дизайна).

По сути, вёрстка макета, к которому уже применен дизайн – это написание HTML-кода, который позволил бы нам просматривать веб-страницу в окне нашего браузера в таком же виде, в котором представлен psd-макет. Логически понятно, что чем сложнее дизайн, представленный в макете, тем сложнее будет его «перевести» на сайт.

Виды верстки макета.

Всего бывает только 3 вида вёрстки сайтов:

  • блочная;
  • табличная;
  • смешанная;

Блочная вёрстка

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

Однако, при всех достоинствах данной верстки, не обошлось и без минусов.  Такая вёрстка абсолютно по-разному отображается в различных интернет - браузерах (это зависит от особенностей самих браузеров). Может быть, такое, что все элементы на странице будут неправильно расставлены, верстка сайта поплывет.

Табличная вёрстка

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

Смешанная вёрстка

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

Более подробную информацию о верстке и дизайне сайтов Вы можете узнать на уникальном интернет ресурсе www.buyhtml.ru до новых встреч. Так читайте наш блог buyhtml.ru/blog/

Обратно к списку
RATING ALL.BY