Главная → Спрашивали? →

Каковы преимущества и недостатки ручной верстки сайтов?

Давайте рассмотрим преимущества и недостатки ручной верстки страниц сайта. Подумаем, стоит ли использовать специальные программы и какими они должны быть?

Термины и определения

Для начала «пройдемся» по терминам и определениям:

Верстка — это процесс создания страниц web-сайта по макету дизайна (как правило, PSD-файла) при помощи кода специального языка разметки (HTML, XHTML), так же состоящий из подключенных к ней каскадных таблиц стилей (CSS) и подключаемых дополнительных скриптов (JavaScript и др.) и объектов (Flash-анимация и др.). Язык HTML и стили интерпретируется интернет-браузерами и отображается в виде документа (страницы сайта) в удобной для человека форме.

Визуальный редактор (WYSIWYG-редактор) — редактор с набором инструментов для редактирования текстовой информации, вставки графики и прочих объектов, а также для создания различных документов, в том числе web-страниц.

WYSIWYG (от англ. «What You See Is What You Get» — «что видишь, то и получишь») — свойство прикладных программ или веб-интерфейсов, в которых содержание в процессе редактирования выглядит максимально близко похожим на конечную продукцию, которая может быть печатным документом, интернет-страницей или презентацией.

Ручная верстка — это верстка, код которой набран вручную, т.е. в любом НЕвизуальном редакторе.

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

Визуальные редакторы

К наиболее распространенным визуальным редакторам относятся: Microsoft Office FrontPage, Adobe Dreamweaver. Начиная с версии 2010 набора Microsoft Office, на смену FrontPage пришла оболочка Microsoft SharePoint Workspace. В составе систем управления сайтами очень популярным редактором является TinyMCE (платформонезависимый JavaScript HTML WYSIWYG редактор на основе WEB). Однако TinyMCE, в отличие от Microsoft Office FrontPage или Adobe Dreamweaver, не является полноценным редактором для разработки страниц на HTML. Это лишь надстройка к различным CMS, предназначенная для удобного редактирования контента сайта.

Как правило, визуальные редакторы имеют 3 режима редактирования документов: визуальный редактор, режим редактирования HTML-кода и совмещенный режим (объединяющий в себе предыдущие 2 режима). В дополнение к этому — инструменты для автоматического форматирования стилей создаваемых страниц, возможность применения различных тем оформления.

Именно поэтому многие начинающие (да и «опытные») верстальщики используют визуальные редакторы, т.к. в них легко разобраться и, соответственно, несложно создавать страницы для WEB, либо по созданным в редакторе шаблонам, либо своими усилиями, где знание языка HTML не является основным требованием.

Основной минус при использовании визуальных редакторов — это, как правило, захламленный код, «паразитный» мусор в HTML-коде и отсутствие семантики.

При описании семантики в рамках операционного подхода к языкам программирования обычно исполнение конструкций языка программирования интерпретируется с помощью некоторой воображаемой (абстрактной) ЭВМ и описывает последствия выполнения конструкций языка с помощью языка логики и задания пред- и постусловий. Иными словами, «семантика» — это определенная логика представления и работы языка программирования; в нашем случае — языка HTML.

Все эти минусы можно устранить и отформатировать после визуального редактора html-код вручную, но зачем делать работу дважды и тратить свое драгоценное время на «чистку» кода, когда можно сразу все сделать правильно и красиво. На помощь к нам приходит ручная верстка сайтов!

Ручная верстка сайтов

Как и в любом деле, в ручной верстке сайтов существуют свои преимущества и недостатки. Давайте разберемся.

К преимуществам ручной верстки сайтов следует отнести:

• Четкое представление исходного кода страницы и сайта — верстальщик совершенно четко понимает ЧТО он делает и КАК;
• Отсутствие мусора в коде страницы — код получается правильный, легкий и не нагроможденный лишними тегами и символами;
• Наличие нужных тегов в коде страницы, например «!DOCTYPE» и «meta»;
• Возможность выбора конструкции верстки — блочная и/или табличная модель;
• Быстрое усвоение языка разметки — постоянно набираются повторяющиеся элементы разметки и стилей.

К недостаткам ручной верстки относятся:

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

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

Профессионалы за работой

Профессиональные верстальщики работают быстро и качественно, с четким пониманием того, ЧТО они делают и КАК. Работу профессионала несложно увидеть по исходному HTML-коду любой страницы сайта. В дополнение ко всему — хороший верстальщик обязательно учитывает необходимость кроссбраузерной верстки (одинаковое отображение сайта в любом интернет-браузере).

Хороший верстальщик, как и программист, умеет логически думать и создавать необходимые конструкции в разметке при решении поставленной перед ним задачи, отлично знает HTML и CSS, использует JavaScript и другие современные технологии интернет-строительства.

Кроме того, существует ряд специальных текстовых редакторов с функциями подсветки синтаксиса, авто-тегами и другими вспомогательными инструментами, благодаря которым процесс создания HTML-страниц значительно упрощается. К таким редакторам относятся: Notepad++, HomeSite, TextMate и другие.

Советы начинающим

Если Вы планируете разработку сайтов собственными силами, конечно же, необходимо тщательное изучение HTML, CSS и прочих специализированных языков программирования. Использовать визуальные редакторы следует только для облегчения работы, но никак не для создания сайтов и страниц целиком.