«Создание динамических сайтов средствами Dreamweaver»

Создать качественную веб-страницу непросто, для этого потребуются не только навыки дизайнера, но и опыт программирования. Для облегчения этих задач существуют специальные программы. Наиболее известным и эффективным инструментом создания веб-сайтов является продукт компании Macromedia – Dreamweaver MX. Это мощная среда, предназначенная для проектирования, разработки и администрирования профессиональных веб-сайтов и приложений. Dreamweaver MX позволяет создавать сайты на базе различных веб-технологий: HTML, XHTML, XML, ColdFusion, ASP, ASP.NET, JSP и PHP.

Цель нашей работы – исследование возможностей применения Dreamweaver для реализации веб-технологий: ASP, PHP и XML при разработке динамических сайтов.

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

Объект работы – технологии разработки динамических сайтов.

Предмет работы – методы построения динамических сайтов средствами Dreamweaver.

Для построения сайта, написания сценариев для него можно использовать текстовые редакторы, вручную набирая код, специальные приложения для реализации отдельных технологий (например, Rapid PHP Editor), программы создания веб-страниц (например, FrontPage). Но только среда Dreamweaver позволяет создавать динамические веб-документы, соответствующие международным стандартам, интегрировать программный код в HTML-код, использовать при создании одного документа сразу несколько технологий. Поэтому работа, посвященная разработке динамических сайтов средствами Dreamweaver, является актуальной.

Новизна данной работы заключается в том, что была рассмотрена технология создания динамических сайтов на базе различных технологий в рамках одного инструмента.

Цель, гипотеза, объект и предмет определяют следующие задачи:

• обзор и изучение литературы по исследуемой проблеме;

• ознакомление с технологиями ASP, PHP и XML в рамках Dreamweaver;

• выделение критериев сравнения технологий;

• подготовка методики анализа прикладных задач с целью выбора оптимальной технологии для их реализации;

• применение разработанной методики при решении конкретных прикладных задач.

Наша работа состоит из введения, трех глав, заключения и списка литературы.

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

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

На защиту выносятся следующие положения:

• использование различных технологий в рамках одного инструмента является рациональным и эффективным;

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

Macromedia Dreamweaver MX – одна из самых мощных программ, поддерживающих все современные стандарты Интернета и невероятно облегчающая выполнение даже самых сложных задач. Кроме того, она содержит в своем составе развитую систему подсказки и интерактивных уроков, позволяющих начинающему пользователю быстро приступить к работе. [17]

Интерфейс программы по сравнению с предыдущими версиями претерпел изменения. Новый стиль заметно облегчает работу с программой. Если в предыдущих версиях программы приходилось постоянно переключаться между окнами, то теперь можно одновременно работать и с кодом, и с конечным видом сайта, что существенно облегчает работу. [13]

При загрузке Dreamweaver появляется стартовое окно (рис. 1), позволяющее выбрать тип нового создаваемого документа (HTML, ColdFusion, PHP и др.), либо создать документ по готовым образцам (CSS Style Sheets, Framesets и др.), а также открыть недавно использовавшиеся документы. Кроме этого имеются ссылки на интернет-ресурсы: сайт Dreamweaver MX Exchange, обзор программы Dreamweaver MX и справочная информация по Dreamweaver MX.

Рис. 1. Стартовое окно Dreamweaver MX

Рабочая область Dreamweaver содержит следующие окна и панели:

• окно документа (рис. 2), позволяющее просматривать и редактировать код документа (Code), просматривать внешний вид будущего документа (Design) или одновременно код и внешний вид (Split). Также имеется возможность просмотра документа в интернет-браузере, проверки ошибок и т. д.;

Рис. 2. Окно документа

• стандартное раскрывающееся меню (File, Edit, View, Insert, Modify, Text, Commands, Site, Window, Help) (рис. 3);

Рис. 3. Стандартное раскрывающееся меню

• панель Properties (Свойства) (рис. 4), позволяющая менять и добавлять свойства выделенного фрагмента кода;

Рис. 4. Панель Properties

• панель Insert (Вставка) (рис. 5), включающая следующие вкладки: Common (Основные) – вставка гиперссылок, таблиц, рисунков, комментариев и т. д., а также Tag Chooser (Выбор тега); Layout (Разметка) – использование ячеек и таблиц для разметки документа перед добавлением содержимого; Forms (Формы) – добавление различных видов форм; Text (Текст) – форматирование текста и Font Tag Editor (Редактор тегов текста); HTML – добавление горизонтальной линии, элементов таблицы, фреймов, свойств head, скриптов; Application (Приложения) – работа с информационными структурами; Flash elements (элементы Flash) – добавление Flash-роликов, Favorites (Избранное) – возможность добавления на отдельную вкладку наиболее часто используемых объектов.

