Зачем нужны каскадные таблицы стилей?
Если вы когда-либо создавали сайты, то наверняка сталкивались, например, при выборе шрифта с задачей выбора HTML-элементов. Допустим, позже наступила потребность изменить цвет или снова шрифт - вам придется отредактировать каждую страницу отдельно!
Таблицы стилей значительно упрощают подобные задачи. Используя одну таблицу стилей вы можете изменить дизайн полностью всего сайта!
Есть ли недостатки у таблиц стилей?
У таблиц стилей действительно есть и обратная сторона. Даже при том, что
Консорциум W3C опубликовал их
Рекомендации CSS1 в 1996 году, не каждый браузер полностью поддерживает их. Новые браузеры от Microsoft, Mozilla и Opera Software включают довольно полную поддержку CSS1/CSS2. Старые браузеры не только недостаточно поддерживают таблицы стилей, но даже то что поддерживают, очень часто с ошибками.
Поэтому, очень трудно создавать веб-страницы с использованием таблиц стилей, которые одинаково выглядели бы во всех браузерах. И, хотя многие дизайнеры используют JavaScript, чтобы подключать отдельные таблицы стилей для каждого браузера, этим приемом увлекаться не рекомендуется.
Почему именно TopStyle?
Немало существует редакторов для верстки веб-страниц.
Редакторы бывают визуальные и текстовые.
Визуальный редактор не требует от вас знаний html, css и других технологий для создания веб-страниц, так как сам пишет за вас код.
Вам остается только располагать различные элементы страницы, словно на листе бумаги.
Именно поэтому визуальные редакторы называют еще и WYSIWYG-редакторами.
Аббревиатура WYSIWYG расшифровывается как What You See Is What You Get - что видишь, то и получаешь.
Может показаться, что именно WYSIWYG-редакторы лучше всего подходят для начального освоения технологий создания сайта.
Однако у таких редакторов имеются существенные недостатки: Готовые веб-страницы содержат избыточное количество лишних HTML-элементов, уйму &-последовательностей (это можно исправить, но для этого нужно понимать HTML-код). Избыточный код уменьшает привлекательность для поисковых систем. Многие пользователи Интернета для просмотра веб-страниц используют не Internet Explorer, а другие браузеры. Чтобы создавать кроссбраузерные страницы одного визуального режима явно недостаточно. Если когда-либо вы захотите увеличить функциональность страницы за счет каких-либо скриптов, вам снова придется лезть в код.
Из всего выше сказанного следует: использовать WYSIWYG-редакторы лучше тогда, когда знаешь HTML.
То есть, учиться создавать веб-страницы нужно... в текстовом редакторе! Но в каком?
Свои первые html-страницы я начинал создавать в простом текстовом редакторе Блокнот.
Как новичок я, конечно же, допускал много и синтаксических и пунктуационных ошибок в коде.
По мере увеличения кода на работы по поиску и исправлению ошибок стало затрачиваться довольно ощутимое время.
Кроме того, с ростом кода и самих ошибок становилось все больше.
Положение усугублялось еще и тем, что браузеры не сообщают об ошибках, а пытаются обойти их каждый по-своему "кто как может"!
В результате, веб-страница при выводе на экран могла отображаться не совсем так, как задумывалось изначально.
Приходилось снова лезть в уже громоздкий код и снова искать и исправлять ошибки.
Поэтому, свои первые веб-страницы я создавал не так быстро, как хотелось бы.
Именно по этой причине я и стал искать более подходящий редактор.
За все время "перепробовал" уйму всевозможных и HTML-редакторов, и редакторов каскадных таблиц стилей CSS.
Но когда очередь дошла до TopStyle, моему изумлению не было предела!
Этот редактор создавался, в первую очередь, как редактор каскадных таблиц стилей.
Но, так как таблицы стилей тесно связаны с HTML-элементами, разработчики программы постарались, и это у них получилось, сделать его еще и удобным HTML-редактором!
Кроме этого, TopStyle в отличие от многих других текстовых редакторов имеет окно предварительного просмотра, где отображается внешний вид редактируемой веб-страницы после каждого изменения в коде.
Создание и редактирование веб-страниц в TopStyle стало производиться мною в десятки раз быстрее.
Таким образом, теперь я использую только TopStyle и в качестве CSS-редактора, и в качестве HTML-редактора!
TopStyle помогает создавать таблицы стилей для разных браузеров, сообщая о проблемах на ходу во время редактирования. А если использовать версию TopStyle Pro вместо TopStyle Lite, то с помощью инструмента "Проверка стилей" можно проверить правильность сразу всего кода.
Этот редактор эффективно автоматизирует однотипные действия разработчика веб-страниц, помогает сразу формировать безошибочный код за счет механизмов контекстной подсказки и автоподстановки.
Такой редактор особенно полезен в самом начале, когда только начинаешь создавать свои первые веб-страницы, потому что этот редактор помогает быстро освоить и HTML, и CSS. Жаль, что TopStyle не попал мне в руки раньше - сэкономил бы кучу времени!
TopStyle до сих пор пользуется большой популярностью среди профессиональных веб-дизайнеров во всем мире.
Но особенно я рекомендую этот редактор тем, кто только начинает создавать свои первые веб-страницы.