Создание сайта "Владимир Высоцкий"

       Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя Web-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.

2 HTML-РЕДАКТОРЫ 

       Существует множество специализированных HTML-редакторов: один - для создания новых сайтов с нуля, другой - для текущих работ по их поддержке, третий – для снабжения ваших шедевров какими-то уникальными возможностями.

       Функции современных HTML-редакторов очень разнообразны: некоторые из них, например, обеспечивают формирование только отдельных страничек, другие, наоборот, применяются для проектирования целых Web-узлов с последующей загрузкой их на удаленные серверы в Internet. Сегодня трудно провести границу между профессиональными HTML-редакторами и теми, что предназначены для любительского Web-творчества [4].

       AOLpress 2.0. Разработчик America Online. С помощью AOLpress можно проектировать не только одиночные страницы, но и весь сайт целиком, создавать активные зоны графических элементов оформления, автоматически проверять английскую орфографию, ссылки, строить карту Web-сервера. Окно редактирования AOLpress одновременно выполняет и функции браузера. Кроме того, приложение имеет неплохие инструменты для работы с таблицами, фреймами, формами, FTP-средства для управления Web-узлом, позволяет использовать апплеты Java, исправлять ошибки в импортированных файлах. В AOLpress 2.0 полностью реализована лишь поддержка спецификаций HTML 3.2. К сожалению, интерфейс программы трудно назвать интуитивно понятным, он, скорее, рассчитан на опытных пользователей, нет в приложении и популярных ныне мастеров, облегчающих жизнь новичкам. К недостаткам следует отнести еще и тот факт, что при установке по умолчанию пакет не поддерживает кириллицу.

       HomeSite 5.5. Разработчик Аllaire. Об этом продукте от многих Web-мастеров нередко можно услышать самые лестные отзывы. Действительно, HomeSite обладает целым рядом свойств, которые традиционно нравятся профессионалам: во-первых, приложение имеет простой и удобный интерфейс, не занимает много места на диске; во-вторых, настраивать в нем можно практически все - от панелей инструментов и клавиатурных комбинаций до цветов, которыми будут отображаться теги на экране; в-третьих, редактор создан не с целью избавить вас от необходимости изучать HTML-код, а для того, чтобы ускорить и упростить работу по его использованию. Принцип, которому стараются следовать авторы программы, носит название "Pure HTML" (чистый HTML). Редактор поддерживает все популярные ныне стандарты и технологии Internet: DHTML, SMIL, CSS, JavaScript, ASP, JSP, Perl, CFML, VBScript, XML и XSL. Есть в HomeSite и мастера, и визуальные средства разработки, правда, их присутствие здесь - скорее дань моде, бонус, нежели необходимость (все та же проблема лишнего кода). После их использования можно прибегнуть к услугам инспектора кода, и хотя в его "умственных способностях" никто не сомневается, но все же интеллекта порой ему недостает, может иногда что-нибудь и испортить. HomeSite содержит мощный модуль для редактирования CSS-таблиц; обладает прекрасным механизмом поиска; его встроенный FTP-клиент по своим возможностям ничем не уступает специализированным приложениям (рекомендации по его настройке вы найдете в справочной системе). Этот редактор позволяет проектировать не только отдельные страницы, но и целые Web-узлы, а также автоматически проверять в них правильность ссылок, правда, эти действия все же лучше делать вручную.

       CoffeeCup HTML Editor 9.5. Разработчик CoffeeCup Software. Названием своей фирмы авторы, пожалуй, хотели подчеркнуть, что работать с их продуктами так же приятно, как вести беседу в кругу друзей за чашечкой кофе. Действительно, CoffeeCup HTML Editor 9.5 - великолепный редактор с красочным интерфейсом и большими возможностями. Он наверняка придется по душе как новичку, так и профессионалу. В состав CoffeeCup HTML Editor 9.5 входят: довольно простой графический редактор; средства для нарезки изображений; встроенный FTP-клиент; мощные инструменты для работы с таблицами и кадрами. С его помощью вы сможете редактировать ASP-, PHP-, XML-, XSL-файлы, чистить HTML-, XML-, XHTML-код, производить глобальный поиск с заменой по всем связанным страницам, добавлять ваши собственные теги. Приложение снабжено неплохой справочной системой, в нем вы обнаружите огромный набор различных мастеров, готовых форм, таблиц и т. д. Кроме того, к HTML Editor 9.5 можно подключить другие отдельные приложения, разработанные CoffeeCup: редактор каскадных таблиц стилей, мощный GIF-аниматор, редактор графических карт, программное обеспечение для обеспечения Web-телетрансляций в Сети. Но самое приятное, что вместе с лицензионной версией редактора поставляется более 3000 графических элементов для оформления Web-страниц (пиктограмм, фотографий, рисунков и т. д.), около 100 сценариев JavaScripts, 175 анимированных GIF-файлов. И в заключение небольшая ложка дегтя: такой недостаток, как излишний код [6].

       HomePage 3.0. Разработчик Claris, ныне принадлежит Filemaker. Этот редактор полностью оправдывает свое название и предназначен для создания

       простеньких домашних страничек. В последней  версии пакета появились мастера, облегчающие проектирование небольших сайтов и страниц с фреймами, значительно улучшилась справочная система. Кроме того, здесь имеется множество апплетов, Java-скриптов, шаблонов Web-документов, библиотека графических элементов. Возможности HomePage вполне удовлетворяют современным требованиям для такого класса продуктов: в нем существуют средства для пересылки файлов по протоколу FTP и редактирования Web-документов на удаленном сервере; неплохо выполнен поисковый механизм, проверка ссылок, английской орфографии; относительно проста процедура построения таблиц и форм; реализована раскраска кода. Есть и довольно полезная функция, с помощью которой легко оценить время загрузки вашей странички на линиях с разной пропускной способностью. В HomePage можно использовать любые типы растровых файлов - программа автоматически преобразует их в формат GIF. И все же, несмотря на "домашнее" название, пакет рассчитан скорее на опытных пользователей.

       HoTMetaL PRO 6.0. Разработчик SoftQuad. Программа позволяет создать отличные сайты любой сложности. Несмотря на то, что этот мощный пакет рассчитан на профессионалов, его можно рекомендовать и начинающим пользователям. Стоит разобраться в интерфейсе и настройках, вы по достоинству оцените все его свойства, на одно перечисление, которых вряд ли хватило бы места в этой статье. И все же следует упомянуть хотя бы основные: здесь есть отличные средства WYSIWYG; развит FTP-клиент; реализована проверка HTML-кода; имеются мощные инструменты для редактирования каскадных таблиц стилей; работе с таблицами, формами, кадрами и проектами в целом - вообще посвящены отдельные меню; поддерживаются Java-апплеты и сценарии ActiveX, а также многое другое. Кроме того, в HoTMetaL PRO отлично развита система Undo/Redo, привлекает возможность записи клавиатурных макросов. При создании графических карт-ссылок для выделения области нужной формы следует выбрать изображение и воспользоваться соответствующими кнопками, расположенными в левой нижней части окна HoTMetaL PRO.

       Microsoft FrontPage2003. Разработчик Microsoft. О таком "явлении", как Microsoft FrontPage, Web-мастера отзываются весьма противоречиво: одни его бесконечно хвалят и прощают излишний код, оправдываясь удобством средств WYSIWYG, другие, наоборот, ругают, поскольку ручное исправление ошибок в нем - задача не для слабонервных. FrontPage, как говорят программисты, "заточен" под Internet Explorer, так что некоторые трюки, свойственные Internet Explorer, другими браузерами могут быть "неправильно истолкованы". Усеченная версия этого редактора поставляется вместе с браузером начиная с версии 4.0. Естественно, и сам FrontPage выполнен в стиле Microsoft: знакомые по Office кнопочки, меню, панели инструментов и т. д.,вдобавок ко всему - "опытные" мастера, готовые последовательно, шаг за шагом провести вас за руку (точнее, "за мышку") по всем этапам создания Web-страницы или целого сайта. Поэтому, если вы - опытный пользователь MicrosoftOffice, освоить данный HTML-редактор вам удастся без особого труда. В состав FrontPage входят три основных продукта: FrontPage Explorer (служит для управления элементами Web-узла), FrontPage Editor (непосредственно сам HTML-редактор) и FrontPage Web (средство, с помощью которого можно проверять правильность использования HTTP-связей). Возможности FrontPage растут из года в год. Если версия, выпущенная в 1998 г., подкупала пользователей, например, наличием компонента WebBot, позволяющего даже новичкам, не имеющим ни малейшего представления о программировании, строить сценарии обработки форм или обеспечивать функционирование форумов, то FrontPage 2003 характеризуется мощными средствами для коллективной работы, дающими возможность согласовывать действия многих профессионалов, задействованных в проекте.

       Приложение  HAHTsite 5.0 можно смело рекомендовать людям, у которых создание Web-сайтов поставлено на "конвейерную" основу. Несколько часов непринужденного щелканья мышью - и вполне работоспособный продукт. Новичкам придется по душе интуитивно понятный WYSIWYG-интерфейс Adobe PageMill, да и его возможностями они не будут разочарованы: таблицы, формы, фреймы, Java-апплеты - в общем, все как положено, только вот с кириллицей проблемы, все русские и украинские тексты приходится вносить через Clipboard.

       Одним из лучших пакетов для профессиональной разработки сайтов считается редактор NetObjects Fusion 11. Стильный, продуманный интерфейс, десятки готовых шаблонов страниц, задание стиля исполнения сайта в целом, все мыслимые и немыслимые свойства профессиональных продуктов: от работы с таблицами, формами и фреймами до широкого использования Java-апплетов и FTP-клиента.

       Многие  профессионалы считают, что Macromedia Dreamweaver 8.0-единственный WYSIWYG-редактор, заслуживающий их внимания, поскольку имеет прекрасные механизмы для очистки кода. Сама Macromedia рекламирует его так: "WYSIWYG-редактор для тех, кто думает на HTML". В нем есть все плюс тесная интеграция с Macromedia Flash 8.0 - популярным ныне приложением для создания Web-страниц, основанных на векторной графике.

       Web-страницу можно написать и в простом текстовом редакторе Блокнот. Для того, чтобы ваш файл воспринимался как Web-страница, его расширение следует переименовать в .htm или .html. Тогда он будет открываться интернет-браузером. Создатели Web-страниц считают Блокнот достаточно удобным средством для создания файлов HTML. Блокнот предоставляет минимальные средства оформления, поэтому здесь исключена вероятность случайного сохранения специальных атрибутов форматирования в текстовых файлах. Это особенно важно иметь в виду при создании документов HTML для Web -страницы, так как присутствие специальных символов или других атрибутов форматирования на опубликованной Web-странице может оказаться нежелательным или даже вызвать ошибки [8].

