Скачать Web Studio
(4 Мегабайт)
Язык интерфейса: русский Сайт программы Варианты приобретения программы:
|
Web Studio – не просто HTML-редактор, это целый набор инструментов, среда, позволяющая с комфортом писать код самых разнообразных веб-страниц. Основной инструмент, ядро этого пакета – Visual Workshop . Каждый сайт, с которым ведется работа в Visual Workshop , рассматривается как единый проект, включающий HTML-документы, графические изображения, каскадные таблицы стилей (CSS), сценарии (скрипты), другие файлы и элементы веб-ресурса. Создавая с помощью специального мастера новый проект, пользователь указывает:
- Имя файла проекта и корневой каталог, в котором будут храниться все файлы, относящиеся к разрабатываемому сайту.
- Имя сайта (например, Энциклопедия полезных программ ) и его URL (например, http://www.softring.ru ).
- Параметры доступа к серверу по протоколу FTP. Эти параметры используются встроенным в Web Studio FTP-клиентом, когда готовые страницы (или сайт целиком) закачиваются на веб-сервер.
- Использовать ли каскадные таблицы стилей (CSS), в каком файле их сохранять.
- Каким образом на страницах будущего сайта должны выделяться гиперссылки и обычный текст, какого цвета будет фон страниц или какая иллюстрация послужит фоном.
- Информацию для поисковых машин:
- ключевые слова ( keywords
- описание ( description )
- Фрагменты HTML-кода, которые должны автоматически добавляться в элементы заголовка ( <HEAD> ) и тела ( <BODY> ) всех страниц создаваемого сайта.
- Параметры локализации: язык и кодировку создаваемого сайта. Очень удобно то, что кодировка страниц может автоматически устанавливаться при их закачке по FTP на веб-сервер. Таким образом, однажды указав необходимую кодировку, (например, KOI8-R, если ее требует устанавливать хостинг-провайдер), пользователь может больше о ней не вспоминать.
После указания всех этих параметров можно запускать следующий мастер и создать главную страницу будущего сайта ( index.html ). Причем, эта страница по умолчанию унаследует все установки, сделанные при создании проекта, в том числе заголовок, ключевые слова, описание, кодировку и обязательные фрагменты кода. В этом заключается одно из преимуществ работы с проектами: не приходится многократно вводить одну и ту же информацию. Само собой, пользователь может изменить в случае необходимости содержимое любого из полей (например, заголовок <TITLE> ) для конкретной страницы.
Сразу стоит сказать еще об одном преимуществе проектного подхода к созданию сайта. Если какой-либо файл, входящий в проект, будет по каким-то причинам перенесен в другую директорию, то во все файлы проекта автоматически будут внесены соответствующие изменения. Не правда ли, удобно?
Итак, костяк будущей веб-страницы создан, осталось наполнить ее основным содержимым: вставить текст и иллюстрации, оформить их с помощью тегов HTML. Для быстрого и удобного ввода тегов в код страницы предусмотрено огромное количество разнообразных вспомогательных панелей, мастеров и комбинаций горячих клавиш, функции автокода, автотекста и автозавершения тегов. На палитре тегов можно выбрать все основные элементы HTML-форматирования, элементы синтаксиса JavaScript и CSS, спецсимволы, мастера вставки различных объектов и Java-апплетов… Одним словом, практически все необходимое для написания кода страниц. Более того, пользователь может самостоятельно вносить в палитру тегов часто используемые им элементы. По любому из включенных в страницу тегов можно мгновенно получить подробную справку, нажав комбинацию клавиш Ctrl+F1 .
С помощью команд меню Вставка пользователь добавляет в страницу текст из внешнего файла или рисунок из буфера. Отдельная функция позволит отсканировать изображение, не покидая Web Studio. Несколько команд отвечают за создание скриншотов (снимков) рабочего стола, отдельного окна или выбранной пользователем произвольной области экрана. Причем, сделанный снимок тут же будет преобразован в формат JPEG или PNG (почему-то не поддерживается формат GIF), сохранен в виде файла в указанной директории и вставлен в код страниц с помощью соответствующего тега <IMG> и его атрибутов.
Разумеется, созданный код веб-страницы подсвечивается, причем поддерживается несколько режимов подсветки для различных типов документов: текстовых, HTML, JavaScript, VBScript, CSS, PHP, Perl, SQL, Java, C++ и Pascal. HTML-код может быть проверен на корректность. Есть и проверка орфографии, в том числе для русского языка.
Просмотр результатов работы осуществляется в любом из установленных на компьютере браузеров, в том числе, в собственном, встроенном в Web Studio.
Особо стоит сказать о поддержке шаблонов в Web Studio. Абсолютно любой фрагмент кода (например, какая-то функция, написанная на JavaScript) может быть сохранен в виде шаблона, а затем – вставлен во все документы, в которые необходимо. Для быстрого поиска нужного шаблона в обширной коллекции предусмотрен ввод описания и примечания. Кроме того, к шаблону можно присоединить любое количество внешних файлов (например, используемых в шаблоне иллюстраций).
Итак, мы постепенно наполнили главную страницу будущего сайта, создали остальные страницы и включили их в наш проект. Долго ли, быстро ли – сайт готов. Делаем последнюю проверку целостности проекта. Специальная функция проверяет наличие всех файлов, упомянутых в проекте, и удаляет файлы, ставшие ненужными. Таким образом создается список файлов для закачки на сервер провайдера. Заодно с помощью отдельной функции создается карта сайта – своеобразное оглавление проекта, в котором перечислены все разделы и страницы, с их описаниями.
Все, осталось опубликовать сайт в Интернете. Подключаемся к Сети, даем команду Выгрузить проект , и FTP-клиент, согласно сделанным ранее настройкам, соединяется с сервером провайдера и закачивает на него все файлы, необходимые для нормальной работы проекта.
Разумеется, однажды созданный сайт требует постоянной поддержки, добавления новых страниц и обновления содержимого ( контента ) старых. Концепция сайта как единого проекта позволяет делать это без труда. Достаточно внести необходимые изменения в файлы на своем компьютере и вновь дать команду Выгрузить проект . Web Studio предложит закачать на сервер провайдера не все файлы проекта, а лишь те, что были изменены с момента предыдущей закачки.
В пакет Web Studio помимо Visual Workshop входят:
- LightPad . Облегченная версия Visual Workshop, текстовый редактор, в котором удобно работать с отдельными текстовыми и HTML-файлами.
- Конструктор тегов . Управляет содержимым палитры тегов, позволяет добавлять собственные элементы и удалять редко используемые.
- Редактор шаблонов .
Таким образом, Web Studio представляет полный набор мощных и удобных инструментов для создания и поддержки веб-сайтов, состоящих из множества самых различных страниц.