Материал специально написан для начинающих вебмастеров
Если вы давно пользуетесь компьютером не только для развлечения, но и для учебы и работы, скорее всего вы часто пользуетесь офисными приложениями, такими как: MS Office word либо аналогичным софтом. С помощью данных программ можно создавать и редактировать текстовые документы, при необходимости дополнять их различными визуальными изображениями. Таким образом мы видим две различные составляющие, а именно: текстовый документ и программу для этого текстового документа, которая и позволяет нам визуально наблюдать информацию в документе. Что бы правильно отображать информацию требуется специализированная программа, понятная для компьютера и человека. Для этого требуется специальный код- команда для программы, которая урегулирует как именно программа должна отображать информацию. Если подобрана не правильна программа ее код не будет совпадать с кодом документа и нормального отображения файла у нас не получиться.
Что же собой представляет файл html? Это сокращенная аббревиатура от Hyper Text Markup Language что на русском звучит как язык гипертекстовой разметки. Данный язык разметки используется для отображения интернет страниц. Когда вы набираете в поиске запрос и переходите на любой сайт, и страница поисковика и сайта отображается с помощью Html. Именно с помощью элементов html который прописан на каждой конкретной странице любой браузер узнает: какой требуется указывать шрифт, какие между текстовыми строчками должны быть пробелы, какого размера должен быть тот или иной текст и.т.д. Сама суть, языка разметки, кроется в его названии – размещает, тесть диктует вариант размещения информации на странице. Если браузер — это программа MS Word, то документом будет та же текстовая информация с картинками и прочим, но уже наполненная html кодом. Если вы все же решитесь не вставлять дополнительные элементы, а просто вставить необходимые абзацы, они тоже отобразятся, однако совсем не так как это выглядит в текстовом редакторе. Не будет абзацев, картинок, жирных шрифтов и прочего. Браузер не понимает код обычного Word, он реагирует только на html разметку.
Обычно после того как новички понимают значение языка разметки они замечают одну неутешительную деталь: когда работаешь в Worde тебе не нужно беспокоиться о языке разметки ты сразу напрямую воздействуешь на текст копируя, набирая и настраивая при помощи различных команд. Все необходимые работы с кодом программа реализовывает сама. Почему нельзя тоже самое практиковать и для создания веб страниц сайта? Изучение собственными силами языка разметки –это утомительно и занимает уйму времени и сил. И действительно если поискать данные программы в интернете, то окажется, что подобные идеи реализовываются уже не первый год. Устанавливая подобные приложения, вы можете быстро работать с гипертекстовой разметкой при помощи кнопок и различных команд.
Наиболее близкая к текстовому процессору Microsoft Word технология html редактора выполнена в процессоре именуемом What You See Is What You Get. Переводя аббревиатуру на русский язык получим следующее: «что вижу, то и получаю». Данный софт встает посредником между вами и будущей страницей сайта, беря на себя всю волокиту с ручным набором html разметки.
Люди без опыта работы сразу начинают применять данные редакторы, обходя стороной необходимость изучения все составляющих html-разметки. Во время первого применения пользователь уверяется, что довольно удобно сразу получать код страницы.
Можно выделить следующие положительные качества подобных программ:
• для работы с WYSIWYG не нужны предварительная подготовка и обучение;
• Вы сможете напрямую перенести контент с редактора Word в рабочую зону WYSIWYG;
• Похожесть на работу с классическими текстовыми редакторами.
Данных версий программ сегодня большое количество: TinyMCE, CKeditor, Spaw и многие другие широко известны пользователям. Однако вы никогда не встретите опытного веб-мастера с различной специализацией не знающего азов интернета –языка разметки html, и не набирающего код вручную.
Почему же не стоит использовать WYSIWYG редактор:
• Автоматически созданный код данной программы имеет массу ненужных символов, массу ошибок с точки зрения оптимизации. В условиях конкуренции между сайтами поисковик отдает предпочтение порталам с хорошо оформленным html-кодом;
• Теги (своеобразные «слова» языка html) неточно оформляются в редакторе. Вместо необходимых тэгов программа может выставить подобные, однако с точки зрения SEO это будет создавать проблемы при продвижении;
• После каждого действия при редактировании страницы, в исходном коде остаются следы. Если вы начнете двигать менять местоположение элемента, то каждый раз будет создаваться программный мусор, ведь приложение не знает что требуется удалит, а что оставить.
Теперь рассмотрим плюсы самостоятельного изучения html.
• Возможность быстро редактировать требуемый файл, без постороннего софта;
• Понимание кода html позволит удалить лишние тэги и правильно оптимизировать страницу сайта. Дополнить материал необходимыми включениями;
• Html очень быстро развивающееся направление в веб-программировании, а приложения WYSIWYG быстро устаревают;
• Созданные в ручную страницы сайта буду говорить о вас как о специалисте.
Именно поэту начинающие веб-мастера начинают активно изучать html разметку. Кроме того при подробном изучении окажется, что данный язык не так сложен в изучении, как может показаться при первом ознакомлении. Все опытные веб-разработчики без возражений согласятся с данным утверждением.