3 СОЗДАНИЕ САЙТА «ВЛАДИМИР ВЫСОЦКИЙ» 

3.1 Разработка структуры Web-сайта 

       Создавать сайт я решила в текстовом редакторе  Блокнот, т.к. в процессе работы я смогу буду напрямую сталкиваться с применением тегов. 

       Свою  работу я начала с определения  тематики сайта. Я решила, что сайт будет посвящен Владимиру Высоцкому, т.к. мне нравится его творчество. Далее я стала разрабатывать структуру сайта [5]. Пришли к выводу, что мой сайт будет состоять из таких разделов, как:

• биография;
• творчество;
• дискография;
• жены;
• друзья;
• причина смерти;
• память о поэте.

       Раздел  «Биография» сообщает пользователю о самых главных этапах в жизни В. Высоцкого.

       В разделе «Творчество» обсуждаются  песни, стихи. Рассказывается о работе Высоцкого в театре и в кино.

       Раздел  «Дискография» посвящен информации об основных изданиях пластинок с записями выступлений В. Высоцкого.

       В разделах «Жены» и «Друзья» обсуждаются  взаимоотношения поэта с его родными и близкими. Дается оценка положения Высоцкого в кругу семьи.

       «Причина  смерти» - раздел, который раскрывает тайну гибели музыканта.

       И, наконец, раздел «Память о поэте» рассказывает пользователю о том, какие  награды получил Высоцкий за свою работу, какие достопримечательности разных городов носят его почетное имя.

       В соответствии с разработанной структурой была спроектирована главная страница сайта (рис.3). Она содержит все основные структурные элементы, переход по которым осуществляется с помощью гиперссылок.  

