В результате HTML- программа выглядит следующим образом
HTML довольно 'демократичен': неправильный тег или неправильное вложение тегов обычно не приводят к. Теги HTML (шпаргалка). HTML-документ (страничка) - документ, написанный на языке HTML. В этих тегах заключается название странички, которое будет выведено в рамке окна программы..
Выбираем HTML- редактор / Программное обеспечение. Сегодняшняя статья затрагивает весьма актуальную тему среди начинающих программистов и Web- дизайнеров, а именно тему выбора HTML- редактора. Представив весь список специализированного программного обеспечения, сложно сделать оптимальный выбор на месте - каждая программа эксклюзивна и имеет ряд своих особенностей, достоинств и недостатков. К счастью, среди большого числа лиц вышеуказанных профессий, за годы их плодотворной работы сформировался "рабочий список" наиболее оптимальных программ для создания и редактирования HTML- документов и, в частности, интернет- сайтов. Данный материал посвящен рассмотрению шести HTML- редакторов. Учитывая не малый объем получившейся статьи, не будем затягивать со вступлением и сразу приступим к делу.
Итак, первый HTML- редактор, на который пал наш взор, стал Macromedia Home. Site. Macromedia Home. Site. Macromedia Home. Site, пожалуй, является одним из самых распространенных средств редактирования HTML- документов среди пользователей, предпочитающих кодировать страницы вручную. Вместе с тем, Home.
Site позволяет значительно ускорить сам процесс создания и облегчить работу разработчика. Рабочее пространство программы можно условно поделить на три части: первая, самая большая - собственно окно с содержанием документа, вторая часть, находящаяся левее, по умолчанию содержит перечень документов, имеющихся на диске. И, наконец, вверху, кроме традиционного меню, имеются несколько панелей с наиболее часто используемыми функциями, вид которых, впрочем, можно настроить на свой вкус. Macromedia Home. Site обеспечивают удобную подсветку синтаксиса не только HTML- страниц, но и файлов PHP, Perl, ASP, My. SQL и других популярных средств разработки. Данный факт придется по душе опытным пользователям, которые не ограничиваются средствами языка гипертекстовой разметки и используют более сложные языки веб- программирования. Если же Вас не устраивает текущая цветовая схема подсветки синтаксиса, то это не проблема - можно отредактировать существующую, или даже создать собственную схему оформления документов.
Home. Site имеет мощную справочную систему, содержащую кроме описания возможностей программы спецификации языка HTML, справочник тегов и включающая удобные всплывающие подсказки по текущему дескриптору - для их вызова достаточно нажать F2, и пользователю демонстрируются все возможные атрибуты для данного тега. Для ускорения доступа к часто используемым группам тегов в верхнем правом углу имеются несколько панелей, вид и расположение которых к тому же можно изменять. Панель разделена на несколько вкладок, на каждой из которых представлены теги, относящиеся к одной группе. Например, вкладка Fonts содержит кнопки для быстрого увеличения размера шрифта, смены его начертания, местоположения относительно строки и для вставки заголовков трех уровней. Альтернативным способом ввода вручную всех атрибутов тега является, так называемый, Tag Editor - редактор тегов, с помощью которого можно существенно облегчить процесс присвоения значений различным атрибутам. Отдельно стоит отметить средства для создания и конфигурирования таблиц и фреймов - Table Wizard и Frame Wizard, позволяющие существенно облегчить жизнь разработчику при создании таблиц и фреймов сложной структуры. Только представьте, сколько бы времени ушло на создание подобной таблицы вручную!
Необходимо отметить, что Homesite содержит встроенный модуль проверки орфографии, проверяющий не только корректность использованных дескрипторов, но и непосредственно правильность самого текста, а также редактор файлов CSS - каскадных листов стилей под названием Top. Style. Для повышения скорости создания документов можно воспользоваться клавиатурными сокращениями - Home. Site предоставляет обширное поле деятельности для любителей клавиатуры. Например, тегу соответствует комбинация клавиш Ctrl+Break. Впрочем, пользователь волен назначить практически любой команде удобное ему сочетание клавиш. Плюсы. К достоинствам программы можно отнести функциональность, универсальность, поддержку различных языков программирования, понятный интерфейс, широкие возможности и мощную справочную систему.
Минусы. Отсутствие поддержки русского языка, высокая цена, необходимо хотя бы поверхностное знание языка HTML для создания страничек, высокая цена программы. Скачать последнюю версию Macromedia Home.
Site можно по этому адресу. Резюмируя вышесказанное, можно порекомендовать Macromedia Home. Site для пользователей средней и высокой квалификации, которые не ограничиваются возможностями языка HTML при создании веб- документов. Site. Edit. Программа Site.
Все обязательные HTML теги и что нужно знать для их правильного так и использовать специальные программы, так называемые визуальные. Редактор тегов - это программа для изменения метаданных мультимедиа файлов, без изменения контента файла. Закрывающий тег необязателен. Читать о теге подробно в учебнике HTML.
Указывает программам просмотра html страниц начало и конец документа.
Edit создана российской компанией Edge. Stile и позиционируется разработчиками как система управления сайтом.
В отличие от Home. Site, Site. Edit относится к так называемым визуальным средствам разработки - WYSIWYG- редакторам (от заглавных букв выражения What You See Is What You Get - "что видите, то и получите"). После первого запуска программы появляется готовый шаблон веб- узла. Структура всего узла представлена в виде различных страниц, содержащих в себе несколько разделов.
Раздел, в свою очередь, может содержать в себе несколько записей или объектов. Перейдя в режим редактирования (по умолчанию F9), у нас появляется возможность редактировать существующие разделы и добавлять новые, изменить текст имеющейся записи или добавить новую запись. После щелчка по кнопке "Изменить раздел" появляется новое окно, в котором и можно проделать эту нехитрую операцию.
Кроме непосредственного редактирования текста пользователю доступны кнопки для изменения начертания шрифта, вставки рисунка, текущей даты, добавления таблицы, вставки гиперссылки, формирования маркированного или нумерованного списка - и все это - простым нажатием мыши. Тем же, кто знаком с языком HTML, можно не ограничиваться приведенными выше функциями, а просто вручную написать нужный код. Так как в окне редактирования никаких излишеств типа подсветки синтаксиса не имеется, можно вызвать внешний редактор кликом на кнопку HTML, в котором и произвести все необходимые изменения. Программа предлагает несколько шаблонов оформления: book, galeon, kafe, palm_skin, stroitel, благодаря которым можно существенно изменить облик всего сайта в целом.
Все элементы страницы доступны для редактирования. Для более кардинального изменения дизайна существует редактор дизайна, предоставляющий широчайшие возможности для изменения всех элементов, присутствующих на странице. С левой стороны имеется список элементов, справа - их вид на странице, снизу же доступны окна для изменения значений атрибутов того или иного дескриптора. Например, для тега Font доступны следующие атрибуты: цвет, размер, толщина, начертание, наклон подчеркивание, интервал.
Новичкам понравится способ заполнения окошек - вручную прописывать ничего не требуется, достаточно выбрать нужный элемент из выпадающего списка. Выбор цвета также не представляет трудностей - к услугам пользователя палитра, необходимо лишь определиться с понравившимся оттенком, и, вуаля, его шестнадцатеричный код уже указан в соответствующем поле. В состав программы входит готовый шаблон, имитирующий сайт строительный компании, который вполне можно подстроить под свои нужды. Любопытно, что напрямую сохранить код странички из программы невозможно, для этого необходимо выбрать пункт "Просмотр страницы в браузере", и лишь из браузера можно сохранить страницу в виде html- файла. Данный подход, видимо, связан с тем, что в версиях Standard и Business программы Site.
Edit имеется возможность выгрузки всего проекта сразу на хостинг, однако в бесплатной версии Start данная возможность, к сожалению, отсутствует. Отсюда и подобные неувязки. Плюсы. Простой интерфейс - не требуется практически никаких знаний HTML, функциональность, небольшой вес дистрибутива, русский язык интерфейса, бесплатность стартовой версии. Минусы. Невозможность сохранения файлов напрямую из программы, орфографические ошибки. Site. Edit отлично подойдет для создания персональных страниц и несложных веб- проектов для пользователей начальной квалификации и даже для тех, кому абсолютно незнаком язык HTML. Site. Edit выпускается в трех основных версиях - Start, Standard, Business, и двух дополнительных - Partner.
Загрузить версию Start программы Site. Edit можно отсюда.
HTML Source. Еще одна Freeware- программа, которая попала к нам в обзор - это HTML Source. Первое, что бросилось в глаза - небольшой размер дистрибутива программы - всего 1,5 Мб! Это навело на несколько скептические мысли о функциональности программы и ее возможностях. Однако мы были приятно удивлены.
Интерфейс программы напоминает таковой у Home. Site, но инструментов и возможностей, конечно, гораздо меньше. С левой стороны расположено окно проводника, в котором можно выбирать необходимые для открытия файлы.
По центру - непосредственно само окно редактирования веб- документов. С правой от него стороны расположена палитра, причем работает она в весьма удобном режиме. При наведении курсора мыши на тот или иной участок палитры сразу показывается составляющая каждого цвета в RGB- палитре, а чуть ниже - непосредственно сам цвет. Более того, при щелчке на нужном участке в документ сразу вставляется шестнадцатеричный код цвета. Весьма удобно. В верхней части рабочей области программы имеется обычная панель инструментов, на которой расположены кнопки для создания нового документа, открытия существующих файлов, печати файла, проверки орфографии и прочие распространенные действия. Все пиктограммы выполнены в неплохом стиле, однако огорчает лишь отсутствие всплывающих подсказок при наведении на ту или иную иконку действия.
Примечательно, что программа сама определяет, какие браузеры установлены в системе, и в панели инструментов имеются иконки для просмотра документа в имеющихся у пользователя браузерах. В моем случае, кроме стандартного Internet Explorer, были уставлены также Opera и Mozilla Fire. Fox, что и продемонстрировала программа. Теперь перейдем непосредственно к описанию возможностей программы.