Чем вам пользоваться при строительстве
В данной статье рассматриваются программы которые действительно использовались при создании web-страниц и сайтов, поэтому в статье не будет особой конкуренции между инструментами html-верстальщика.
Постепенно отходим от визуального редактирования (FrontPage) и переходим к более точному пониманию документа html. В связи с тем что мы все человеки нам нужен такой инструмент который бы содержал в себе скажем справочник с тэгами и пару кнопок с мастерами (wizzard), так на всякий случай и для быстрого создания документа. Перепробовав много программ я могу выделить - Handy HTML - это линейка программ состоящая из двух типов Pro и Home. Причем Pro-версия не намного отличается от
домашней. Начнем с домашней. При запуске перед вами появится окно программы развернутое на весь экран. Будет оно разделено на два фрейма. Левый фрейм называется Tag Explorer - содержит в себе справочник по написанию тэгов html, css, а если вам этого мало то можно добавить свои. Фрэйм разделен на половинки, при выборе в первом
фрэйме во втором появляется html-код. Двойным нажатием все это дело можно вставить в документ. Имеется куча кнопок на панелях. Панелей немерено (штук 5 точно), если вам мало места или вам не нравится такое нагорождение панелей то их можно отключить. Я бы рекомендовал оставить только панель со спец символами, а то неупомниш как они все пишутся, и панель переключения редактируемых страниц. После уборки панелей
останется один фрэйм для кодо-писательства. При написании определенные команды выделяются разными цветами, так что документ выглядит как попугай, но цвета используемые для подсветки синтаксиса не очень яркие и достаточно гормоничные. Все можно разглядеть что где. Если залесть в настройки то можно достаточно долго там просидеть. Настраивается абсолютно все от подсветки синтаксиса до конвентирования вставляемого текста из буфера. Есть возможность подключить ваш браузер для проверки
страницы на определенное нажатие клавиши. Про-версия при запуске пугает ещё больше, но её Tag Explorer очень сильно развит и включает в себя наглядное отаброжение цветов и их оттенков с последующим применением в документе, есть еще пара отделов, но не считаю их нужными и удобными. Фишкой данной версии является предворительный
просмотр во время редактирования, т.е. сидишь пишешь и видешь что получается, но и его лучше отключить потому что при использовании JS в документе, скажем всплывающее сообщение, это сообщение будет всплывать каждые 2 секунды и вы даже до крестика не дотанетись, а все из-за того что окно предварительного просмотра обновляет постоянно страницу вот такой вот баг. Лично я использую Home-версию в ней действительно
приятно работать.
Так же для удобства есть пару мастеров от разработчиков которые они распространяют бесплатно. Это IEScrollBarStyler -тут за минуту настраивается стиль скроллинга, главное не запутайтесь, и еще ImgMap - для создания карты. Эти мастера действительно вам помогут если вы не очень разбираетесь в создании карт и разукрашивания скроллбара.
По мере создания сайта, страниц очень часто приходится прибегать к использованию css, иногда без него вообще несправиться, если страница конечно не содержит одну ссылку. Для знающих людей и не знающих (я имею введу css), посоветую программу CssMagic - она русская. Создана с целью облегчения создания слоев, имеет панель которая появляеется при поднятии курсора к верху экрана. Ваш css можно сделать полностью одними кликами, только изредка призваивая слою его индекс. На первый взгляд работать трудно, но через пару часов создания css привыкаешь и делаешь всю работу очень быстро.
Можно так сказать что первая часть, для тех кто рубит в верстке, кончилась. Дальше пойдет описание программ значительно упрощающих создание сайта.
Меня порадовали две программы, а хотя все программы то Xara. Это два графических редактора в которых почему то действительно удобно рисовать и две программулинки для web-мастеров. Webstyle - устанавливая её думал как и все остальное, оказалось все мои ожидания насчет похожести отпали сразу, и подход к разработки сайта оказался весьма оригенален, неговоря о том что вся программа на мой взгляд является просто обычным мастером. Это даже с FrontPage не сравнить.
Выбрав в круговом меню то что хочешь сделать , например: логотип, сайт, страницу, баннер и т.д., появится окно выбора готовых дизайнов, причем сначало трудно с ориентироваться как там чего настраивается, проще говоря надо кликать на то что хочешь изменить. Советую установить её все хотя бы для изучения дизайна, ну очень классно там все подобрано. Если выбрать сайт, то после шаблона ты получаешь полнустью готовый сайт страниц на 15, остается только вставить url в меню и изменить всю инфу на свою. Повторю еще раз на это стоит посмотреть. Ну и как всегда программа для создания менюшек на сайт
Menu Maker опять же от Xara. Тоже рекомендую установить и поиграться с этим мастером. В настройка такой же как и Webstyle, че те надо изменить просто кликай, причем изменить можно настолько что даже никто и не догодается что это и не вы делали. Для вставки в документ достаточно просто сохранить свой шаблонный сайт и меню.
Ну я думаю мой кратенький обзор можно завершить на этом, конечно немогу не упомянуть и про программы проверки ссылок это как всегда Web Link Valigator и Xenu, лучше может и есть, но мне пока не встречались.
Разное Дизайнер (designer)