Человеку, пытающемуся найти свое место в обществе или культуре, особенно если его интересы связаны со сферой информационных технологий или бизнеса, часто никак не обойтись без собственного промоушн-центра, проще говоря, собственного web-сайта. Вот и я не обошелся. Так я обзавелся двумя вещами страницей в Интернете и, походя, маленьким открытием, которое и легло в основу данной статьи: оказывается, начинающий web-строитель может найти в Сети массу полезного и часто уникального софта для облегчения поставленной цели. Об этом софте и пойдет речь.
HTML-редакторы
Начинающий web-строитель, как обычно, стоит перед выбором: работать ли ему в немного корявом, но незамысловатом WYSIWYG-редакторе от Microsoft Front Page, или в мощных, но требующих добросовестного изучения редакторах типа Hot Dog Professional, Macromedia Dreamweaver ets. А не лучше ли попробовать выбрать «свой» продукт, с качественным русским интерфейсом и возможностями, которых хватит не только начинающему web-дизайнеру?
Каждый начинающий web-дизайнер сталкивается с такой проблемой как выбор среды для создания сайта. Одни профессионалы советуют работать в чисто текстовом редакторе, другие рекомендуют специализированный софт, имеющий в наличии все необходимые средства для разработки web-сайта. Правда, иные визуальные редакторы, тот же Microsoft Front Page, как показывает практика, помогают хорошо построить структуру, однако получаемые в нем страницы содержат слишком много лишнего «мусора». Выход очевиден: найти тот редактор, который бы содержал частицу визуальных редакторов и в то же время был мощным средством для «ручного» редактирования страниц.
Magic HTML Studio 1 профессиональная среда разработки HTML-страниц. Программа имеет интуитивно понятный графический многодокументный интерфейс, удобные панели навигации позволяют сделать работу быстрой и производительной (Рис. 1). Все основные тэги можно легко вставлять в код, нажимая на кнопки, расположенные в главном окне программы. В состав программы входит Java-конструктор, который позволит создать различные эффекты на базе Java-скриптов, причем для создания скрипта необходимо лишь ввести его параметры, и программа создаст скрипт сама. Также в состав программы входит генератор CGI-скриптов, при помощи которых можно создать конференцию, гостевую книгу или чат ценой всего одного щелчка мыши, предварительно установив параметры скрипта. Magic HTML Studio 1 позволяет быстро отредактировать HTML-страницу, вставить скрипт загрузки Flash, который необходим для корректного отображения страниц, созданных с использованием одноименной технологии, а также производить:
Разумеется, список неполный. К положительным моментам относится также русифицированный интерфейс программы, качественно сделанный хэлп и абсолютная бесплатность, что на сегодняшний день немаловажно при выборе программного обеспечения.
Представления о качественном web-редакторе у разработчиков HTML Generator'a несколько иные. Программу отличает особый подход к пользователю она сделана исключительно для начинающих web-дизайнеров. Интерфейс программы (Рис. 2) выполнен в виде пошагового мастера, на каждой из закладок которого пользователь сперва вводит необходимые ему параметры (информация о странице, фон, цвета, ссылки), а затем, перейдя к закладке Текст, наполняет будущую страницу собственно текстовым контентом. Впрочем, просто скопировать текст из буфера и получить в итоге качественную страницу за 15 минут не выйдет , тэги форматирования придется вставлять вручную, иначе получится сплошное текстовое месиво :-).
После этого программа самостоятельно генерирует html-код, и пользователю остается лишь просмотреть результат во встроенном или внешнем браузере (число последних не ограничено).
Из дополнительных возможностей программы выделю:
возможность сохранения страниц в виде шаблонов, чтобы на основе их создавать новые страницы, меняя лишь содержание;
широкие возможности по форматированию и выбору шрифтов;
мастер таблиц;
таблица стилей с пакетом готовых стилей-шаблонов;
возможность установки музыкального сопровождения страницы, а также баннеров и счетчиков посещения страницы;
встроенный Мастер отправки на сервер, проще говоря, интегрированный FTP-клиент, позволяющий закачать созданные страницы на необходимые сервер;
Программа не бесплатная, но в ознакомительном режиме проработает 10 дней. А если вам она настолько понравится, что вы захотите ее купить, то 200 рублей это не такая уж и большая сумма. Вместе с программой поставляется краткая справка по HTML.
Оригинальность программы заключается в ее направленности. Довольно часто сайты содержат одни и те же конструкции и при смене содержания или дизайна приходится заново верстать все странички. Чтобы данная процедура проходила намного быстрее и удобнее, как альтернативу ручной верстке можно применить возможности Mastak HyperBricks. Эта программа является HTML-редактором и использует компонентно-ориентированный подход к веб-дизайну. С ее помощью можно разделить дизайн и текстовое наполнение сайта и потом изменять их по отдельности. Для выделения дизайна описываются шаблоны, которые при генерации сайта наполняются содержанием. При этом вы можете задействовать любые известные вам конструкции языков HTML, CSS, JavaScript и т.п., так как вы работаете непосредственно с кодом, в то же время за счет использования специфичных шаблонов вашего сайта (таких как кнопка, панель ссылок и т.п.) время на разработку сайта сильно сокращается (Рис. 3). Изменять исходные тексты очень легко сразу можно увидеть, что получилось в результате той или иной команды.
Перед началом работы с программой пользователь может пройти обучающий курс об основных командах и возможностях программы. К тому же программа имеет интуитивно понятный русский интерфейс. Скачать Mastak HyperBricks можно с http://hyperbricks.mastak.ru/download/ahb.zip.
Цветовые схемы web-страниц
Хорошим в Инете считается наличие не только качественного информационного наполнения сайта, но и его оформление. Большинство сайтов в Сети страдает именно из-за этого, раздражая посетителей убогим вкусом и неумело подобранными цветовыми соотношениями. Чтобы ваши страницы выглядели не только интересными, но и красивыми, необходимо владеть талантом дизайнера… или выбрать из нижеприведенных программ те, которые позволят подобрать оптимальную цветовую схему для ваших страниц.
Чтобы быстро набросать шаблон своего сайта и создать привлекательную цветовую гамму, нужно иметь определенный опыт сайтостроения. Тем, кто только начал постигать азы web-мастерства, программа HTML Starter поможет в считанные минуты подобрать цветовую схему для своего будущего произведения, причем примеры легко сохраняются как обычные html-страницы и их можно просмотреть в любом HTML-редакторе. Программа имеет до смешного простой интерфейс (Рис. 4) всего-то окно предварительного просмотра вводимых изменений и RGB-шкала для подбора самой гаммы. Кроме того, программа позволяет сгенерировать начальные тэги (в том числе и Meta-) для последующего редактирования в вашем редакторе. Все это можно сделать буквально за одну минуту, а скачать программу еще быстрее с http://www.microscopic.nm.ru/htmlstart.zip.
Все знают, что хамелеон существо, умеющее менять свою окраску. Но лишь избранные, скачав утилиту Chameleon, смогут наконец сделать нечто подобное с текстом на своих web-страницах. Данная программа позволяет градиентно менять цвет текста, причем менять цвет текстового блока можно разными способами по диагонали снизу вверх, по диагонали сверху вниз, слева направо, сверху вниз (Рис. 5). Работать с программой чрезвычайно просто, необходимо лишь набрать нужный текст в окне ввода, выбрать начальный и конечный цвета на RGB-палитре, а также определить цвет фона, чтобы усилить конечный результат. При клике на кнопку «Старт» html-код будет скопирован в буфер, из которого его можно будет вставить в любой редактор. Легче некуда, не так ли? Тогда прошу на http://www.chat.ru/~sdvsoft/chameleon/Chamel40.exeза архивом программы.