Веб-Самоделкин. Как самому создать сайт быстро и профессионально
Шрифт:
Назначение и функциональные возможности программы
Функциональные возможности программы NeonHtml предназначены для решения следующих задач.
• Создание, редактирование и администрирование веб-документов самых разных форматов – HTML, PHP, CSS, JavaScript, а также простых текстовых файлов.
• Использование множества вариантов оформления и дизайна веб-страниц, с моментальным просмотром результата.
• Экспорт и импорт данных с помощью специально предназначенных функциональностей.
• Тонкая настройка
• Вставка в веб-страницу самых разных элементов – гиперссылок, таблиц, графических изображений, мультимедийных файлов, объектов JavaScript, и др.
• Использование стандартных заготовок для создания веб-страниц.
• Упорядочивание, оптимизация и прочие преобразования программного кода веб-страницы.
• Использование разных кодировок.
• Быстрая навигация по всему программному коду.
• Параллельная работа с несколькими одновременно открытыми документами.
• Быстрый поиск и замена данных в соответствии с заданными параметрами.
Помимо перечисленных, с помощью программы можно решать и другие задачи, в зависимости от потребностей конкретного пользователя.
Общие правила работы с программой
Для запуска программы можно использовать соответствующую команду программной папки, находящейся в меню Пуск, либо ярлыком на рабочем столе. Сразу после запуска на экране отображается окно приветствия, которое показано на рис. 5.1.
Рис. 5.1. Окно приветствия
В данном окне вы можете либо выбрать одно из действий, которое в данном случае вам подходит, либо сразу перейти в главное окно программы. Для этого стартовом окне предназначены соответствующие кнопки, которые перечислены ниже.
Открыть – с помощью данной кнопки осуществляется открытие файла для последующей работы с ним в программе. При нажатии кнопки на экране открывается окно, в котором нужно указать путь к этому файлу, выделить его щелчком мыши и нажать кнопку Открыть либо клавишу Enter.
• Импорт – данная кнопка предназначена для импорта данных, с которыми вы предполагаете работать.
• Новая страница – данная кнопка предназначена для автоматического формирования новой страницы в соответствии с заданными параметрами. Эти параметры задаются в окне, которое открывается на экране при нажатии данной кнопки.
• Заготовка – при нажатии данной кнопки открывается главное окно программы, в рабочей области которого будет автоматически сгенерирован начальный код стандартной HTML-страницы
• Пустой – при нажатии данной кнопки открывается главное окно программы, рабочая область которого будет пустой.
• Справка – данная кнопка предназначена для вызова справочной информации.
• Сайт редактора – с
• Продолжить – при нажатии данной кнопки на экране отображается главное окно программы.
Отметим, что появление при запуске программы стартового окна можно отключить в настройках. О том, как это делать, будет рассказано ниже, в соответствующем разделе.
Вся работа по созданию и редактированию веб-страниц осуществляется в главном окне программы, которое показано на рис. 5.2.
Рис. 5.2. Главное окно программы
Ключевыми элементами пользовательского интерфейса являются главное меню, панель вкладок, рабочая область и контекстное меню. Рассмотрим подробнее каждый из этих элементов.
Главное меню находится в привычном месте – в верхней части интерфейса. Оно включает в себя следующие меню: Файл, Выполнить, Заготовки, Обработка, Настройки, Ссылки и Программа. Команды главного меню предназначены для выбора инструментов, режимов работы, а также для вызова различных функций и механизмов программы.
Панель вкладок находятся сразу под главным меню. Каждая вкладка содержит набор инструментов, предназначенных для выполнения соответствующих действий с текущей веб-страницей. Например, работа с текстовым контентом ведется на вкладке Текст, для представления данных в табличном виде следует перейти на вкладку Таблица, для вставки в документ мультимедийных объектов предназначены инструменты, расположенные на вкладке Мультимедиа, и т. д. По мере знакомства с программой мы будем рассматривать наиболее востребованные инструменты, находящиеся на разных вкладках.
Рабочая область занимает самую большую часть интерфейса. Именно в ней ведется вся работа с программным кодом веб-страницы. На рис. 5.2 в рабочей области содержится код, который генерируется программой автоматически в момент создания нового HTML-документа.
Вдоль левого края рабочей области (слева от нумерации строк) находится инструментальная панель, кнопки которой предназначены для быстрого доступа к некоторым функциям и режимам работы программы. Названия кнопок инструментальной панели отображаются в виде всплывающих подсказок при подведении к ним указателя мыши.
Нажатием правой кнопки мыши вызывается контекстное меню, некоторые команды которого дублируют соответствующие команды главного меню. Отметим, что содержимое контекстного меню, а также перечень доступных в нем команд может зависеть от текущего режима работы.
Вид и состав пользовательского интерфейса, который представлен на рис. 5.2, предлагается программой по умолчанию. Однако вы можете изменить его в соответствии со своими потребностями. О том, как это делается, будет рассказано ниже.