Опубликован: 24.12.2006 | Уровень: для всех | Доступ: свободно
Введение 1:

О курсе

Введение 1: 12 || Урок 1 >

Macromedia Dreamweaver в течение нескольких лет является лидером на рынке визуальных HTML-редакторов. В программе сочетаются мощь, необычно высокое качество генерации кода и простота использования. Тем не менее, начиная с выхода первой версии Dreamweaver, сеть постоянно менялась. За прошедшие годы многочисленные технологии, многие из которых развивались независимо от сети, превратились в ключевые инструменты для веб-разработки. Среди них, например, JavaScript, базы данных, SQL, Java, WML, WSDL, каскадные таблицы стилей, XML, XSLT, CGI-сценарии, и, помимо всего этого, ряд новых серверных языков, позволяющих разработчикам преобразовывать веб-страницы в профессиональные интерактивные веб-приложения, управляемые базами данных. К таким языкам относятся Macromedia ColdFusion, Microsoft ASP и ASP.NET, а также JSP и PHP. Без ущерба для простоты использования или качества генерируемого кода, которые всегда являлись отличительными чертами программы Dreamweaver компании Macromedia, данная программа впитала эти технологии, тем самым предоставив возможность не только работать с каждой из них по отдельности, но и создавать высокоэффективные приложения путем сочетания нескольких.

Предварительные замечания

Программа Dreamweaver создавалась с учетом стремительного развития сетевых технологий и, в то же время, многие разработчики не поспевали за столь бурным развитием технологических новшеств. HTML, редактирование изображений и каскадные таблицы стилей — это одно, а объектные модели документа, циклы с оператором for, относительные данные, объединение массивов, наборы записей, файлы cookie и методы — это совсем иное. Карьера веб-дизайнеров, во многом, определяется их способностью совершить переход от статичного HTML к полноценным динамическим веб-приложениям, — что, разумеется, подразумевает знание хотя бы некоторых из указанных технологий.

Именно это является причиной создания этого курса. После выполнения предложенных в курсе практических упражнений вы приобретете уверенные навыки работы с тремя наиболее популярными сегодня языками разработки приложений: Microsoft ASP (VBScript), Macromedia ColdFusion Markup Language (CFML) и открытым языком PHP. Помимо этого, в курсе приведена информация о разработке баз данных, написании SQL-запросов, каскадных таблицах стилей, новом стандарте XHTML и о многом другом.

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

Для работы с курсом потребуется следующее:

  • знание основ работы с операционной системой, в частности, использования системного меню и управления файлами;
  • установленная программа Dreamweaver MX, а также соответствие компьютера системным требованиям, необходимым для ее запуска;
  • умение работать в Dreamweaver, в том числе, использовать различные панели, включая панель инспектора свойств, и главное меню. Понимание процесса регистрации сайта и работы с панелью Site (Сайт);
  • понимание принципов работы HTML-кода, знание наиболее употребляемых тегов и атрибутов, таких как <p>, <table>, <tr>, <td>, <ol>, <ul>, <h1>, <h2> и <img>. Понимание общих принципов HTML, например, различия между абсолютными и относительными ссылками коррект-ности вложения тегов и разницы между заголовком и телом документа.

Принцип построения курса

В упражнениях учебного курса от компании Macromedia демонстрируется, как при помощи ASP, ColdFusion и PHP создавать в Dreamweaver MX 2004 интерактивные веб-приложения, управляемые базами данных. Курс состоит из следующих уроков:

  • "Урок 1" . Введение в Newland Tours.
  • "Урок 2" . Модернизация до XHTML.
  • "Урок 3" . Работа по усовершенствованию дизайна сайта.
  • "Урок 4" . Динамические веб-сайты.
  • "Урок 5" . Перемещение данных между страницами.
  • "Урок 6" . Отправка электронной почты с помощью веб-формы.
  • "Урок 7" . Создание приложения для расчета стоимости путешествий.
  • "Урок 8" . Базы данных в сети.
  • "Урок 9" . Завершение создания приложения для расчета стоимости путешествий.
  • "Урок 10" . Фильтрация и отображение данных.
  • "Урок 11" . Создание разделов с информацией о путешествиях.
  • "Урок 12" . Создание поисковых интерфейсов.
  • "Урок 13" . Аутентификация пользователей.
  • "Урок 14" . Управление контентом при помощи форм.
  • "Урок 15" . Создание страниц для обновления.
  • "Урок 16" . Написание простой CMS вручную.

Работа над проектом сайта

При работе с курсом будет создаваться сайт виртуального туристического агентства Newland Tours, которое занимается организацией путешествий по многим странам мира. На данный момент список путешествий содержится на статичной HTML-странице. Особенностью подобного сайта, так же, как и многих других, является то, что на сайт регулярно добавляются новые туры и удаляются старые, а данные по ним (особенно цены) часто меняются. Среди сотрудников Newland Tours нет профессионального веб-разработчика, который мог бы постоянно обновлять и поддерживать сайт, поэтому в курсе будет предложен способ обновления контента на сайте рядовыми работниками компании. Более того, с помощью этого курса веб-дизайнеры научатся создавать удобную поисковую систему, чтобы посетители сайта могли легко сортировать список путешествий и без труда прокручивать страницу с большим числом данных.

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

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

Соглашения

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

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

Полужирный шрифт. В каждом уроке основные этапы, новые термины и ключевые фрагменты выделяются полужирным шрифтом.

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

Команды меню и комбинации клавиш. Нередко существует несколько способов выполнить одно и то же действие в Dreamweaver. Такие способы приводятся в каждом уроке. В командах меню связь между его пунктами обозначается следующим образом: Меню\Команда1\Команда2. Для обозначения комбинаций клавиш употребляется значок "+" между их названиями. Это означает, что нужно нажимать клавиши одновременно. Например, (Shift)+(Tab) означает, что нужно при нажатой клавише (Shift) одновременно нажать и клавишу (Tab).

Необходимое программное обеспечение (ПО). Файлы для выполнения практических заданий расположены в папке, имя которой соответствует уроку: Lesson01, Lesson02 и т.д. Внутри каждой папки к урокам находятся папки Start и Complete, соответствующие состояниям сайта Newland Tours в начале и в конце урока. В уроках, идущих после нескольких первых, где применяются одни и те же файлы, вне зависимости от используемой серверной модели (ASP, ColdFusion или PHP), папки Start и Complete состоят из подкаталогов, соответствующих каждой серверной модели — newland-asp, newland-cfm и newland-php.

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

Введение 1: 12 || Урок 1 >
Юрий Макушин
Юрий Макушин
Россия, Москва, РЭА им. Плеханова, 2004