Рисунок 3 – Главная страница сайта. 

       Главная страница сайта выполнена через фрейм, то есть страница разделена на 3 части. Фрейм -  элемент языка HTML версии 3.0 и выше. Фреймы позволяют разделить Web-страницу на несколько независимых окон и в каждом из них размещать отдельную Web-страницу. При этом допускаются ссылки из одного окна в другое окно. Обычно фреймы применяется для организации меню, постоянно находящихся на экране.

       В качестве фона для всего сайта я выбрала песочный цвет. На мой взгляд, он не напрягает глаза пользователя и хорошо сочетается с цветами теста. Результата я добилась при помощи  параметра <BGCOLOR> тега-контейнера <BODY> </BODY>.

3.2 Работа с текстом. 

       Как известно, основное наполнение Web-страниц - это все-таки текст. За редким исключением специальных сайтов-галерей. На самом деле, для того, чтобы в окне просмотра браузера отобразить текстовую строку, никаких тегов применять не требуется: Достаточно просто написать сам текст. Но, когда нужно уже разбить его хотя бы на абзацы, надо пользоваться тегами <Р> </Р>. При этом, тег <Р>, естественно, обладает параметром выравнивания ALIGN, который может принимать значения LEFT, RIGHT, CENTER и JUSTIFY (выравнивание текста по левому краю, по правому, по центру и по ширине).