Рис. 5. Панель Insert

• Группа панелей: Design (содержит стили CSS), Code (содержит справку по тегам, объектам и функциям различных технологий), Application (содержит информацию о базах данных, компонентах и т. д.), Files (Диспетчер файлов) (рис. 6).

Рис. 6. Группа панелей Design, Code, Application, Files

1.2. PHP

1. Общие сведения. PHP – это язык обработки гипертекста (HTML), используемый на стороне сервера (server side scripting language), конструкции которого вставляются в HTML-текст. Его цель – позволить максимально быстро создавать динамически генерируемые web-страницы. PHP является открытым программным продуктом, что означает его бесплатность и возможность создавать свои собственные расширения языка. [10]

PHP является самым молодым, перспективным и быстроразвивающимся из языков программирования для Интернет, доля его использования по сравнению с другими языками быстро растет. [3]

PHP позволяет отделить HTML-текст от выполняемой части, за счет чего можно добиться значительного снижения затрат времени на разработку проекта. Во многих случаях удается отделить программную часть проекта от разработки страниц на HTML, что облегчает работу и дизайнеру, и программисту. [18]

2. Основные характеристики.

• совместимость с различными серверами и платформами;

• поддержка технологий COM, XML, Java, CORBA, WDDX, Macromedia Flash;

• поддержка взаимодействия с различными сервисами посредством соответствующих протоколов (LDAP, SNMP, IMAP, NNTP, POP3, HTTP и др.);

• развитая функциональность для работы с сетевыми соединениями;

• наличие функций для работы с текстовыми данными любых форматов, включая XML;

• поддержка свыше 20 баз данных, развитая функциональность для работы с ними;

• возможность создания полноценных объектно-ориентированных приложений;

• сравнительно простой синтаксис и удобство в практическом использовании;

• бесплатность;

• открытость кода, благодаря которой можно создавать собственные расширения языка. [25]

3. Синтаксис. PHP-скрипты встраиваются в HTML-код с помощью открывающего тега . Такого вида специальные теги позволяют переключаться между режимами HTML и PHP. Программа на РНР – это набор команд (инструкций). Обработчику программы необходимо как-то отличать одну команду от другой. Для этого используются специальные символы – разделители. В PHP инструкции разделяются так же, как и в Cи или Perl, – каждое выражение заканчивается точкой с запятой.

Закрывающий тег ?> также подразумевает конец инструкции, поэтому перед ним точку с запятой не ставят. [5]

Часто при написании программ возникает необходимость делать какие-либо комментарии к коду, которые никак не влияют на сам код, а только поясняют его. PHP поддерживает несколько видов комментариев: в стиле Cи, C++ и оболочки Unix. Символы // и # обозначают начало однострочных комментариев, /* и */ – соответственно начало и конец многострочных комментариев. [11]

4. Переменные и константы. Важным элементом каждого языка являются переменные, константы и операторы, применяемые к этим переменным и константам.

Переменные. Переменная в PHP обозначается знаком доллара, за которым следует ее имя (например: $my_var). Имя переменной чувствительно к регистру, т.е. переменные $my_var и $My_var различны.

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

В PHP 3 переменные всегда присваивались по значению. То есть когда вы присваиваете выражение переменной, все значения оригинального выражения копируется в эту переменную. PHP 4, кроме этого, предлагает еще один способ присвоения значений переменным: присвоение по ссылке. Для того чтобы присвоить значение переменной по ссылке, это значение должно иметь имя, т.е. оно должно быть представлено какой-либо переменной. Чтобы указать, что значение одной переменной присваивается другой переменной по ссылке, нужно перед именем первой переменной поставить знак амперсанд &. [7]

Константы. Для хранения постоянных величин, т.е. таких величин, значение которых не меняется в ходе выполнения скрипта, используются константы. Такими величинами могут быть математические константы, пароли, пути к файлам и т.п. Основное отличие константы от переменной состоит в том, что ей нельзя присвоить значение больше одного раза и ее значение нельзя аннулировать после ее объявления. Кроме того, у константы нет приставки в виде знака доллара и ее нельзя определить простым присваиванием значения. Для определения константы существует специальная функция define(). Ее синтаксис таков:

define("Имя_константы", "Значение_константы", [Нечувствительность_к_регистру])

По умолчанию имена констант чувствительны к регистру. Существует соглашение, по которому имена констант всегда пишутся в верхнем регистре. Получить значение константы можно, указав ее имя. В отличие от переменных, не нужно предварять имя константы символом $. Кроме того, для получения значения константы можно использовать функцию constant() с именем константы в качестве параметра.

