Узнайте о том, каким образом Dreamweaver поддерживает разные языки программирования, которые используются для создания веб-сайтов.
Самыми популярными языками программирования для проектирования и разработки полнофункциональных веб-сайтов являются HTML, HTML5 и CSS для клиентских приложений, а также PHP, JavaScript, Java и jQuery для серверных приложений.
С помощью CSS можно спроектировать внешний вид веб-сайта (например, шрифты и цвета). Затем можно использовать HTML для вставки изображений, текста, видео, форм и других фрагментов контента и формирования целостной веб-страницы.
Совместное использование CSS и HTML позволяет создать статический сайт. Однако для большинства веб-сайтов необходима некоторая форма взаимодействия (например, необходимо потребовать от пользователя заполнить форму или совершить платеж) и база данных для хранения всех данных веб-сайта.
Для создания таких внутренних каналов связи необходим серверный язык программирования (например, PHP), который взаимодействует с базой данных.
Языки программирования, поддерживаемые Dreamweaver
Помимо возможностей редактирования текста, Adobe Dreamweaver предоставляет различные функции, такие как подсказки по коду, которые помогают программировать на следующих языках:
- HTML
- PHP
- CSS
- JavaScript
Другие языки, такие как Perl, не поддерживаются функциями программирования для конкретных языков в Dreamweaver; например, вы можете создавать и редактировать файлы Perl, но подсказки по коду не применяются к этому языку.
Автоматическое изменение кода
Вы можете задать параметры, с помощью которых Dreamweaver будет автоматически очищать ваш написанный вручную код согласно указанным вами критериям.Однако ваш код никогда не переписывается, если не включены параметры переписывания кода или вы не выполняете действие, которое изменяет код.Например, Dreamweaver не изменяет пробелы и не меняет регистр атрибутов, если вы не используете команду «Применить форматирование источника».
Некоторые из этих параметров исправления кода включены по умолчанию.
Возможности Roundtrip HTML в Dreamweaver позволяют перемещать ваши документы туда и обратно между текстовым HTML-редактором и Dreamweaver с минимальным влиянием на контент и структуру исходного HTML-кода документа.К числу этих возможностей относятся следующие.
Для редактирования текущего документа используйте сторонний текстовый редактор.
По умолчанию Dreamweaver не вносит изменения в код, созданный или отредактированный в других HTML-редакторах, даже если код недействителен, если вы не включите параметры переписывания кода.
Dreamweaver не изменяет теги, которые он не распознает — включая XML-теги — поскольку у него нет критериев для их оценки.Если нераспознанный тег перекрывается с другим тегом (например, <MyNewTag><em>text</MyNewTag></em>)), Dreamweaver отмечает это как ошибку, но не переписывает код.
При необходимости вы можете настроить Dreamweaver на выделение недействительного кода в представлении «Код» (желтым цветом).Когда вы выбираете выделенную область, инспектор свойств отображает информацию о том, как исправить ошибку.
Код XHTML
Dreamweaver генерирует новый XHTML-код и очищает существующий XHTML-код таким образом, чтобы соответствовать большинству требований XHTML.Также предоставляются инструменты, необходимые для выполнения оставшихся требований XHTML.
Некоторые из требований также необходимы в различных версиях HTML.
В приведенной ниже таблице описаны те спецификации XHTML, которые Dreamweaver соблюдает автоматически.
Спецификация XHTML |
Действия, выполняемые приложением Dreamweaver |
|---|---|
В документе должно быть объявление DOCTYPE перед корневым элементом, и объявление должно ссылаться на один из трех файлов определения типа документа (DTD) для XHTML (строгий, переходный или набор фреймов). |
Добавляет объявление XHTML DOCTYPE в документ XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Или, если документ XHTML содержит набор фреймов: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> |
Корневым элементом документа должен быть html, и элемент html должен указывать пространство имен XHTML. |
Добавляет атрибут namespace к элементу html следующим образом: <html xmlns="http://www.w3.org/1999/xhtml"> |
Стандартный документ должен иметь структурные элементы head, title и body.Документ с набором фреймов должен иметь структурные элементы head, title и frameset. |
В стандартном документе включает элементы head, title и body.В документе с набором фреймов включает элементы head, title и frameset. |
Все элементы в документе должны быть правильно вложены. <p>Это плохой пример.</p></i> <p>Это хороший пример.</i></p> |
Создает правильно вложенный код и при очистке XHTML исправляет вложенность в коде, который не был создан в Dreamweaver. |
Все имена элементов и атрибутов должны быть в нижнем регистре. |
Принудительно переводит имена элементов и атрибутов HTML в нижний регистр в коде XHTML, который он создает, и при очистке XHTML, независимо от ваших настроек регистра тегов и атрибутов. |
Каждый элемент должен иметь закрывающий тег, если только он не объявлен в DTD как EMPTY. |
Вставляет закрывающие теги в код, который он создает, и при очистке XHTML. |
Пустые элементы должны иметь закрывающий тег или открывающий тег должен заканчиваться />. Например, <br> не действителен; правильная форма — <br></br> или <br/>. Ниже приведены пустые элементы: area, base, basefont, br, col, frame, hr, img, input, isindex, link, meta и param. И для обратной совместимости с браузерами, которые не поддерживают XML, должен быть пробел перед /> (например, <br />, а не <br/>). |
Вставляет пустые элементы с пробелом перед закрывающей косой чертой в пустых тегах в коде, который он создает, и при очистке XHTML. |
Атрибуты не могут быть минимизированы; например, <td nowrap> не действителен; правильная форма — <td nowrap="nowrap">. Это затрагивает следующие атрибуты: checked, compact, declare, defer, disabled, ismap, multiple, noresize, noshade, nowrap, readonly и selected. |
Вставляет полные пары «атрибут-значение» в код, который он создает, и при очистке XHTML. Примечание. Если браузер HTML не поддерживает HTML 4, он может не интерпретировать эти логические атрибуты, когда они появляются в полной форме. |
Все значения атрибутов должны быть окружены кавычками. |
Заключает в кавычки значения атрибутов в коде, который он создает, и при очистке XHTML. |
Следующие элементы должны иметь атрибут id, а также атрибут name: a, applet, form, frame, iframe, img и map. Например, <a name="intro">Introduction</a> не действителен; правильная форма — <a id="intro">Introduction</a> или <a id="section1" name="intro"> Introduction</a>. |
Устанавливает атрибуты name и id в одинаковое значение всякий раз, когда атрибут name устанавливается инспектором свойств в коде, который создает Dreamweaver, и при очистке XHTML. |
Для атрибутов со значениями перечисляемого типа значения должны быть в нижнем регистре. Значение перечисляемого типа — это значение из указанного списка разрешенных значений; например, атрибут align имеет следующие разрешенные значения: center, justify, left и right. |
Принудительно переводит значения перечисляемых типов в нижний регистр в коде, который он создает, и при очистке XHTML. |
Все элементы script и style должны иметь атрибут type. (Атрибут type элемента script требуется с HTML 4, когда атрибут language был объявлен устаревшим.) |
Задает атрибуты type и language в элементах script и атрибут type в элементах style в создаваемом коде и при очистке XHTML. |
Все элементы img и area должны иметь атрибут alt. |
Задает эти атрибуты в создаваемом коде и при очистке XHTML сообщает об отсутствующих атрибутах alt. |
Регулярные выражения
Регулярные выражения — это шаблоны, описывающие комбинации символов в тексте.Используйте их при поиске в коде для описания таких концепций, как строки, начинающиеся с «var», и значения атрибутов, содержащие число.
В следующей таблице перечислены специальные символы в регулярных выражениях, их значения и примеры использования.Чтобы найти текст, содержащий один из специальных символов в таблице, экранируйте специальный символ, поставив перед ним обратную косую черту.Например, чтобы найти сам символ звездочки в фразе some conditions apply*, шаблон поиска должен выглядеть так: apply\*.Если вы не экранируете звездочку, вы найдете все вхождения «apply» (а также любые из «appl», «applyy» и «applyyy»), а не только те, за которыми следует звездочка.
Символ |
Соответствия |
Пример |
|---|---|---|
^ |
Начало строки ввода. |
^T соответствует «T» в «This good earth», но не в «Uncle Tom's Cabin» |
$ |
Конец строки ввода. |
h$ соответствует «h» в «teach», но не в «teacher» |
* |
Предшествующий символ встречается 0 или более раз. |
um* соответствует «um» в «rum», «umm» в «yummy» и «u» в «huge» |
+ |
Предшествующий символ встречается 1 или более раз. |
um+ соответствует «um» в «rum» и «umm» в «yummy», но ничему в «huge» |
? |
Предшествующий символ не более одного раза (то есть указывает, что предшествующий символ необязателен). |
st?on соответствует «son» в «Johnson» и «ston» в «Johnston», но ничему в «Appleton» или «tension» |
. |
Любой одиночный символ, кроме символа новой строки. |
.an соответствует «ran» и «can» во фразе «bran muffins can be tasty» |
x|y |
Либо x, либо y. |
FF0000|0000FF соответствует «FF0000» в bgcolor="#FF0000" и «0000FF» в font color="#0000FF" |
{n} |
Ровно n вхождений предыдущего символа. |
o{2} соответствует «oo» в «loom» и первым двум o в «mooooo», но ничему в «money» |
{n,m} |
Не менее n и не более m вхождений предшествующего символа. |
F{2,4} соответствует «FF» в «#FF0000» и первым четырем F в #FFFFFF |
[abc] |
Любой из символов, заключенных в скобки.Укажите диапазон символов с дефисом (например, [a-f] эквивалентно [abcdef]). |
[e-g] соответствует «e» в «bed», «f» в «folly» и «g» в «guard» |
[^abc] |
Любой не заключенный в скобки символ. Укажите диапазон символов с дефисом (например, [^a-f] эквивалентно [^abcdef]). |
[^aeiou] изначально соответствует «r» в «orange», «b» в «book» и «k» в «eek!» |
\b |
Граница слова (например, пробел или символ возврата каретки). |
\bb сопоставляется с «b» в «book», но ни с чем в «goober» или «snob» |
\B |
Любой символ, кроме границы слова |
\Bb сопоставляется с «b» в «goober», но ни с чем в «book» |
\d |
Любой символ цифры. Аналогично [0-9]. |
\d сопоставляется с «3» в «C3PO» и «2» в «apartment 2G» |
\D |
Любой символ, кроме символов цифр. Аналогично [^0-9]. |
\D сопоставляется с «S» в «900S» и «Q» в «Q45» |
\f |
Символ прогона страницы |
|
\n |
Символ новой строки |
|
\r |
Символ возврата каретки |
|
\s |
Любой одиночный символ пробела, включая пробел, табуляцию, разрыв страницы или разрыв строки. |
\sbook сопоставляется с «book» в «blue book», но ни с чем в «notebook» |
\S |
Любой единичный символ, кроме разделителей. |
\Sbook сопоставляется с «book» в «notebook», но ни с чем в «blue book» |
\t |
Символ табуляции. |
|
\w |
Любой символ алфавита или цифра, включая символ подчеркивания. Аналогично [A-Za-z0-9_]. |
b\w* сопоставляется с «barking» в «the barking dog» и с «big» и «black» в «the big black dog» |
\W |
Любой символ, кроме символов алфавита и цифр. Эквивалентно [^A-Za-z0-9_]. |
\W сопоставляется с «&» в «Jake&Mattie» и «%» в «100%» |
Control+Enter или Shift+Enter (Windows), или Control+Return или Shift+Return или Command+Return (Macintosh) |
Символ возврата. Убедитесь, что вы отменили выбор параметра Игнорировать различия пробелов при поиске, если не используете регулярные выражения. Обратите внимание, что это соответствует определенному символу, а не общему понятию разрыва строки; например, это не соответствует тегу <br> или тегу <p>.В представлении «Дизайн» символы возврата отображаются как пробелы, а не как символы разрыва строки. |
Используйте круглые скобки для группировки в регулярном выражении, на которую можно будет ссылаться позже. Затем используйте $1, $2, $3 и так далее в поле «Заменить на», чтобы ссылаться на первую, вторую, третью и последующие группировки в скобках.
В поле «Искать» для ссылки на группировку в скобках ранее в регулярном выражении используйте \1, \2, \3 и так далее вместо $1, $2, $3.
Например, поиск (\d+)\/(\d+)\/(\d+) и замена на $2/$1/$3 меняет местами день и месяц в дате, разделенной косыми чертами, тем самым преобразуя американский формат даты в европейский.
Код поведения сервера
Когда вы разрабатываете динамическую страницу и выбираете поведение сервера на панели «Поведения сервера», Dreamweaver вставляет один или несколько блоков кода на вашу страницу, чтобы поведение сервера работало.
Если вы вручную измените код в блоке кода, вы больше не сможете использовать такие панели, как «Привязки» и «Поведения сервера» для редактирования поведения сервера. Dreamweaver ищет определенные шаблоны в коде страницы для обнаружения поведений сервера и отображения их на панели «Поведения сервера». Если вы каким-либо образом измените код блока кода, Dreamweaver больше не сможет обнаружить поведение сервера и отобразить его на панели «Поведения сервера». Однако поведение сервера все еще существует на странице, и вы можете редактировать его в среде кодирования в Dreamweaver.
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
