Я постаралась ознакомить вас со всеми известными мне редакторами CSS. Безусловно, лучшим из них является Top. Style, хотя кто- то, возможно, выберет для себя другой редактор. Я искренне надеюсь, что данный обзор поможет вам не писать больше таблиц стилей с помощью MS Word или хотя бы сохранять их в текстовом формате. Окончательно решение написать эту статью оформилось, когда мне пришло письмо с вопросом: «У меня ничего не работает. Что я сделал не так?» К письму прилагался файл с расширением . При ближайшем рассмотрении выяснилось, что автор письма аккуратно создал таблицу стилей в Word’e, сохранил полученный результат в формате «документ», после чего изменил расширение на . Логика его была неоспоримой: сказали, что годится любой текстовый редактор, вот он и воспользовался своим любимым! Вопрос оказался куда более животрепещущим, чем казалось вначале. Итак, вашему вниманию предлагается небольшой обзор известных мне редакторов каскадных таблиц стилей. Начнем с далеко не бесплатных, но наиболее функциональных англоязычных программ. Кстати, в русскоязычном Интернете крайне мало толковых ресурсов по веб- мастерингу.
Соответственно, и русские бесплатные программы, призванные помочь веб- мастеру, изрядно уступают английским коммерческим соперникам. Единственный их неоспоримый плюс – то, что за них не надо платить. Итак, по порядку. Top. Style. Безусловно, наилучший редактор каскадных таблиц стилей – программа Top. Style Pro от Bradsoft (www. Те, кто работал в Home. Site 4. 5, наверняка уже ознакомились с ее lite- вариантом. Цена полной профессиональной версии программы – $4. Последний релиз – 2. Зато вы можете скачать пробную версию Top. Style 1. 5. 2 и абсолютно бесплатно – программу Top. Style Lite 2. 0, которая почти не уступает профессиональной. Я, например, настолько привыкла к облегченному варианту 1. Top. Style Pro 2. Давайте рассмотрим несколько подробнее, что же представляет собой этот редактор. При первом запуске программы появляется мастер настройки интерфейса (рис. Даже если вы не любитель мастеров, в первый раз лучше пройти всю пошаговую процедуру настройки до конца. Если при этом вы снимете флажок «Always show this welcome screen at startup» («Всегда показывать это окно при запуске программы») на первом шаге, то программа запомнит ваши настройки и в следующий раз применит их, не обременяя запуском мастера. Справедливости ради стоит заметить, что все настройки легко меняются непосредственно в самой программе. Мастер состоит из семи шагов. На первом этапе вам предлагается ознакомиться с «обучалкой», если вы новичок в этой программе. При этом доступна ссылка «skip welcome» («пропустить введение») в правом верхнем углу окна. Если нажать на нее, работа мастера будет прекращена, и вы сразу окажетесь в рабочем окне редактора. Если же проследовать за мастером дальше, то вам будет предложено выбрать из выпадающего списка стилевую спецификацию, которая определит в дальнейшем, какие свойства CSS допустимы в вашей работе, а какие – не поддерживаются в настоящий момент. Список довольно велик, помимо официальных спецификаций CSS 1. Web. TV. Однако помните о том, что чем большей совместимости вы добьетесь, тем ближе к минимальным окажутся ваши возможности. Следующий экран предложит включить контекстную справку о совместимости. Если эта справка включена, то для каждого выбранного вами свойства CSS будут автоматически отображаться сведения о совместимости с различными спецификациями и браузерами*. Затем мастер предложит вам на выбор три варианта интерфейса: обычный, компактный или минимальный. Естественно, наиболее удобен для изучения программы обычный интерфейс. На следующем шаге вы сможете выбрать способ отображения результата вашего творчества в режиме предпросмотра (preview): отображать ли просто примеры тегов и классов вашей таблицы стилей или попытаться применить ее к некоему готовому документу HTML для полной наглядности. Затем вам будет предоставлена возможность отредактировать список внешних браузеров, подключаемых для предварительного просмотра результата. И, наконец, вы можете выбрать файл, с которым вам предстоит работать: будет ли это новая таблица стилей — или вы откроете для редактирования одну из ранее созданных. На этом работа мастера завершена, и перед вами открывается непосредственно окно редактора (рис. Обратите внимание на то, что как только вы начнете писать текст таблицы стилей, вам сразу же будет предложена масса всевозможных подсказок по свойствам CSS и их значениям – именно поэтому Top. Style, бесспорно, может считаться лучшим редактором CSS. Ведь это не только редактор с множеством мастеров, удобным поиском и другими встроенными средствами – это фактически учебник по каскадным таблицам стилей, снабженный превосходной справкой! LightPad (Для мелкой работы с PHP, HTML, Perl) 3. Macromedia SNK Visual HTMl Workshop (тоже HTML и PHP редактор) 6. Web Studio включает в себя средство для создания сайтов Visual Workshop ( ранние версии известны как SNK Visual HTML Workshop) и редактор кода. Воспользовавшись этой программой, вы очень быстро освоите синтаксис таблиц стилей, а окно встроенного просмотра приучит вас быстро «на глазок» определять нужный кегль шрифта и размеры блоковых элементов. На рис. 3 вы можете увидеть, как работает окно предпросмотра. Хочу еще раз напомнить, что lite- версия очень немногим отличается от профессиональной и с тем же успехом может быть использована в качестве учебника по CSS. Поэтому, несмотря на англоязычный интерфейс и относительно высокую цену, Top. Style – лучший выбор и для новичка, и для профессионала. Macromedia Dreamweaver. По адресу www.snkey.net предлагается скачать набор разработчика сайтов под громким названием « SNK Visual HTML Workshop 3». LightPad (Для мелкой работы с PHP, HTML, Perl.) 3. SNK Visual HTMl Workshop (тоже HTML и PHP редактор) 6. Те, кто пользуется для создания страничек популярным визуальным редактором Macromedia Dreamweaver, с успехом могут применять его и для создания CSS. Особенно удобно создавать в нем внедренные таблицы стилей – Dreamweaver сам создаст пару тегов и ее содержимое в соответствии с вашими желаниями. Чтобы создавать и редактировать стили в Dreamweaver’e, нужно вызвать окно «CSS styles» через меню Window. После двойного щелчка по элементу (none) появится следующее диалоговое окошко, в котором с помощью кнопки «New» создайте новое правило CSS – для нужного вам тега или селектора. После этого откроется большое диалоговое окно, в котором вы сможете назначить данному тегу или селектору требуемые свойства CSS (рис. Конечно, выбор свойств и их значений не столь велик, как в программе Top. Style, но зато вы можете одновременно работать и над страницей, и над таблицей стилей. Dreamweaver умеет работать и с внешними таблицами, но делает это не очень корректно. Any News Visual CSSНа своем любимом сайте бесплатных и условно- бесплатных программ я наткнулась на описание программы Any News Visual CSS (www. Программа условно- бесплатная, за регистрацию автор просит $1. Насколько я поняла из описания, интерфейс у этой программы русский. К сожалению, программа отказалась работать без регистрации, а выкладывать 1. Top. Style стоит $5. Но ссылку на программу даю, чтобы потом меня не обвиняли в отсутствии объективности. CSS creator. Эту программу вы можете скачать практически на всех русских софт- серверах. Я нашла ее по адресу freeware. При запуске программы сразу открывается рабочее окно, в котором в одну кучу свален небогатый набор свойств CSS, поддерживаемых ею (рис. Программа подойдет для оформления несложных страниц, но при этом следует учесть, что многие из приведенных свойств либо вовсе не поддерживаются Netscape Navigator’ом, либо имеют «ограниченную поддержку» (см. У некоторых свойств не все значения доступны (например, font- weight). Очень мало тегов HTML, для которых можно задать стили. Палитра цветов отсутствует, так что название цвета или его шестнадцатеричный код придется вводить по памяти (вы знаете наизусть таблицу безопасных цветов, не говоря уже о шестнадцатимиллионной палитре?). С цветом связана еще одна опасность: как вы можете видеть, в окне программы по умолчанию приведены только коды цветов, без предшествующего знака #, который в синтаксисе CSS обязателен. При этом программа не вставляет этот знак в код автоматически, поэтому вы должны будете вставить его сами. Однако если научиться обходить возможные подводные камни, а впоследствии слегка подредактировать код руками, с помощью этой программки вы сможете быстро и легко создавать таблицы стилей для страничек без особых эстетических изысков. Collie CSS Wizard. Еще один простой бесплатный русскоязычный мастер CSS, который можно скачать по адресу collie. Programms. html вместе с простейшим текстовым редактором HTML (3. Kбайт) или отдельно (1. Kбайт). Возможности этой программы еще более ограничены, автоматически можно задать только цвет и тип шрифта, а также цвет фона для очень малого количества тегов HTML (рис. Правда, как и в предыдущей программе, можно создавать классы. Если вы решите использовать этот редактор, он поможет вам также автоматически добавлять открывающие и закрывающие символы комментариев, фигурные скобки и тому подобные мелочи (хотя я не вижу разницы между двумя нажатиями клавиш на клавиатуре и одним нажатием кнопки мыши – кроме той, что мышью еще надо попасть по нужной кнопке.. Но на сайте разработчиков написано, что работа над программой ведется, так что, наверное, со временем она станет более удобной. SNK Visual HTML Workshop 3. По адресу www. snkey. SNK Visual HTML Workshop 3». Регистрация этого набора обойдется вам в $6. Автор утверждает, что «SNK Visual HTML Workshop 3 – мощный комплекс для создания сайтов, поддерживающий самые передовые технологии – такие как XHTML и CSS2». Если у вас есть книга под названием «Настольная книга веб- мастера» с компакт- диском, то вы наверняка ознакомились с пробной версией этого «комплекса». Это, конечно, дело вкуса, но меня не впечатлил ни Workshop, ни книга – я лишь пожалела о напрасно потраченных деньгах, поэтому платить 6 долларов за новую версию у меня желания не возникло. Но, может быть, любителям визуальных редакторов понравится эта недорогая отечественная разработка – с ее подробным описанием вы можете ознакомиться на сайте автора программы. Вместо заключения. Я постаралась ознакомить вас со всеми известными мне редакторами CSS. Безусловно, лучшим из них является Top. Style, хотя кто- то, возможно, выберет для себя другой редактор. Я искренне надеюсь, что данный обзор поможет вам не писать больше таблиц стилей с помощью MS Word или хотя бы сохранять их в текстовом формате. Создание справочной системы приложения. Программирование в Visual. Fox. Pro 7. 0. Разработанное вами приложение должно быть интуитивно понятным и дружественным к. Если у пользователя возникнут затруднения, он должен быстро. Требуемую информацию пользователь может. Но проще всего воспользоваться справочной системой, содержащей информацию о приложении, описание его основных функций и инструкцию по работе. Пояснения к элементам управления, отображаемые в строке состояния, задаются в свойстве status. Bar. Text (Текст строки состояния). Кроме текста строки состояния вы можете задать текст подсказки, который будет отображаться под курсором мыши, если его установить на элемент управления и удерживать некоторое время. Текст подсказки задается в свойстве Tooi. Tip. Text (Текст подсказки). Properties (Свойства) установлены значения свойств status. Bar. Text (Текст строки состояния) и Tooi. Tip. Text (Текст подсказки). Если в результате проверки окажется, что введенное значение не удовлетворяет требуемым условиям, необходимо об этом сообщить пользователю. Из текста сообщения должна быть ясна причина ошибки. Кроме того, текст должен содержать рекомендации по ее исправлению. Для вывода информационного сообщения вы можете воспользоваться функцией MESSAGEBOX или создать собственную функцию. Рассмотрим описание функции MESSAGEBOX и приведем пример ее использования. Определение пояснений для элемента управления Функция имеет следующий синтаксис. MESSAGEBOX (текст- Сообщения . Длинное сообщение автоматически располагается на нескольких строках. Если сообщение состоит из нескольких предложений и вы хотите разбить его на абзацы, то используйте функцию снк(1. Данный аргумент является числовым и его значение определяется как сумма трех параметров: типа кнопок, типа значков и номера кнопки, выбранной по умолчанию. Возможные значения этих параметров приведены в табл. Кнопки, отображаемые в диалоговом окне. Abort, Retry, Ignore. Yes, No, Cancel. Таблица 1. Значки, отображаемые в диалоговом окне. Вопросительный знак. Восклицательный знак. Информационный знак ( i ). Таблица 1. 2. 3. Кнопка, выбираемая по умолчанию. Кнопка по умолчанию. Функция MESSAGEBOX возвращает числовое значение, определяющее нажатую пользователем кнопку. Возможные значения приведены в табл. Значения, возвращаемые функцией. Рассмотрим использование диалогового окна для вывода сообщения об ошибке ввода значения кредита клиента. Для этого выполните следующие действия. Откройте форму для ввода информации о клиентах. Выберите поле ввода значения кредита и для события valid определите процедуру (рис. THIS. Value > 5. MESSAGEBOX(. Определение процедуры для события Valid. Запустите форму на выполнение, введите значение кредита более 5. Откроется диалоговое окно с сообщением об ошибке (рис. Диалоговое окно с сообщением об ошибке. Создание справочной системы в формате Win. Help. Основой справочной системы являются темы, содержащие пояснительный текст. Содержание справочной системы включает список тем, доступных в системе. Каждая тема имеет заголовок и уникальный символьный идентификатор. Дополнительно каждой теме можно поставить в соответствие уникальный индекс темы, который должен быть целым числом. Каждая тема может иметь более одного. Кроме того, один ключ может содержать ссылку на несколько тем. Использование идентификаторов тем для контекстного вывода справочной информации не допускается. При этом текст, используемый для организации перекрестной ссылки, выделяется зеленым цветом и подчеркиванием. Например, в системах складского учета такими терминами будут накладная, счет, отпуск товара. В качестве термина может рассматриваться не только отдельное слово, но и любая фраза из текста темы. Справочная система Windows позволяет дать каждому термину приложения краткое определение. Такие термины на экране выделены зеленым цветом и пунктирным подчеркиванием. Если щелкнуть мышью на термине, для которого. Для этого можно использовать любой текстовый редактор, поддерживающий формат RTF. Описание содержит темы, индексы и ключи справочной системы. Структура документа должна соответствовать требованиям, предъявляемым компилятором справочной системы (Help Compiler). Подробную информацию вы найдете в руководстве по применению Help Compiler. В качестве примера создадим простую справочную систему, состоящую из нескольких тем. Для каждой темы определим заголовки, идентификаторы и ключи, используемые для поиска информации. Проще всего для этого использовать редактор Microsoft Word. Создайте с помощью него новый файл. После этого введите тексты тем справочной системы, расположив каждую тему на отдельной странице. Поэтому для разделения тем вставьте между ними признак начала новой страницы путем нажатия комбинации клавиш < Ctrl> +< Enter>. В тексте вы можете форматировать отдельные части темы, а также вставлять в текст рисунки (рис. Тексты тем с рисунками. Можно определить заголовки, идентификаторы и ключи поиска для каждой темы. В Microsoft Word. Указатели сноски должны располагаться в начале темы, а сам текст заголовка, идентификатора и ключа поиска — в области сноски. В меню Вставка выберите команду Сноска. В открывшемся диалоговом окне для определения сноски выберите опцию Нестандартный маркер, а в качестве маркера сноски используйте символ $. Между маркером сноски и текстом заголовка должен быть только один пробел. Заголовок должен содержать не более 1. Кроме того, он не может быть форматированным. Определение заголовка темы. Идентификатор темы определяется аналогично заголовку темы, только в качестве маркера сноски используется символ #. При создании идентификатора необходимо придерживаться следующих правил. Имя идентификатора должно быть уникальным, т. В тексте сноски можно определить сразу несколько ключей поиска, разделив их знаком (; ). Определение ключей для поиска тем справочной системы. Ключи могут содержать любые символы, а также знаки пунктуации (за исключением точки с запятой) и пробелы. Предметный указатель основного окна справочной системы. Поиск темы по ключам справочной системы. Перекрестные ссылки. Используя перекрестные ссылки справочной системы, вы можете из текущей темы перейти в связанные с ней или близкие ей темы. Теперь создадим тему, в которой будет приведена ссылка на связанные с ней темы. Для этого установите для фразы печать данных формат Двойное подчеркивание. Далее установите курсор на следующую позицию за выделенной фразой, определите формат Скрытый и введите идентификатор темы, с которой устанавливается связь (в данном случае: Print. Создание перекрестной ссылки. Замечание. По умолчанию скрытый текст не отображается на экране, что довольно неудобно при создании описания справочной системы. Чтобы скрытый текст отображался на экране, установите для категории Просмотр режим отображения скрытого текста в диалоговом окне Параметры, открывающемся при выборе команды Параметры из меню Сервис. Несмотря на то, что в тексте фраза была установлена в формате с двойным подчеркиванием, в справочной системе она появляется с обычным подчеркиванием. При позиционировании курсора на выделенной фразе меняется вид курсора, а при щелчке осуществляется переход к теме, связанной с этой фразой. Пояснение создается аналогично отдельной теме. Для него определяется идентификатор темы, после чего термин, требующий кратких пояснений, выделяется одинарным подчеркиванием. Затем за термином в скрытом формате вводится идентификатор поясняющей темы. При щелчке мыши на данном термине открывается окно с поясняющим текстом. Для закрытия окна с пояснениями необходимо щелкнуть мышью вне окна с текстом пояснения. После этого вы возвращаетесь в то же окно, откуда вызвали окно пояснения. Разделы файла проекта справочной системы. Основные из них следующие. TITLE — определяет заголовок окна справочной системы, который должен содержать не более 3. COMPRESS — используется для сжатия справочного файла, создаваемого компилятором. Параметр может принимать значение True или False. WARNING — определяет количество сообщений об ошибках и предупреждениях, выводимых при компиляции. FORCEFONT — данный параметр используется в том случае, если в описании справочной системы использовались шрифты, отсутствующие на компьютере, где будет выполняться приложение. Параметр указывает компилятору на необходимость преобразования всех используемых в описании шрифтов к типу, введенному с параметром FORCEFONT. Пробелы в наименовании типа шрифта не допускаются. Уровни параметра WARNING. Выводимая информация. Только наиболее серьезные ошибки. Все ошибки и предупреждения. Раздел . При использовании в приложении контекстного вызова справочной системы в разделе необходимо. В результате будет создан файл справки, имеющий расширение HLP. Появляется пустое окно программы. Откройте в этом окне созданный вами файл справочной системы проекта sales командой Open (Открыть) из меню File (Файл). Например, для редактирования раздела . В результате на экране откроется диалоговое окно Options (Параметры), содержащее несколько вкладок. Для того чтобы скорректировать текст файла проекта, вам необходимо установить на вкладках требуемые. Открывая соответствующие диалоговые окна, скорректируйте текст файла проекта. Для этого выполните следующие действия. В меню File (Файл) выберите команду Run Winhelp (Запустить Win. Help). В поле File (Файл) открывшегося диалогового окна введите имя файла справки или выберите нужный файл из раскрывающегося списка ранее созданных файлов справок. Для поиска файла справки вы можете воспользоваться кнопкой Browse (Обзор), расположенной с правой стороны этого поля. Для того чтобы в диалоговом окне присутствовала вкладка Содержание, необходимо создать файл с содержанием справки. Например, для файла справки, приведенного на рис. Конечно, можно в области текста темы, открываемой при вызове справочной системы, указать ссылки на все остальные темы файла справки. Но при создании файла справки в среде. Windows более предпочтительным является отображение содержания в иерархическом виде. Для создания такого содержания в Help Workshop выполните следующие действия. В меню File (Файл) выберите команду New (Создать).
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
December 2016
Categories |