Создание документов HTML
Категория реферата: Рефераты по информатике, программированию
Теги реферата: антикризисное управление, реферат по физкультуре
Добавил(а) на сайт: Kuz'minyh.
Предыдущая страница реферата | 1 2 3 4 5 6 7 8 9 10 | Следующая страница реферата
Редактор гипертекста необходим, в первую очередь, для начинающих
пользователей, так как позволяет обойтись (конечно, только на первых порах)
поверхностными знаниями о структуре гипертекстового документа и синтаксисе
HTML. Поскольку элементы гипертекста создаются в режиме диалога, пользователь может изучать язык параллельно с созданием Web-страницы.
Вдобавок редакторы обладают способностью проверять правильность написания
кода HTML[8]. Бывают случаи, когда программа выдает сообщение об ошибке, но
не может указать разработчику, в чем именно она заключается. Просматривать
страницу броузером не имеет смысла: скорее всего, он отобразит ее, как
будто никаких проблем не существует. Но автор Web-страницы сможет понять, что с разметкой не все ладно и не станет использовать спорный фрагмент
кода.
В этом параграфе мы рассмотрим основные редакторы Web-документов.
2.3.1. HoTMetaL PRO 3.0.
Редактор гипертекста HoTMetaL был одним из первых программных продуктов
подобного рода. Основная цель редактора заключалась в том, чтобы красиво
прорисовывать на экране изображение тегов. Здесь сказались преимущества
графического интерфейса Windows перед интерфейсом командной строки MS-DOS.
В среде Windows гипертекст в своем естественном виде лучше читается и
редактируется. Одновременно фирмы-разработчики развивали в своих программах
возможность анализа синтаксиса HTML, что помогало пользователю избежать
некоторых ошибок, таких, например, как неправильное вложение документов.
В 1997 году фирма SoftQuard разработала редактор HoTMetaL PRO версии
3.0. в рабочей области создана заготовка Web-страницы. Теги отмечены особым
образом и хорошо заметны. На панелях редактора размещено большое количество
кнопок. Следовательно, разработчики продукта предполагают, что пользователь
должен активно их использовать во время создания страниц. Останавливаться
на подробном обзоре кнопок мы не будем, так как они не представляют особой
сложности для изучения.
Кратко рассмотрим создание гипертекстового документа путем сравнения.
Возьмем, к примеру, популярный редактор Word. Все, кто с ним работал, прекрасно знают о форматировании текста при помощи стилей. Если вы захотите
понять, что представляет собой тот или иной стиль, вам надо будет раскрыть
окно с описанием стиля. Параметров много: и тех, которые вы используете, и
тех, которые вам безразличны. В самом документе подобная информация скрыта
от пользователя. Все, кто работал с этим редактором знают о его
«своеволии»: часто программа сама, не спрашивая разрешения, проводит ряд
операций по форматированию текста, и пользователь не всегда может отследить
эти «правки» и понять причины их возникновения.
Гипертекстовый документ создается совершенно по иному принципу. Здесь тоже можно использовать понятие стиля: это совместное использование элементов форматирования FONT, B, I, BQ и им подобным. Существенное же отличие от обычного Word-документа состоит как раз в том, что пользователь может увидеть все параметры оформления и область их действия прямо в HTML- документе. Изменить их может только он сам, путем редактирования текста документа. Дает ли это какое-нибудь преимущество? Думаю, что в некоторых случаях работать с файлом в формате гипертекста намного удобнее и легче, чем с таким же файлом в формате традиционного редактора для Windows.
Отдельно следует упомянуть использование кириллицы в HoTMetaL. Если
пользователь выбирает для ввода не английский язык, то редактор
автоматически преобразует введенные буквы в спецсимволы. Разумеется, разработчики редактора не предусматривали возможность использования
кириллицы. Просто русские буквы занимают в кодовой таблице место
«экзотических» букв из разных языков. В языке может использоваться
латинский алфавит и некоторые его «расширения». При вводе русского текста
символы прорисовываются обычным образом, но исходный код записывается по
особому: буква А обозначается как À буква Б - как Á и т. д.
Для броузеров с установленными русскими шрифтами это не имеет значения:
кириллица в любом случае будет воспроизведена верно. Если вы используете
HoTMetaL в работе, но создаете документы с кириллицей, набирайте русский
текст в другой программе, например, в режиме просмотра источника в
броузере.
2. HotDog Professional 3
Редактор гипертекста HotDog создан фирмой Sausage Software. От других
его выгодно отличает обилие инструментов, подпрограмм и сервисных
возможностей. Такой инструмент можно рекомендовать тем пользователям, которые много и серьезно работают со своими Web-страницами. Версия 3
редактора разработана в 1996 году и предназначена для работы в среде
Windows 95.
Окно редактора разделены на две области. Слева расположена панель так
называемого «менеджера ресурсов» (resource manager). Он выполняет в
редакторе те же функции, что и Проводник в Windows 95, то есть организует
наглядный доступ к папкам и файлам. Вкладка Pages позволяет увидеть
документы, открытые в редакторе. Вкладка Files обеспечивает просмотр папок
на дискете. Пользователь может применять технологию Drag and Drop, то есть
перетаскивать файлы при помощи мыши. Вкладка Faves служит для просмотра
избранных источников информации. Вкладка WWW обеспечивает просмотр
сайтов[9] и наглядное представление их структуры. Если менеджер ресурсов
занимает слишком много места на экране, его можно отключить при помощи меню
View.
В правой части окна редактора размещаются окна с HTML-документами.
Каждое из них содержит несколько вкладок. Вкладка HTML позволяет вывести
документ в режиме исходного кода. Вкладка Rover обеспечивает просмотр
документа при помощи встроенного броузера.
Основное окно редактора содержит несколько вкладок. Каждая из них позволяет выполнять определенный тип операций редактирования. Смена вкладки означает только смену набора инструментов; окно документа при этом остается неизменным. Многие кнопки присутствуют на нескольких вкладках.
Кнопки форматирования напоминают используемые в текстовых редакторах. И те и другие имеют похожие значки и выполняют одни и те же по смыслу операции. Но в данном случае механизм форматирования другой. Он заключается в создании соответствующего элемента HTML и помещении выделенного фрагмента страницы внутри этого элемента. Форматировать можно не только текст, но и рисунки, гиперссылки и другие конструкции гипертекста.
2.3.3 Dream Weaver 2.0
Этот редактор, пожалуй, единственный на данное время, работающий со
слоями, подобно тому, как это происходит в Photoshop 5.0. Однако, если
после создания страницы с применением слоёв, Вам придётся добавить другим
редактором что-то новое, создать которое в этом редакторе при помощи
встроенных кнопочек не возможно, может произойти сбой в html – коде, вызванный внутренним воздействием программы – редактора (многие редакторы
пытаются сопоставить содержимое www-cтраницы c тем, что данный редактор
умеет делать, а потом выдаёт обработанный им код страницы, вследствие чего
происходит изменение html-кода). Dream Weaver 2.0 оснащён многими сложными
функциям таким образом, что только опытный и профессиональный дизайнер
страниц способен понять и использовать его в своих целях. Сам редактор не
из ряда бесплатных версий, а скажем из самых дорогих и привилегированных.
Его стоимость достигает 270$, но для русского человека это не проблема, так
как через 2 месяца сразу после выхода программы выходит в свет crack, способный взломать программу и бесплатно использовать её (сайтов с
подобными взламывающими средствами очень много, но их местоположение в
Internet постоянно меняется из-за преследования фирм производителей этих
программ). Редактор позволяет также создавать движущиеся объекты в разных
направлениях и траекториях. Поддержка редактором функций Macromedia Flash
3.0 является достоинством этой программы, ведь именно Macromedia Flash 3.0
создала такую мощную во всех отношениях программу, которая позволяет делать
двигающееся меню на вашей странице. Такое меню наиболее эффективное, так
как на уровне существующих с использованием PERL 5.0, CGI, Java скриптов, апплетов и др., это меню или что-то вроде него обладает высокой скоростью
загрузки в сети Internet, так как обладает маленьким объёмом и выглядит
наиболее профессиональным изделием. Компания, выпустившая такое «чудо» на
свет обладает рядом других проектов. Я же, как один из ряда
профессиональных дизайнеров страниц, использую именно эту программу.
3.0 Cоздание документов в стандарте HTML.
В параграфе 2.1. мы рассмотрели на примере как создаются элементы страницы (титул, параграфы), ссылки на другие документы, адреса. Но этих знаний недостаточно, чтобы создать документ среднего уровня.
В этом параграфе мы рассмотрим создание заголовков, форматирование и изменение стиля документа, а также списки на примере приведенном в 2.1.
1. Заголовки
В примере для заголовка используются теги .
Существует шесть уровней заголовков, которые обозначаются Н1...Н6.
Заголовок уровня 1 самый крупный, а уровень 6 обеспечивает самый маленький
заголовок. Представление об относительных размерах заголовков в них дает
рис.3.1. Для заголовков можно использовать атрибут, задающий выравнивание
влево, по центру или вправо: align=’’left’’ align=’’center’’ align=’’right’’
Заголовок1
Заголовок 2
Рекомендуем скачать другие рефераты по теме: реферат знания, характер реферат.
Предыдущая страница реферата | 1 2 3 4 5 6 7 8 9 10 | Следующая страница реферата