Веб-Самоделкин. Как самому создать сайт быстро и профессионально

объема.

• Ввод, редактирование и форматирование текстового контента.

• Вставка гиперссылок, графических объектов, таблиц, скриптов, форм и прочих элементов.

• Ведение веб-разработки с применением передовых технологий РНР, JavaScript, использованием стилей CSS.

• Использование разных кодировок, перекодировка веб-страниц из одной кодировки в другую.

• Быстрый ввод наиболее востребованных у веб-разработчиков тегов.

• Просмотр текущей веб-страницы в окне Интернет-обозревателя.

• Гибкая настройка программы в соответствии с потребностями конкретного пользователя и спецификой решаемых им задач.

• Создание новых веб-страниц как «с нуля», так и на основании имеющихся шаблонов и заготовок.

• Быстрый поиск и замена данных.

• Выполнение ряда популярных операций с помощью встроенных соответствующих Мастеров.

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

Первое знакомство с программой

Для запуска программы Extra Hide Studio можно использовать соответствующую команду программной папки

Пуск >

Extra Hide Studio 2010

либо ярлык на рабочем столе. В любом случае на экране отобразится ее пользовательский интерфейс, который представлен на рис. 6.1.

Рис. 6.1.

Пользовательский интерфейс программы Extra Hide Studio

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

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

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

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

Важно

Если в данный момент открыто несколько документов в разных рабочих окнах, то для выбора этих документов используйте соответствующие вкладки, которые находятся вверху рабочей области. На рис. 6.1 эта вкладка называется «без имени» (поскольку документ создан только что, и пока еще не сохранен).

Слева от рабочей области находится панель навигатора, с помощью которой можно быстро просматривать содержимое дисков и папок компьютера. А справа от рабочей области расположена панель быстрого ввода: она позволяет вставлять в документ требуемые теги и иные элементы программного кода одним щелчком мыши. Отметим, что содержимое панели быстрого ввода зависит от того, какое значение выбрано в раскрывающемся списке, расположенном вверху данной панели. На рис. 6.1 в этом списке выбрано значение

HTML

, поэтому в панели представлен перечень HTML- тегов. Также в этом списке можно выбрать значение

CSS

,

JavaScript

или

РНР

(тогда в панели быстрого запуска можно будет выбирать соответствующие теги и иные элементы кода).

ПРИМЕЧАНИЕ

Управление отображением панели навигатора и панели быстрого ввода осуществляется с помощью соответствующих команд меню Вид.

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

Подготовка программы к работе

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

Для перехода в режим настройки параметров программы предназначена команда главного меню

Опции >

Основные настройки

(также для этого можно воспользоваться соответствующей кнопкой инструментальной панели). При активизации данной команды на экране отображается окно, которое представлено на рис. 6.2.

Рис. 6.2.

Настройка программы

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

На вкладке

Базовые

собраны параметры настройки, определяющие общие правила и режима работы программы. В поле

Шрифт

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

Courier New 10

, но вы можете изменить это значение. Для этого нужно нажать расположенную справа кнопку

Выбрать

и в открывшемся окне указать требуемый шрифт.

Если на вкладке

Базовые

установлен флажок

Автоопределение подсветки синтаксиса

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

Вид >

Полноэкранный режим

или нажатием комбинации клавиш

Ctrl+U

), рекомендуется установить флажок

Показывать окно возврата из полн. экран. режима

. Тогда при работе в полноэкранном режиме на экране будет отображаться небольшое окно, предназначенное для возврата в прежний режим работы. При отсутствии этого окна (то есть при снятом флажке

Показывать окно возврата из полн. экран. режима

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

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

Защита глаз

путем установки флажка

Включить

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

Содержимое вкладки РНР просмотр адресовано в первую очередь тем, кто планирует задействовать в разработке сайта РНР-технологии. В частности, здесь указывается адрес локального сервера (по умолчанию

localhost

), а также физический путь к папке сервера.

Все изменения, выполненные в окне настройки параметров программы, вступают в силу только после нажатия в данном окне кнопки

Сохранить

. С помощью кнопки

Отмена

осуществляется выход из данного режима без сохранения выполненных