3. Щелкаем на кнопке ок.

После создания Web-узла обычно переходят к работе с отдельными документами. Можно начать с создания новых HTML-документов (в том числе, на основе шаблонов), а можно импортировать уже готовые, вне зависимости от того, как они созданы и что в них содержится.

В первом случае необходимо выбрать в меню окна редактирования команду File > New (файл > создать). Если вы после этого откроете окно инспектора HTML-кода, то увидите, что новый документ на самом деле не совсем пустой, как можно было бы подумать, а содержит готовые HTML-теги HEAD и BODY, призванные помочь начать создавать документ. По мере того как будет набираться текст и вставляться объекты, все это будет отображаться в виде строк HTML-кода в окне инспектора HTML-кода.

В принципе, в технологии ввода в документ текста и объектов трудно придумать что-нибудь новое. Текст может как вводиться с клавиатуры, так и копироваться через буфер обмена из других редакторов. Если необходимо добавить в документ один или несколько объектов, выберите команду Window > Objects (окно > объекты), чтобы открыть палитру объектов. Найдите кнопку требуемого объекта и перетащите ее в окно редактирования документов. Для большинства объектов после перетаскивания появляется окно диалога, в котором от нас потребуется ввести некоторые параметры объекта.

Каждая HTML-страница имеет свой уникальный адрес в Интернете, который называется универсальным указателем ресурса (Uniform Resource Locator, URL). Вообще-то, когда создается локальная гиперссылка (реализуя связь между двумя документами, расположенными на одном и том же Web-узле), совсем не обязательно указывать полный URL на документ. Вместо этого можно указать относительный путь от данной страницы или от корневой папки Web-узла. Далее представлены примеры трех типов гиперссылок, используемых при связывании документов. Абсолютный путь: http://www.akpo.nn.ru/rus/index.html.

- путь относительно просматриваемого документа: rus/index.html.

- путь относительно корневой папки Web-узла: /support/www. akpo.nn.ru/rus/index.html.

Средствами Dreamweaver можно с легкостью создавать гиперссылки любого из вышеперечисленных типов.

Абсолютный путь задается полным URL документа, на который устанавливается гиперссылка. Такой тип гиперссылок обычно используется для связывания документов, расположенных на разных Web-узлах. Основное неудобство абсолютного пути заключается в том, что при переносе файлов на другой сервер в Интернете требуется менять все гиперссылки.

Путь относительно документа наиболее распространен при создании гиперссылок. Обычно он используется для связывания документов, расположенных на одном и том же Web-узле, когда структура проекта уже устоялась и в ближайшее время кардинально меняться не будет. В пути относительно документа обычно задается только та часть URL, которая отличается у двух связываемых документов, то есть если два документа находятся в одной папке, то достаточно указать название документа, на который указывает гиперссылка. Даже если файлы расположены в разных папках, к примеру, один – во вложенной папке основной папки, то следует указать имя вложенной папки, а затем прямой слеш и имя документа. При перемещении группы файлов, например, содержимого целой папки, относительные пути между этими документами не изменятся. В случае же переноса одного конкретного документа в окне Site (узел) тоже не стоит заботиться об изменении гиперссылок, поскольку Dreamweaver контролирует правильность относительных связей автоматически.

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

Создадим страницу и на ней разместим гиперссылки на другие заранее подготовленные документы.

Окно Site (узел) предназначено для просмотра локальных и удаленных Web-узлов, добавления и удаления документов из проекта и работы над структурой гиперссылок.

Наибольший интерес представляет тест для родителей, который позволяет по способу ответов на вопросы, определить употребляет ли подросток наркотики и нуждается ли в помощи. Тест написан программистами ООО «Информационно-консалтинговая служба» с использованием технологий DHTML (Dynamic html), CSS и Java-script листинг теста приведен в приложении.

Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходится каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого.

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

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

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

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

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