Инструментальные средства создания web-серверов и web-сайтов

ОБЗОР ИНСТРУМЕНТАЛЬНЫХ СРЕДСТВ

Кроме Web-браузеров, необходимо иметь программы для редактирования HTML-документов.

Сейчас на рынке программного обеспечения представлено большое количество продуктов для создания Web-страниц или HTML-документов: от мощнейших профессиональных пакетов типа FrontPage и Dreamweaver до таких популярных программ семейства текстовых процессоров, как Microsoft Word Pad, Microsoft Word и Corel WordPerfect.

Достаточно востребованным для создания Web-сайтов является ряд визуальных приложений, называемых WYSIWYG-редакторами (What You See Is What You Get — что видишь, то и получишь). Эти программы ускоряют создание Web-документов и избавляют от необходимости вручную набирать основной программный HTML-код. Все необходимые операции выполняются автоматически.

Так же Web-страницы можно создавать вручную с помощью языка HTML (HyperText Mark-up Language – язык разметки гипертекста), при этом ввод HTML-кода выполняется в любом текстовом редакторе или с помощью HTML-редакторов.

Для создания элементов страниц используются следующие инструментальные средства: графические редакторы (Adobe Photoshop, Fireworks, Paint Shop Pro, Painter и др.) для создания графических файлов, текстовые редакторы для создания текстов, звуковые редакторы для создания звуковых файлов.

Обычно новичок думает следующим образом: «Все свои привычные документы я создаю посредством программ WYSIWYG (<что вижу, то и получаю>) - тексты я создаю в MS Word, презентации - в MS PowerPoint, так возьму-ка я и для создания web-странички подобную программу - MS FrontPage...» Приняв такое решение, вы дважды обкрадываете себя.

Первый раз - в смысле рационального использования web-пространства. Дело в том, что все визуальные редакторы web-страниц, к которым относится и упомянутый MS FrontPage, вставляют в создаваемые страницы отсебятину - множество лишних ненужных тегов. Исключением, пожалуй, является Macromedia Dreamweaver (за что он снискал себе заслуженную популярность как среди новичков, так и среди профессионалов). Но даже он в этом плане не идеален - любит засорять исходный текст кавычками (в большинстве случаев совершенно ненужными), а также вставлять символы неразрывного пробела в самых неподходящих для этого местах.

Справедливости ради стоит отметить, что все визуальные редакторы предоставляют пользователю возможность работать с исходным кодом создаваемой страницы, но столь любимый многими FrontPage вновь переделает все по-своему, стоит вам только переключиться снова в визуальный режим.

Этапы разработки Web-сайта

планирование, реализация, публикация, продвижение, поддержка.

На стадии планирования определяется следующее: • цели создания Web-сайта (Зачем? Какие задачи он должен выполнять и на какую аудиторию он рассчитан?); • характер содержимого; • структура (Юзабилити – удобство пользования); • особенности оформления (определяется структура каждой страницы и разрабатывается графика).

Любую страницу можно оценить по трем параметрам: контенту, внешнему виду и навигации.

Если сайт рассчитан на долгое вдумчивое чтение, то он должен иметь хорошую читабельностб, меньше отвлекающих динамических эффектов, не утомляющее цветовое сочетание фона и текста.

И наоборот: сократите текстовые блоки до минимума, если Вы создаете сайт, дающий посетителю, прежде всего визуальную и другую мультимедийную информацию.

При создании достаточно больших документов надо помнить о том, что не все из посетителей имеют высокоскоростной доступ в Internet

Реализация. Это и есть работа по созданию сайта. На этом этапе проводится подготовка текстового и графического материала (печать, сканирование). Материал разбивается по файлам в соответствии со структурой. Организуются ссылки между файлами сайта.

Тестирование. Завершив работу по размещению страниц на Web-сайте, необходимо выполнить тестирование. Оно состоит из двух этапов: тестирование на работоспособность и тестирование на удобство пользования интерфейсом.

Публикация. Готовый Web-сайт необходимо опубликовать на Web-сервере, чтобы он был доступен через Internet. Если ваш сайт создан посредством редактора FrontPage, то на сервере должны быть инсталлированы серверные расширения FrontPage, что обеспечит полную поддержку доступных в FrontPage компонентов, которые были помещены на странице в процессе создания сайта.

Если у вас нет собственного сервера, то в Сети можно найти огромное количество ссылок на free web pages, где некоторые провайдеры предоставляют своим клиентам бесплатное место под страницу.

Основы web-дизайна.

Веб-дизайн - графическое оформление сайта, которое способствует положительному восприятию сайта посетителем.

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

Перед разработкой дизайна сайта, заказчик рассказывает о деятельности фирмы, целевой аудитории и назначении проекта, также обсуждается структура сайта и рисуется схема навигации.

Составляется предварительный план работы.

Основы веб-дизайна. Проектирование навигации на сайте.

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

Грамотно расположенные информационные блоки и простая, понятная, навигация залог успеха будущего сайта.

Основы веб-дизайна. Элементы дизайна сайта.

Особое внимание уделяется элементам в веб-дизайне, которые должны гармонично сочетаться между собой и быть един целым с дизайном сайта.

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

Правильно разработанный сайт включает такие важные моменты как:

- удобная навигация

- упорядоченные информационные блоки

- все материалы сайта должны иметь тематическую направленность сайта (для определенного круга пользователей)

Каждый посетитель сайта ищет свежую и полезную информацию, красивое графическое оформление дополняет содержание страниц. Новая полная информация по интересным темам будет гарантией популярности ресурса.

Стильный и оригинально оформленный сайт не только привлекает внимание посетителей, на него хочется вернуться еще и еще. Яркая картинка или интересная фотография на сайте может привлечь посетителей несколько раз, но если тексты не обновляются регулярно, интерес переходит к другому, динамично развивающемуся ресурсу.