Кроме переменных, объявляемых пользователем, в PHP существует ряд констант, определяемых самим интерпретатором. Например, константа FILE хранит имя файла программы (и путь к нему), которая выполняется в данный момент, FUNCTION содержит имя функции, CLASS – имя класса, PHP_VERSION – версия интерпретатора PHP. [8]

Active Server Pages (ASP) – это серверная среда для разработки и выполнения динамических интерактивных веб-приложений. Средства ASP позволяют объединить возможности HTML-страниц, команд сценариев и компонентов COM в интерактивных веб-страницах и мощных веб-приложениях, делают удобным и легким процесс их создания и изменения.

ASP также имеет большое количество возможностей (удобный способ объединение Server-Side Script c HTML, скриптовый подход, концепция «Session», использование компонентов COM, удобный набор объектов-утилит, обработка ошибок, интеграция XML и др.), но уступает РНР по быстроте обработки сценариев (РНР не использует COM как основу работы), совместимостью с различными операционными системами (ASP рассчитан на Windows), работе с СУБД (ASP ориентирован прежде всего на СУБД от Microsoft). Встроенный в ASP-страницы SQL усложняет код и делает его непереносимым на другой источник данных. ASP можно однозначно порекомендовать для разработки сложных приложений на платформе MS Windows (IIS) с использованием технологий COM, DCOM, ActiveX и т. д.

Расширяемый язык разметки (XML) является подклассом стандартного языка разметки (SGML). XML был задуман как гибкий и в то же время формальный метаязык для использования в Интернете. Его назначение – описывать языки разметки. XML можно применять как на стороне сервера, так и на стороне клиента. XML подходит и для создания баз данных. В документе XML используется древовидная структура хранения данных. Хотя по большому счету хранение данных в виде документов XML не слишком эффективно, у такого способа хранения есть свои преимущества. Как и в отношении передачи сообщений, самым большим преимуществом является простота.

Мы выделили критерии сравнения технологий PHP, ASP, XML и, опираясь на них, разработали методические рекомендации в зависимости от конкретного технического задания. Выбор технологии зависит от сложности и формы содержания сайта – для разработки сайтов, не содержащих сценариев и не имеющих возможности обратной связи, следует использовать технологию XML; для разработки несложного, однородного по форме содержания сайта – технологию РНР; для разработки несложного, разнородного по форме содержания сайта – технологию ASP; для разработки сложной разнородной системы следует задействовать все три технологии.

С помощью Dreamweaver были созданы заготовки, реализующие различные задачи (записная книжка, тест, электронный прайс-лист), на базе технологий РНР, XML и ASP. Выбор в пользу того или иного средства разработки делался на основании разработанных ранее методических рекомендаций. По каждой заготовке были приведены следующие данные: структура документа, процесс разработки страниц, фрагменты программного кода с комментариями и конечный вид страниц.

Нами были рассмотрены возможности применения мощного и эффективного инструмента разработки динамических сайтов для реализации технологий ASP, PHP и XML. В работе были изложены теоретические основы сайтостроения средствами разных технологий, реализуемых в рамках одного инструмента. Была разработана методика, которая впоследствии может применяться разработчиками для выбора оптимального средства создания динамических веб-сайтов в зависимости от прикладных задач.

8. Куссуль Н.Н., Шелестов А.Ю. Использование PHP. Самоучитель. – М.: Вильямс, 2006. – 117 с.

9. Кэгл К. XML. – М.: ЛОРИ, 2006. – 425 с.

10. Леонтьев Б.К. PHP 5.0 для начинающих, или как создать динамичный Web-сайт. – М.: Новый издательский дом, 2006. – 109 с.

11. Мазуркевич А., Еловой Д. PHP: настольная книга программиста. – М.: Новое знание, 2006. – 242 с.

12. Мак Т., Вест Р. Dreamweaver MX 2004. Шаг за шагом. Самоучитель. – М.: ЭКОМ, 2006. – 312 с.

13. Молер Дж., Боуэн К. Dreamweaver MX 2004. Руководство Web-дизайнера. – М.: ЭКСМО, 2005. – 67 с.

14. Старыгин А. XML Разработка WEB-приложений. – СПб.: BHV-Санкт-Петербург, 2003. – 199 с.

15. Фландерс Й. ASP - взгляд изнутри. Для программистов. – М.: ДМК-Пресс, 2001. – 135 с.

16. Хабибуллин И.Ш. Самоучитель XML. – СПб.: BHV-Санкт-Петербург, 2003. – 111 с.

17. Хестер Н. Создание Web-страниц в Dreamweaver. – М.: НТ Пресс, 2005. – 104 с.

18. Шкрыль А.А. PHP - это просто. Программируем для Web-сайта. – СПб.: BHV-Санкт-Петербург, 2006. – 161 с.