Выбор средств реализации

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

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

В браузере JavaScript умеет делать все, что относится к манипуляции со страницей, взаимодействию с посетителем и, в какой-то мере, с сервером:

• · Создавать новые HTML-теги, удалять существующие, менять стили элементов, прятать, показывать элементы и т. п.
• · Реагировать на действия посетителя, обрабатывать клики мыши, перемещение курсора, нажатие на клавиатуру и т. п.
• · Посылать запросы на сервер и загружать данные без перезагрузки страницы (эта технология называется «AJAX»).
• · Получать и устанавливать cookie, запрашивать данные, выводить сообщения…
• · многое другое.

JavaScript — быстрый и мощный язык, но браузер накладывает на его исполнение некоторые ограничения.

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

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

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

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

Из JavaScript можно легко посылать запросы на сервер, с которого пришла страница. Запрос на другой домен тоже возможен, но менее удобен, т.к. и здесь есть ограничения безопасности [3].

Есть как минимум три замечательных особенности JavaScript:

• · Полная интеграция с HTML/CSS.
• · Простые вещи делаются просто.
• · Поддерживается всеми распространенными браузерами и включен по умолчанию.

Dreamweaver (Дримуимвер) — WYSIWYG HTML-редактор компании Adobe. Adobe Dreamweaver CS5 (официальная русская версия) — позволяет легко и просто проектировать, создавать и обслуживать веб-сайты и веб-приложения, от начала и до конца. Adobe Dreamweaver включает самые прогрессивные возможности и технологии, с помощью которых можно создавать динамичные и современные веб-сайты, соответствующие сегодняшним стандартам.

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

Adobe Dreamweaver CS5 — новая версия программы для создания профессиональных веб-сайтов. Дизайн при помощи инструментов проверки.

CSS, разработка сайтов для систем управления контентом, а также удобство и точность тестирования совместимости с браузерами благодаря интеграции с Adobe BrowserLab, новой онлайн-службой Adobe CS Live — это и есть новый Dreamweaver CS5. В Adobe Dreamweaver CS5 появилась поддержка популярных CMS (Joomla, WordPress и Drupal), функции подсказки по пользовательским классам PHP и по коду для отдельных сайтов и многое другое.

Новые функции Adobe Dreamweaver CS5:

• · Новая поддержка популярных CMS (Joomla, Drupal и WordPress).
• · Проверка CSS.
• · Интеграция с Adobe BrowserLab.
• · Тонкая работа с свойствами CSS.
• · Расширенная поддержка версионности.
• · Подсказки при создании PHP кода.
• · Подсказки при кодировании с использование сторонних библиотек.
• · Улучшена работа страниц CSS starter.
• · Простая настройка сайтов.
• · Браузер виджетов.
• · Интеграция сайтов с аналитикой от Business Catalyst и Omniture analytics.

Особенности Adobe Dreamweaver CS5:

• · Размер файла: 502 Мб.
• · Ключ для Dreamweaver: Имеется crack.
• · Язык Интерфейса: Русский.
• · Платформа/ОС: Windows 2000, XP, Vista, 7.

Cute Site Builder — Хорошая и удобная программа для начинающих пользователей. Она позволяет легко и быстро создавать Web-сайты профессионального уровня, выбирать определенный дизайн на основе готовых шаблонов. Мощный редактор таблиц позволяет легко выбирать размеры ячеек, фон и другие параметры таблиц. Функция «Photo Sequence Wizard» предоставляет возможность автоматически создавать слайд-шоу с элементами навигации и описания. С помощью функции «Site Map» графически отображается структура Web-сайта или электронного учебника [11].

Magic HTML Studio 2.0 — это HTML редактор, представляющий собой мощную профессиональную среду разработки HTML проектов любого уровня сложности. В новой версии программа полностью поддерживает все современные технологии, включая поддержку ActiveServer Pages[1].

