Это еще одна дискуссия о SitePoint! Сегодня два опытных разработчика спорят, лучше ли вручную писать код HTML или создавать веб-страницы в редакторе WYSIWYG. Не пропустите аргументы оппозиции — они могут просто изменить ваше мнение об этом противоречии …
Когда приходит время сесть и написать код HTML для макета вашего нового сайта, у вас есть два варианта: использовать редактор WYSIWYG (что вы видите, то, что вы получаете) или написать код с помощью рука в текстовом редакторе, как Блокнот.
Оба метода имеют кривую обучения. В этом заключается решение, которое должны принять все разработчики: использовать WYSIWYG-редактор для генерации HTML-кода или потратить значительно больше времени на то, чтобы научиться «вручную кодировать» ваш HTML.
Для тех из вас, кто еще не знает, основной смысл продажи редактора WYSIWYG — это простота использования. Вы можете создать весь свой сайт без написания кода. Вместо того, чтобы писать <img src="images/main.jpg"> Это гораздо выгоднее при использовании таблиц, а не только при вставке изображений. Вместо множества строк, казалось бы, сложного HTML, вы просто указываете редактору, сколько строк и столбцов вы хотите, и он работает для вас.
Dreamweaver, самый популярный редактор, стоит $ 399 на Macromedia.com . Crimson Editor (отличная замена блокнота) стоит $ 0.
HTML не для всех
Хотя использование WYSIWYG-редактора для генерации кода для вас может быть привлекательным вариантом, в конечном итоге он не даст вам наилучшего конечного результата.
Макеты кодирования могут стать очень запутанными. Самая сложная часть html — это использование таблиц, и большинство макетов используют более десятка таблиц (иногда гораздо больше) для достижения правильного вида. Вам нужно потратить много времени на работу с html, чтобы освоиться с кодированием таких макетов. Изучение кода для того, чтобы сделать это вручную, требует гораздо больших затрат времени, чем использование редактора.
Позвольте мне прояснить этот момент: для людей, которые собираются создавать только один или два веб-сайта, возможно, не стоит тратить свое время на изучение HTML (не настолько, чтобы иметь возможность кодировать сложные макеты). Для этих людей использование редактора, вероятно, лучший выбор. Тем не менее, для тех, кто занимается созданием веб-сайтов, если вы будете писать код, вам будет лучше, чем у тех, кто использует WYSIWYG-редакторы для написания своего кода.
Сказать, что ручное кодирование лучше, потому что использование редактора — это «обман», просто невежественно.
Кривая обучения
Вы действительно не почувствуете всех преимуществ изучения HTML, пока не освоитесь с кодированием сложных макетов и не потратите значительное количество времени на работу с кодом. Это означает, что для создания сайтов требуется больше времени.
Теперь это не значит, что вы просто потратите впустую это время. Если у вас нет опыта работы с HTML, научиться пользоваться редактором может оказаться довольно сложной задачей, возможно, даже сравнимой с обучением написанию кода вручную. В настоящее время практически в любом книжном магазине вы сможете найти более 500 страниц книг о Dreamweaver и Frontpage, не говоря уже о тоннах учебных пособий, которые прилагаются к каждому. Чтобы пройти все это, потребуется, по крайней мере, целый день или два.
Стандартный способ написания кода — использование множества таблиц для размещения элементов на вашем сайте. Yahoo.com использует приблизительно 35 таблиц на своей домашней странице, в то время как SitePoint.com использует только около 15. Кодирование такого макета может быть довольно сложным.
Тем не менее, HTML является разметкой — он не так сложен, как большинство языков программирования. Обучение кодированию таблиц возможно для всех, независимо от их опыта работы с компьютерами или другими языками. Пока у них есть желание, любой может научиться кодировать таблицы вручную за несколько недель — или меньше — с некоторой рутинной практикой и небольшим терпением.
Тем не менее, теперь этот проверенный временем метод использования таблиц заменяется CSS Positioning. Это новый способ позиционирования элементов на вашей странице без использования таблиц вообще. Вместо того, чтобы кодировать таблицу, чтобы заставить элемент попасть туда, где вы хотите, вы можете указать браузеру, куда его поместить (например, на 100 пикселей ниже верхнего поля и на 250 пикселей от левого поля). Это будет и будет значительно облегчать работу веб-разработчиков, и, в частности, намного проще для тех, кто пишет код. Есть много других дополнительных преимуществ использования CSS-P, таких как меньший размер файла для вашей страницы, облегчение индексации вашего контента для поисковых систем (что приводит к более высокому рейтингу в поисковых системах) и доступность для устройств, помимо компьютеры, такие как программы чтения с экрана и КПК. Чтобы узнать больше о CSS-P, я рекомендую следующие две статьи: CSS Positioning и HTML Utopia — Проектирование без таблиц .
Люди часто любят хвастаться, что они «пишут код в блокноте», как будто это делает их лучшим разработчиком. Но есть и другие варианты для ручных кодеров. Я рекомендую использовать бесплатный Crimson Editor или другой хороший текстовый редактор. Он имеет подсветку синтаксиса (так называемое цветовое кодирование) и может открывать сразу несколько файлов, а также некоторые другие полезные вещи. Он разработан, чтобы помочь разработчикам писать код (но не только HTML). Однако он не заполняет теги или атрибуты для вас.
Преимущества обучения ручному коду
После того, как вы потратите время на то, чтобы научиться грамотно сдавать код, вы получите некоторые интересные возможности и свободы, которых нет у тех, кто ограничен в редакторах.
Время и контроль
Как только вы сможете уверенно и профессионально передать код, создание нового макета займет меньше времени, чем при использовании редактора. Управление чрезвычайно мелкими деталями и обеспечение правильного внешнего вида компоновки становится намного проще.
Работа с кодом на стороне сервера
Работать с любым языком на стороне сервера становится намного проще. Если бы вы имели очень ограниченные знания html, было бы чрезвычайно трудно — если не невозможно — работать с PHP или ASP. Опять же, чем лучше вы пользуетесь HTML, тем легче становится. Я действительно с нетерпением жду возможности написать несколько хороших старых таблиц, когда я работаю с PHP! Стоит также упомянуть, что в настоящее время нет редакторов для Linux, поэтому, если вам когда-нибудь понадобится использовать Linux-машину для написания некоторого кода, вам придется делать это вручную.
Поддержка и обновление макета
Когда вам нужно внести изменения в макет сайта, это очень легко, если вы знакомы с его кодом, и это может сэкономить время и предоставить вам больший контроль над изменениями, которые вы вносите (не путая что-либо еще) ,
У редакторов есть свое место, и они хороши в том, что они делают. Я много использовал Dreamweaver и даже учу этому, но в конце концов, если разработчик примет решение не использовать его, ему или ей будет намного лучше. Знание HTML делает много вещей, которые в противном случае могли бы стать настоящим хлопотом, настоящим трудом. Я рад, что потратил много часов на то, чтобы научиться писать код вручную вместо использования редактора.
Как вы думаете? Не пропустите аргументы оппозиции — они могут просто изменить ваше мнение о споре о ручном кодировании …