В данном окне в поле Образец нужно ввести фрагмент текста или программного кода, который требуется найти. Например, на рис. ► .8 в данном поле введено значение
, следовательно – данный тег будет являться объектом поиска.
Под полем Образец с помощью соответствующих параметров можно выполнить дополнительную настройку поиска. Если установлен флажок Только слово целиком, то объектом поиска будет являться только целое слово или текстовый фрагмент, введенный в поле Образец. Иначе говоря, если в поле Образец введено значение Автомобиль, то такое слова, как Авто, при установленном данном флажке в процессе поиска будут игнорироваться.
Если необходимо, чтобы в процессе поиска учитывался регистр символов (прописные или строчные), то установите флажок С учетом регистра. В этом случае, если в поле Образец введено слово Авто, то слово авто при поиске будет проигнорировано.
С помощью переключателя Направление вы можете задать направление поиска относительно текущего положения курсора. Если этот переключатель установлен в положение Вверх, то поиск будет вестись от курсора к началу документа, а при выборе положения Вниз – от курсора к концу документа.
Чтобы начать поиск в соответствии с установленными параметрами, нажмите в данном окне кнопку Найти. В этом случае будет найден первый результат, отвечающий критериям поиска, а чтобы найти следующий, нужно будет повторить поиск. Чтобы найти сразу все соответствующие условиям поиска результаты, нажмите кнопку Найти все.
Кнопка Закрыть предназначена для выхода из данного режима без выполнения поиска.
Чтобы повторить поиск в соответствии с установленными ранее параметрами, выполните команды главного меню Поиск ► Найти далее либо нажмите клавишу F3.
Возможности программы предусматривают не только автоматический поиск, но и быструю замену данных. Это позволяет оперативно внести требуемые корректировки в программный код. Например, вы хотите, чтобы все элементы, которые раньше на странице отображались желтым цветом, стали голубыми. Для этого вам необязательно просматривать весь программный код, вручную заменяя yellow на blue, а просто задать соответствующий режим замены – и все будет сделано моментально.
Для перехода в режим настройки параметров замены выполните команду главного меню Поиск ► Заменить либо нажмите комбинацию клавиш Ctrl+H. Также для этого можно воспользоваться кнопкой Заменить в тексте, которая находится в инструментальной панели. При выполнении любого из перечисленных действий на экране отобразится окно, изображенное на рис. ► .9.
Рис. ► .9. Настройка параметров замены
В данном окне в поле Найти нужно ввести слово или текстовый фрагмент, который является объектом поиска, а в поле Заменить – слово или текстовый фрагмент, которым нужно заменить объект поиска. Вы можете осуществлять поиск и замену как во всем документе, так и в предварительно выделенном текстовом фрагменте. Требуемый вариант указывается с помощью переключателя Заменить в. Отметим, что значение Выделенном становится доступным только в том случае, если в документе был выделен какой-либо фрагмент.
Чтобы выполнить замену в соответствии с установленными параметрами, нужно нажать в данном окне кнопку Заменить (в этом случае будет найден и заменен первый результат поиска) или Заменить все (в этом случае будут одновременно найдены и заменены все объекты поиска).
В программе реализована полезная функциональность, позволяющая осуществлять быстрый переход к той или иной строке программного кода. Она бывает очень актуальной при работе с большими программными кодами: например, если код включает в себя несколько десятков или сотен строк, то переход к нужной строке может оказаться слишком долгим процессом.
ПРИМЕЧАНИЕ
Напомним, что управление отображением номеров строк осуществляется с помощью кнопки Показать/скрыть номера строк, которая находится в инструментальной панели рабочего окна.
Чтобы быстро перейти к строке, выполните команду главного меню Поиск ► Перейти к строке, либо нажмите комбинацию клавиш Ctrl+G. При этом на экране откроется окно, которое показано на рис. ► .10.
Рис. ► .10. Переход к строке с определенным номером
В данном окне в поле Строка нужно с клавиатуры ввести номер строки, к которой вы намереваетесь перейти, и нажать кнопку ОК либо клавишу Enter.
Описание режимов работы
В общем случае процесс разработки и администрирования веб-сайтов в программе HtmlPad выглядит во многом аналогично тому, как это происходит в программе CatsHtml, с которой мы познакомились в предыдущей главе. Открыв или создав документ, вы выбираете вкладку, и с помощью имеющихся на ней инструментов вносите требуемые корректировки в программный код веб-страницы. Отметим, что главными такими инструментами являются кнопки инструментальной панели. Каждая вкладка имеет свою панель инструментов, которая находится вверху вкладки. Названия кнопок инструментальных панелей отображаются в виде всплывающих подсказок при подведении к ним указателя мыши.
В данном разделе мы рассмотрим режимы работы, которые являются наиболее востребованными у начинающих веб-разработчиков и веб-администраторов.
Основные действия по созданию веб-страницы
По умолчанию при запуске программы открывается вкладка Html/Общие (см. рис. ► .1). Именно здесь обычно начинается создание стандартной HTML-страницы. Чтобы добавить в программный код необходимые теги, атрибуты и прочие элементы, достаточно нажать соответствующие кнопки инструментальной панели. Например, если мы поочередно нажмем первые четыре кнопки панели на вкладке Html/Общие, то программный код в рабочем окне будет выглядеть так, как показано на рис. ► .11.
Рис. ► .11. Пример формирования программного кода
Отметим, что в данном случае после нажатия каждой кнопки нажималась клавиша Enter – в противном случае все теги были бы выстроены поочередно в одной строке.
Теги, которые представлены на рис. ► .11, нам хорошо знакомы. Только порядок их следования несколько нелогичен (поскольку, напомним, мы просто нажали подряд первые четыре кнопки инструментальной панели). Очевидно, что теги
необходимо поместить между тегами .
Теперь отредактируем наш программный код, чтобы придать ему логичный вид, присвоим странице название, и введем какой-нибудь текстовый контент. В результате программный код будет выглядеть так, как показано на рис. ► .12.
Рис. ► .12. Доработанный программный код
Как видно на рисунке, наша страница состоит из трех элементов: название страницы, заголовок первого уровня, а также основной текст. Теперь просмотрим результат (рис. 4.13), воспользовавшись командой главного меню Вид ► Просмотр в браузере (эта команда вызывается также нажатием клавиши F11).
Рис. 4.13. Пример страницы, созданной в программе HtmlPad
Отметим, что вы можете просматривать страницы не только в окне установленного на компьютере Интернет-обозревателя, но и с помощью встроенного в программу браузера. Для этого используйте команду главного меню Вид ► Редактор/Просмотр или просто нажмите клавишу F12.
На вкладке Html/Общие имеется возможность вставки в документ еще целого ряда полезных элементов. Например, с помощью соответствующих кнопок вы можете вставить таблицу, а также добавлять в нее строки и столбцы. Также вы можете создавать формы для отправки данных, и включать в них переключатели, флажки, кнопки и иные инструменты.
Для примера создадим небольшую форму, которая будет включать в себя флажок, текстовое поле, раскрывающийся список, а также кнопки отправки данных и очистки формы.
Напомним, что в первую очередь необходимо создать саму форму – в противном случае добавление флажков, кнопок и иных инструментов не будет иметь никакого смысла. Чтобы добавить форму, после слова примера нажмем Enter (на этой новой строке и начнется код формы) и нажмем в инструментальной панели данной вкладки кнопку Форма передачи параметров. В результате программный код страницы будет выглядеть так, как показано на рис. 4.14.
Рис. 4.14. Добавление формы на веб-страницу
Обратите внимание – на данном рисунке включена нумерация строк. Мы это сделали для того, чтобы в дальнейшем было проще ориентироваться в программном коде.
Далее действуем следующим образом. Установим курсор в строку № 09 (она в данный момент является пустой), и нажмем в инструментальной панели вкладки кнопку Текстовое поле (напомним, что названия кнопок инструментальной панели отображаются в виде всплывающих подсказок при подведении к ним указателя мыши). В результате в программный код страницы будет добавлен фрагмент, необходимый для вставки в форму текстового поля (рис. 4.15).
Рис. 4.15. Ввод кода для добавления в форму текстового поля
Теперь в конце строки 09 нажимаем Enter, и в новой строке добавляем код флажка, нажав в инструментальной панели кнопку Флажок (на ней изображен характерный символ). Затем в конце строки 10 нажимаем Enter, и в новой строке добавляем код раскрывающегося списка, нажав в инструментальной панели кнопку Выпадающий список. После этого в конце строки 13 нажимаем Enter, и в новой строке добавляем код кнопки отправки данных, нажав в инструментальной панели кнопку Кнопка передачи параметров. Затем в конце строки 14 нажимаем Enter и в новой строке добавляем программный код кнопки очистки всех параметров формы, нажав в инструментальной панели кнопку Кнопка очистки формы. После выполнения всех перечисленных действий программный код нашей страницы должен выглядеть так, как показано на рис. 4.16.
Рис. 4.16. Добавление в форму нескольких элементов
Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить либо нажатием комбинации клавиш Ctrl+S, и просмотрим полученный результат в окне Интернет-обозревателя (рис. 4.17), выполнив для этого команду главного меню Вид ► Просмотр в браузере.
Рис. 4.17. Вид страницы с добавленными элементами
На рисунке видно, что в страницу добавлены следующие элементы: текстовое поле, флажок, раскрывающийся список, а также кнопки отправки данных (она называется Добавить) и очистки всех параметров формы.
Путем внесения соответствующих изменений в программный код можно присвоить названия элементам формы, назначить им значения по умолчанию, переименовать, и др.
Работа с текстовым контентом
Теперь перейдем на вкладку HTML/Текст (рис. 4.18). Как нетрудно догадаться по ее названию, находящиеся на ней инструменты предназначены для форматирования и выполнения прочих операций с текстовым контентом веб-страницы.
Рис. 4.18. Вкладка HTML/Текст
Даже не читая названия кнопок инструментальной панели (напомним, что они появляются во всплывающих подсказках) нетрудно догадаться, для чего предназначены многие из них. Например, первая слева кнопка используется для вставки горизонтальной линии, кнопка рядом с ней – для вставки разрыва и перехода на новую строку (то есть для формирования абзацев), следующая кнопка предназначена для вставки пробела, и т. д. Также вы можете применять полужирное, курсивное и подчеркнутое начертания, выравнивать текст, вставлять гиперссылки, и т. д. Отметим, что применение способов начертания, а также некоторых других приемов оформления и форматирования осуществляется к предварительно выделенному фрагменту. Например, если вы хотите в программном коде, который представлен на рис. 4.16, включить полужирное начертание слова страница, то вначале нужно выделить его, а затем в инструментальной панели нажать кнопку Жирность (на ней изображен символ В). В результате строка 07 в программном коде будет выглядеть так: Эта страница создана для примера.
Для выделения параграфов в инструментальной панели данной вкладки предназначена кнопка Новый параграф. При ее нажатии в программный код веб-страницы добавляются теги
. Если перед нажатием данной кнопки был выделен какой-либо текстовый фрагмент, то он будет помещен между этими тегами. Если же текст предварительно не выделялся, то теги появятся в том месте, где находится курсор.
После кнопки Новый параграф следуют четыре кнопки, которые предназначены для размещения текста на странице. Эти кнопки перечислены ниже.
• Расположить по левому краю – при нажатии данной кнопки текст выравнивается по левому краю, а в программный код добавляется фрагмент
.
• Расположить по центру – с помощью данной кнопки текст можно выровнять по центру, при этом в программный код добавляется фрагмент
.
• Расположить по правому краю – при нажатии данной кнопки текст выравнивается по правому краю, при этом в программный код добавляется фрагмент
.
• Растянуть по ширине – в данном случае текст будет растянут по всей ширине веб-страницы, при этом в программный код добавляется фрагмент
.
Как мы уже отмечали ранее, в языке программирования HTML предусмотрено использование шести уровней заголовков. Чтобы создать заголовок требуемого уровня, используйте в инструментальной панели данной вкладки кнопку Заголовок. При нажатии данной кнопки в программный код веб-страницы добавляются теги . Причем если перед нажатием кнопки вы выделите какой-либо текстовый фрагмент, то он будет заключен между этими тегами. В противном случае теги появятся в том месте, где находится курсор. Обратите внимание: в тегах не указан уровень заголовка – его вы должны проставить его самостоятельно.
Для формирования нумерованных списков в инструментальной панели вкладки HTML/Текст предназначена кнопка Нумерованный список. При ее нажатии в программный код добавляются теги
. Чтобы добавить в список новую позицию, используйте кнопку Новый пункт списка, при нажатии которой в программный код добавляются теги . На рис. 4.19 показан программный код, в котором сформирован нумерованный список, состоящий из трех позиций. Обратите внимание – сами названия позиций (Машины, Механизмы и Оборудование) нужно ввести самостоятельно.
Рис. 4.19. Программный код с формированием нумерованного списка
Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить или нажатием комбинации клавиш Ctrl+S, и просмотрим результат в окне Интернет-обозревателя (рис. 4.20).
Рис. 4.20. Нумерованный список
Для формирования маркированных списков в инструментальной панели вкладки HTML/Текст предназначена кнопка Маркированный список. При ее нажатии в программный код добавляются теги
. Чтобы добавить в список новую позицию, используйте кнопку Новый пункт списка, при нажатии которой в программный код добавляются теги . На рис. 4.21 показан программный код, в котором сформирован маркированный список, состоящий из четырех позиций. Как и в случае с нумерованным списком, сами названия позиций нужно ввести самостоятельно.
Рис. 4.21. Программный код с формированием маркированного списка
Теперь сохраним выполненные изменения с помощью команды главного меню Файл ► Сохранить или нажатием комбинации клавиш Ctrl+S, и просмотрим результат в окне Интернет-обозревателя (рис. 4.22).
Рис. 4.22. Маркированный список
В конце инструментальной панели находится еще пять кнопок, которые перечислены ниже.
• Новый шрифт – с помощью данной кнопки в программный код добавляется фрагмент . Путем внесения в него соответствующих данных можно установить применение шрифта, отличного от того, которым отображается соседний текст.
• Уменьшить размер шрифта – при нажатии данной кнопки выделенный текстовый фрагмент будет отображаться на веб-странице уменьшенным шрифтом относительно расположенного рядом текста.
• Увеличить размер шрифта – при нажатии данной кнопки выделенный текстовый фрагмент будет отображаться на веб-странице укрупненным шрифтом относительно расположенного рядом текста.
• Нижний регистр – эта кнопка предназначена для сдвига выделенного слова или текстового фрагмента вниз относительно расположенного рядом текста (иначе говоря, включается нижний индекс).
• Верхний регистр – эта кнопка предназначена для сдвига выделенного слова или текстового фрагмента вверх относительно расположенного рядом текста (иначе говоря, включается верхний индекс).
С помощью кнопки Выравнивание объектов по центру вы можете выровнять любой объект (графическое изображение, текстовый блок, и др.) по середине страницы. При нажатии данной кнопки в программный код веб-страницы добавляются теги
. Если перед нажатием кнопки был выделен фрагмент кода, то он будет заключен между этими тегами. В противном случае теги будут помещены в то место, где находится курсор.
Кнопка Пробел (она является третьей слева, на ней изображен характерный символ) предназначена для вставки пробела. Напомним, что при программировании на языке HTML, сколько бы раз вы ни нажимали клавишу Пробел, он будет распознавать это как один пробел. Другими словами, увеличить расстояние путем многократного нажатия клавиши Пробел у вас не получится: оно все равно будет равняться одному пробелу. Для решения этой проблемы в языке HTML предназначен специальный инструмент : он равняется одному пробелу. В листинге 3.1 приведен фрагмент программного кода, когда между словами эта и страница, а также создана и для вставлены дополнительные пробелы.
Листинг 3.1. Вставка пробелов
Итак, приступаем
Эта страница создана для примера
Как известно, программные коды часто содержат комментарии – текстовые пояснения, которые предназначены для служебного пользования. Для новичков комментарии полезны тем, что позволяют в любой момент вспомнить, что означает тот или иной фрагмент программного кода. Например, вы работаете с каким-то кодом, а находящийся рядом опытный специалист подсказывает вам: мол, этот фрагмент предназначен для того-то, а вот эти теги нужны для этого, и т. д. Вы конспектируете его замечания прямо в программном коде, оформляя их в виде комментариев: в данном случае они не будут оказывать никакого влияния на действие программного кода, хотя и будут в нем присутствовать.
Для вставки комментария в инструментальной панели данной вкладки предназначена кнопка Комментарий HTML. При ее нажатии в программный код добавляется фрагмент , и комментарий следует писать после знака !. В листинге 3.2 показан код с комментарием относительно того, как мы учились вставлять дополнительные пробелы.
Листинг 3.2. Вставка комментариев
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
Если вы сохраните изменения и просмотрите страницу в окне Интернет-обозревателя – вы увидите, что комментарии отображаться не будут.
Вставка гиперссылок и графических изображений
Выше мы уже неоднократно отмечали, что одним из главных элементов любой веб-страницы является гиперссылка. В программе HtmlPad процесс создания гиперссылок автоматизирован: для этого нужно на вкладке HTML/Текст воспользоваться кнопкой Ссылка на документ.
Чтобы вставить гиперссылку, нужно выделить слово или текстовый фрагмент, который будет являться ссылкой, и нажать кнопку Ссылка на документ. В листинге 3.3 показан фрагмент программного кода, когда перед нажатием данной кнопки был выделено слово страница.
В сформированном коде остается лишь ввести вручную адрес гиперссылки, являющийся значением атрибута href.
Чтобы вставить в документ изображение, нужно нажать на данной вкладке кнопку Рисунок, предварительно поместив курсор в то место программного кода, где должна находиться картинка. При нажатии кнопки в программный код добавляется соответствующий фрагмент (листинг 3.4).
Листинг 3.4. Вставка изображения
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
В данном листинге остается лишь указать путь к файлу рисунка или просто имя этого рисунка (если он находится в том же каталоге, что и файл данной веб-страницы), а также задать при необходимости его дополнительные параметры. В листинге 3.5 представлен программный код, согласно которому на веб-странице будет отображаться рисунок с именем Образец.jpg размером 150x150 пикселей, и заключенный в рамку толщиной 10 пикселей.
Листинг 3.5. Вставка изображения с заданными параметрами
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
Результат вставки изображения в соответствии с этим программным кодом представлен на рис. 4.23.
Рис. 4.23. Вставка изображения с заданными параметрами
Подобным образом можно вставлять в документ любые графические объекты, при необходимости корректируя в программном коде их размеры и наличие рамки.
Вставка объектов JavaScript
В программе реализована возможность работы с объектами JavaScript. Соответствующие инструменты расположены на вкладке JavaScript, содержимое которой представлено на рис. 4.24.
Рис. 4.24. Содержимое вкладки JavaScript
Принцип действия здесь примерно такой же, как и на остальных вкладках программы: после нажатия кнопки инструментальной панели в программный код веб-страницы добавляется соответствующий фрагмент, который при необходимости можно дополнить и конкретизировать. Вы можете вставлять следующие объекты JavaScript: код JavaScript, тело функции, название функции, текст и переменную. Например, после нажатия в инструментальной панели кнопки Вставка кода JavaScript в программный код добавляется фрагмент , после нажатия кнопки Вставка текста – фрагмент document.write("");, после нажатия кнопки Вставка переменной – фрагмент document.write();, и т. д.
Применение PHP-технологий в программе HtmlPad
Если начинающие веб-разработчики занимаются созданием и администрированием сайтов преимущественно с помощью языка HTML, то их более «продвинутые» коллеги вовсю используют более сложный и функциональный язык – РНР.
Характерной особенностью языка РНР является то, что он был создан и разработан специально для написания web-приложений (сценариев), исполняющихся на удаленном веб-сервере. Несомненное преимущество РНР по сравнению с тем же JavaScript состоит в том, что скрипты, написанные на языке РНР, выполняются на стороне удаленного сервера. Следовательно, их работоспособность и скорость исполнения не зависит от скоростных характеристик и прочих аппаратных особенностей компьютера, а также от используемого Интернет-обозревателя. Отметим, что зачастую посетители сайтов не могут определить, что они видят на экране – статичный HTML-код или динамичную информацию, полученную в результате выполнения РНР-скрипта.
В программе HtmlPad работа с РНР-технологиями ведется на трех вкладках: РНР, РНР/Файлы и РНР/FTP. Поскольку наша книга адресована в первую очередь начинающим веб-разработчикам, мы не будем подробно рассматривать порядок использования РНР-технологий, а расскажем лишь об общих принципах работы с ними в программе HtmlPad.
Первое, что нужно сделать, если вы намереваетесь интегрировать в программный код веб-страницы фрагмент PHP-кода – это нажать в инструментальной панели вкладки РНР кнопку Вставка куска кода РНР. В результате в программный код будет добавлен соответствующий фрагмент. В листинге 3.6 этот фрагмент находится после текстовой части контента.
Листинг 3.6. Вставка в программный код фрагмента, обозначающего код РНР
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
?>
Как видно в листинге, вставленный фрагмент представляет собой контейнер, внутри которого должен находиться собственно РНР-код. Этот код формируется по обычным правилам работы в программе HtmlPad: с помощью кнопок инструментальной панели в программный код добавляются соответствующие фрагменты, которые при необходимости нужно дополнить и конкретизировать (ввести функцию, указать исполняемый файл, и т.д.).
Возможности РНР предусматривают использование SQL-данных. Например, чтобы соединиться с хостом SQL, нужно в инструментальной панели нажать кнопку Соединение с хостом SQL. При этом в программный код веб-страницы будет добавлен соответствующий фрагмент (листинг 3.7).
Листинг 3.7. Настройка соединения с хостом SQL
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
$link = mysql_connect("mysql_host", "mysql_login", "mysql_password") or die ("Нет соединения с хостом");
?>
Для выбора базы данных SQL следует добавить в код веб-страницы соответствующий фрагмент, для чего в инструментальной панели предназначена кнопка Выбор базы данных SQL. После ее нажатия программный код в нашем примере будет выглядеть так, как показано в листинге 3.8 (добавленный фрагмент начинается с новой строки).
Листинг 3.8. Настройка выбора базы данных SQL
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
$link = mysql_connect("mysql_host", "mysql_login", "mysql_password") or die ("Нет соединения с хостом");
mysql_select_db ("my_database") or die ("Нет соединения с базой");
?>
Очевидно, что приведенные в листингах 3.7 и 3.8 РНР-коды необходимо дополнить (указать данные для доступа, и др.). Если соединение с хостом наладить по каким-то причинам не удалось, то пользователь получит информационное сообщение Нет соединения с хостом, а при отсутствии соединения с базой на экране отобразится сообщение Нет соединения с базой.
Чтобы настроить соединение с SQL-таблицей, нужно в инструментальной панели нажать кнопку Соединение с таблицей SQL. В результате в программный код будет добавлен соответствующий фрагмент (листинг 3.9).
Листинг 3.9. Настройка соединения с таблицей
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
$link = mysql_connect("mysql_host", "mysql_login", "mysql_password") or die ("Нет соединения с хостом");
mysql_select_db ("my_database") or die ("Нет соединения с базой");
$query = "SELECT * FROM table";
$result = mysql_query ($query) or die ("Нет такой таблицы");
?>
Если соединение с таблицей установить не получится, то пользователь увидит на экране информационное сообщение Нет такой таблицы.
В процессе работы может возникать необходимость вывода таблицы базы данных на страницу. В программе HtmlPad реализована возможность автоматического формирования и вставки соответствующего кода. Для этого в инструментальной панели предназначена кнопка Вывод таблицы БД на страницу. Установим в нашем примере курсор на новую строку, и нажмем данную кнопку – в результате код страницы будет выглядеть так, как показано в листинге 3.10.
Листинг 3.10. Настройка вывода таблицы базы данных на страницу
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
$link = mysql_connect("mysql_host", "mysql_login", "mysql_password") or die ("Нет соединения с хостом");
mysql_select_db ("my_database") or die ("Нет соединения с базой");
$query = "SELECT * FROM table";
$result = mysql_query ($query) or die ("Нет такой таблицы");
echo "
";
while($data=mysql_fetch_row($result))
{
echo "
",
implode ("
", $data), "
";
}
echo "
";
?>
Очевидно, что добавленный фрагмент также можно дополнить и конкретизировать – например, изменить толщину рамки таблицы, и др.
Как мы уже отмечали ранее, в любой программный код можно вставлять произвольные комментарии. Не является исключением и язык РНР: с помощью соответствующих символов обозначается текст, который должен распознаваться не как программный код, а лишь как комментарий. В программе HTMLPad для вставки комментария в РНР-код на вкладке РНР предназначена кнопка Комментарий РНР. В листинге 3.11 комментарием сопровождены фрагменты кода, находящиеся в РНР-контейнере.
Листинг 3.11. Комментарии к фрагментам РНР-кода
Учимся работать в программе HtmlPad
Итак, приступаем
Эта страница создана для примера
/* Настраиваем соединение с хостом */
$link = mysql_connect("mysql_host", "mysql_login", "mysql_password") or die ("Нет соединения с хостом");
/* Настраиваем соединение с базой */
mysql_select_db ("my_database") or die ("Нет соединения с базой");
/* Настраиваем соединение с таблицей */
$query = "SELECT * FROM table";
$result = mysql_query ($query) or die ("Нет такой таблицы");
/* Выводим таблицу базы данных на страницу */
echo "
";
while($data=mysql_fetch_row($result))
{
echo "
",
implode ("
", $data), "
";
}
echo "
";
?>
Еще раз подчеркнем: код, который представлен в приведенных выше листингах, дается только для примера. Чтобы он был работоспособным, его следует соответствующим образом подкорректировать. Здесь мы этим не занимаемся, поскольку данная глава посвящена не основам РНР-программирования, а приемам и методам работы по созданию и администрированию сайтов в программе HtmlPad.
Работа с другими приложениями в программе HtmlPad
В программе HtmlPad реализована тесная интеграция с другими приложениями. Отметим, что в первую очередь здесь имеются стандартные приложения, входящие в комплект поставки операционной системы Windows, приложения офисного пакета MS Office, а также иные популярные программы.
Чтобы пользоваться другими приложениями одновременно с программой HtmlPad, перейдите на вкладку Программы (рис. 4.25).
Рис. 4.25. Вкладка Программы
Как видно на рисунке, инструментальная панель данной вкладки содержит немало кнопок, значки которых покажутся знакомыми любому пользователю Windows. Кратко рассмотрим назначение некоторых из них, начиная с крайней левой.
Первая кнопка инструментальной панели называется Запустить блокнот и, как нетрудно догадаться, предназначена для запуска популярного текстового редактора «Блокнот», входящего в комплект поставки операционной системы Windows. Как мы уже знаем, в этой программе удобно писать и редактировать программные коды (это отмечалось ранее, в главе 2 «Основы веб-программирования с помощью языка HTML»), поэтому возможность ее быстрого запуска может оказаться весьма кстати.
Причем вы можете не просто запустить «Блокнот», а сразу открыть в нем программный код текущего документа. Для этого нажмите в инструментальной панели кнопку Открыть блокнот с текущим файлом, которая находится справа от кнопки Запустить блокнот. Напомним, что названия кнопок инструментальной панели отображаются в виде всплывающей подсказки при подведении к ним указателя мыши.
Как мы уже отмечали ранее, для просмотра текущего файла в окне Интернет-обозревателя предназначена команда главного меню Вид ► Просмотр в браузере, вызываемая также с помощью клавиши F11. При активизации данной команды текущий файл будет представлен в окне используемого по умолчанию обозревателя. Однако бывает так, что по умолчанию используется, например, Opera или Mozilla Firefox, а документ необходимо просмотреть в обозревателе Internet Explorer (который, напомним, входит в комплект поставки операционной системы Windows). Для решения данной задачи открывайте вкладку Программы и нажимайте в инструментальной панели кнопку Открыть IE с текущим файлом.
Следующие четыре кнопки называются Запустить Microsoft Word, Запустить Microsoft Excel, Запустить Microsoft Access и Запустить Microsoft Power Point, и предназначены для быстрого запуска соответствующих приложений пакета MS Office. Сразу за ними расположена кнопка Запустить Internet Explorer, предназначенная для быстрого запуска Интернет-обозревателя Internet Explorer (в данном случае его окно будет пустым).
Несмотря на то, что в левой части интерфейса программы можно просмотреть содержимое всего компьютера (в том числе и внешних носителей информации), иногда возникает необходимость использования штатного проводника Windows или популярного двухпанельного проводника Windows Commander. Для быстрого запуска этих проводников в инструментальной панели вкладки Программы предназначены кнопки соответственно Запустить Проводник Windows и Запустить Windows Commander.
Также с помощью соответствующих кнопок вы можете осуществлять быстрый запуск программ WordPad, «Калькулятор», графического редактора Paint, входящего в комплект поставки операционной системы Windows, а также Photoshop.