JavaServer Pages, Perl, CGI, Java. Расширена поддержка шрифтов, таблиц, фреймов, списков, скриптов и апплетов. Новые версии конструкторов стали ещё мощнее и интереснее. Конструктор Java скриптов поддерживает создание 16 различных скриптов, которые сделают ваш сайт красивее, интереснее, а также помогут создать навигацию при помощи меню, создать текстовые эффекты, всплывающие окна, почтовые формы. А новая версия конструктора CGI скриптов позволит создать свою конференцию (в формате BBS), чат, гостевую книгу, голосование, счётчик посещений. Конструктор позволяет создавать скрипты на двух языках — английском и русском. А множество настраиваемых параметров позволит гибко настроить скрипты, приспособить их под любой сайт. Также в состав программы включена специальная среда разработки скриптов на Perl — редактор SCRIPTOR. Редактор содержит готовые конструкции на Perl, которые упростят создание скриптов, имеет древовидную структуру, удобен, функционален и прост в использовании. При помощи этого редактора вы не только с легкостью создадите скрипт любой сложности, но и сможете протестировать его в среде операционной системы Windows (при наличии интерпретатора Perl). Благодаря встроенному обозревателю вы легко сможете ориентироваться в многообразии созданных проектов и файлов.

Все имеющиеся на сегодняшний день HTMLредакторы можно разделить на две большие группы:

• · программы, имеющие в своём составе визуальные редакторы (designbased editor) — средства, которые автоматически формируют необходимый HTML-код, позволяя разрабатывать Web-страницы в режиме WYSIWYG (What You See Is What You Get — что вижу, то и получаю);
• · программы редакторы (code-based editors), которые предоставляют редактор и вспомогательные средства для автоматизации написания кода.

Microsoft FrontPage — Простой в освоении и удобный Web-редактор для проектирования и подготовки Web-сайтов, удобен и для построения сайтов. Благодаря интеграции с другими продуктами MS Office, привычному для большинства пользователей интерфейсу и большому числу шаблонов программа позволяет быстро освоить работу даже начинающим пользователям, знакомым и основам в MS Word. Front Page удачно сочетает возможности использования визуального конструктора и средства редактирования кода. Front Page генерирует эффективный HTML-код, не содержащий избыточности. Средства написания сценариев обеспечивают возможность интерактивного общения с посетителями.

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

Итак, рассмотрев все выше представленные программы, была выбрана программа Microsoft FrontPage. FrontPage позволяет создавать страницы, даже не зная, кода HTML. Если, редактируя страницу, захочется выделить слово курсивом или изменить цвет заголовка — нужно просто отметить нужный фрагмент текста, нажать кнопку, и готово: FrontPage сам сгенерирует соответствующий код HTML. Благодаря этому легко можно сконцентрироваться на более важных вещах, например, на проработке дизайна своего сайта. При желании можно прямо в редакторе писать код HTML и тут же, не запуская браузер, видеть результаты своей деятельности.

Одна из главных прелестей Редактора заключается в его умении представлять страницы в режиме WYSIWYG (what you see is what you get — что видите, то и получаете). Это означает, что в браузере они будут выглядеть так же, как и в Редакторе.

Работа в Редакторе FrontPage весьма похожа на работу с текстовым процессором, подобным Microsoft Word. Те, кому приходилось иметь дело с Microsoft Word, наверняка узнают стандартные кнопки, такие, как полужирный шрифт, курсив и подчеркивание, маркированные и нумерованные списки, повтор и отмена операции и т. п. Ввод текста в окне Редактора происходит точно так же, как в Word; точно так же, как в Word, можно проверять орфографию. В Редакторе очень удобно — буквально в несколько движений мыши — строить таблицы и фреймы (frames).

Как Word, Редактор FrontPage позволяет одновременно открывать несколько файлов, а т. к. редактор оперирует страницами, то смело можно сказать, что он позволяет открывать одновременно несколько страниц. Эта возможность очень полезна, например, в тех случаях, когда, чтобы соблюсти согласованность и точность информации, требуется быстро переходить от одной страницы к другой. Редактор также позволяет скопировать страницу (вместе со всем кодом HTML) из Internet и отредактировать ее [15].