2. Работа с Dreamweaver
Использование регулярных выражений
Как и было обещано, сейчас вы познакомитесь с регулярными выражениями. Чем же они могут нам помочь в процессе работы с Dreamweaver?
Представим себе какую-либо ситуацию. Например такую: вам нужно найти в исходном коде HTML страницы интернет-адрес, причем любой адрес. Как вы будете это делать? Правильно, введёте в поле Search For окна поиска и замены (см. рис. 2.27) символы www. И найдете... кое-что. Но далеко не всё. Ведь интернет-адреса начинаются не только на "www". Что в этом случае искать? Точку? Но точек в тексте и так хватает, и далеко не каждая из них будет являеться частью интернет-адреса.
В этом случае, во время работы в dreamweaver нам на помощь придет регулярное выражение. Оно будет иметь следующий вид:
"http://.+\..{2,3}"
Ну и как оно вам? Больше напоминает некий бессмысленный набор символов, в котором с превеликим трудом угадывается что-то знакомое. А теперь давайте попробуем разобраться:
- <"http://> - Первая кавычка и начало интернет-адреса
- <.> - Точка обозначает любой символ
- <+> - Плюс обозначает, что предыдущий символ должен повториться минимум один раз
- <\.> - Обычная точка. Ее предваряет обратная косая черта, т. к. точка — служебный символ
- <.> - Опять любой символ
- {2,3} - Предыдущий символ должен повторяться от двух до трех раз
- <"> - Закрывающая кавычка
Вы можете попробовать это регулярное выражение в действии. Только не забудьте выбрать в раскрывающемся списке Search For пункт Source Code.
Как вы видите, в регулярных выражениях используются спецсимволы, иначе говоря, литералы. С их-то помощью и задают необходимые вам условия поиска тех или иных символов. Если вам необходимо найти какой-либо символ, совпадающий с литералом, вы должны будете предварить его обратной косой чертой. Например, чтобы найти запятую, вы должны использовать такую последовательность символов: "\,"
При помощи регулярных выражений вы можете выполнять поиск различных словосочетаний и отдельных слов. Например, регулярное выражение совпадает со словами "multimedia" и "hypermedia", но не совпадает со словом "media". Литерал | задает поиск либо первой, либо второй подстроки (в нашем случае либо "multi", либо "hyper"), а скобки использованы для того, чтобы отделить друг от друга две части выражения. Если бы мы их не поставили, получилось бы выражение
"(multi | hyper) media" "multi | hypermedia"
совпадающее со словами "multi" и "hypermedia". А регулярное выражение
"/b.+@.+\.com"
ищет адреса электронной почты на серверах, чей адрес в интернете заканчивается на "com". Здесь вам уже всё знакомо, за исключением лишь литерала /b, означающего границу слова. То есть точка задает поиск любого символа, а /b. — только символа, с которого начинается слово (пробел или возврат каретки). Хорошо, при поиске подстрок регулярные выражения очень нам помогают. Но помогут ли они при замене? Еще как!
Предположим, например, что нам необходимо найти все нужные адреса электронной почты и заменить у них окончание "com" на "ш". Для поиска в этом случае мы используем уже знакомое и работающее регулярное выражение:
"/b(.+@.+\.)com"
Постойте, но зачем мы взяли часть его в скобки? Ведь скобки используются для группировки, отделения части регулярного выражения от других частей. Здесь же ничего отделять не нужно — все и так работает. А вот зачем. Дело в том, что Dreamweaver, кроме всего прочего, помещает подстроку, совпадающую с заключенной в скобки частью регулярного выражения, в особую ячейку памяти, откуда ее можно потом будет извлечь. Таких ячеек памяти всего девять, и обращаться к их содержимому можно по номеру. В частности, извлечь содержимое первой ячейки в нашем случае можно так:
"$1"
Тогда заменить окончание почтового адреса можно с помощью такого регулярного выражения:
"$1ru"
Здесь все совсем просто. Мы берем первую подстроку и добавляем к ней окончание "ru". Наберите в окне документа несколько произвольных адресов электронной почты и проверьте наши выражения. Они работают.
Напоследок самое время привести полный список всех литералов регулярных выражений:
| ^ | Начало строки |
| $ | Конец строки |
| * | Предыдущий символ должен встретиться ноль, один или больше раз |
| + | Предыдущий символ должен встретиться один или больше раз |
| . | Любой символ за исключением символа новой строки |
| х|у | Должен встретиться символ х или символ у |
| {n} | Предыдущий символ должен встретиться точно n раз |
| {m, n} | Предыдущий символ должен встретиться от n до m раз |
| [abc] | Должен встретиться один из символов, перечисленных в квадратных скобках. Можно задавать диапазоны символов, например [a-d] заменяет [abed] |
| [^аbс] | Должен встретиться любой символ, кроме перечисленных в квадратных скобках. Можно задавать диапазоны символов |
| \b | Граница слова (пробел или возврат каретки) |
| \B | Не граница слова |
| \d | Любая цифра. Эквивалентен [0-9] |
| \в | Любой символ, кроме цифры. Эквивалентен [^0-9] |
| \f | Прогон листа |
| \n | Перевод строки |
| \r | Возврат каретки |
| \s | Любой пробельный символ (пробел, табуляция, прогон страницы или перевод строки) |
| \S | Любой символ, кроме пробела |
| \t | Табуляция |
| \w | Любой алфавитно-цифровой символ или подчеркивание. Эквивалентен [a-zA-Z0-9_] |
| \W | Любой символ, кроме алфавитно-цифрового и подчеркивания. Эквивалентен [^а-zА-z0-9 ] |
Просмотр Web-страницы
Хоть Dreamweaver в режиме просмотра страницы и представляет ее почти в таком виде, как она будет показана в Web-обозревателе, все же часто возникает необходимость увидеть ее в самом Web-обозревателе. Дело в слове "почти": все-таки Dreamweaver не может учесть многие тонкости конкретной программы просмотра. И такая возможность предусмотрена: не закрывая окна документа, вы можете вызвать любой из установленных на компьютере Web-обозревателей и оценить окончательный вид своего творения, так сказать, "в родной обстановке".
Microsoft Internet Explorer и Netscape Navigator, установленные на компьютере, Dreamweaver обнаруживает и заносит в свои настройки сам, сразу при инсталляции. Если же вы установили какую-то из этих программ уже после установки Dreamweaver или пользуетесь другой программой для просмотра Web-страниц (например, Opera или Mozilla), вам придется соответственно изменить настройки Dreamweaver, чтобы добавить ее в список установленных программ просмотра. Как это сделать, будет рассказано в конце главы.
Примечание
Профессиональные Web-дизайнеры обычно устанавливают на своих компьютерах несколько браузеров: Internet Explorer, Navigator, Opera и Mozilla разных версий. Каждую разрабатываемую Web-страницу они тестируют на всех этих программах на предмет совместимости друг с другом. Но, поскольку последние версии всех этих программ отображают Web-страницы бо лее-менее одинаково (за исключением, может быть, Opera), вы можете ограничиться Internet Explorer 6.0, который установлен по умолчанию на любой компьютер с операционной системой Windows. (Если, конечно, в ваши задачи не входит разработка страниц под экзотические браузеры.)
Давайте просмотрим в Internet Explorer нашу страничку, загруженную сейчас в окно документа. Для этого нажмем клавишу <F12>. На экране появится окно Web-обозревателя, знакомое нам по рис. 1.1.
Есть еще два способа вызова Web-обозревателя для просмотра редактируемой страницы. Первый из них — использование кнопки Preview/Debug in Browser инструментария документа. Эта кнопка показана на рис. 2.31.
Как видите, при нажатии этой кнопки появляется меню, предлагающее несколько пунктов. В данный момент нас интересует пункт Previews in iexplore. При выборе его, как вы уже поняли, открывается окно Internet Explorer, где будет загружена разрабатываемая вами страница.
Второй способ вызвать Web-обозреватель — это использовать подменю Preview in Browser меню File. В нем вы увидите пункт iexplore, аналогичный вышеописанному. Выбрав его, вы получите тот же самый результат.