Пожалуй, начну с пояснения, что же это за зверь. Вам когда-нибудь приходилось пользоваться стандартной справочной системой Windows? Думаю, что да. Тогда вы уже имеете представление об этом: после загрузки появляется окно с набором иконок и гиперссылок, соответствующих разделам. При щелчке на какой-либо подраздел он раскрывается, и мы видим список подразделов. В каждом подразделе раскрывается уже список понятий. И, наконец, при щелчке на понятие появляется текст его описания. Впрочем, эта структура может иметь и другое количество уровней вложенности (зависит от тематики и назначения).
Теперь представьте, что вы занялись изучением новых программных средств, допустим, HTML и PHP. Накупили толстенных книг, накачали разных материалов из Интернета. И вот, по прошествии некоторого времени, вам срочно понадобилось посмотреть формат довольно редкого тега MARQUE или вспомнить название функции, которая удаляет из строки заданный фрагмент.
Конечно, имея на руках весь объем информации, ваша цель увенчается успехом. Вот только время, потраченное на поиск нужных сведений, стремительно возрастает с увеличением количества источников информации. К тому же, вам придется всегда иметь под рукой весь этот ворох справочных данных.
Даже если вы сидели, и пару недель старательно штудировали каждое издание, по прошествии значительного времени вам придется ох как непросто разобраться в навигации даже по собственным записям! Что делать, человеческая память не столь надежна и оперативна, как ЭВМ.
Ну ладно, вернемся к теме разговора. Пришли к выводу, что хранить справочную информацию в разрозненном виде и даже в виде общего линейного перечня - не эффективно. Что остается? Иерархический список, как наиболее естественная структура! Ведь неспроста он может помочь в любой сфере человеческой деятельности!
МОЙ СПРАВОЧНИК |
-
HTML
-
Оформление текста
-
<b>
Описание: Выделение фрагмента текста жирным шрифтом (можно накладывать поверх другого оформления).
Пример: Приветствую <b>Вас</b>, дорогой посетитель...
В итоге: Приветствую Вас, дорогой посетитель...
-
<i>
Описание: Выделение фрагмента текста курсивом (можно накладывать поверх другого оформления).
Пример: Приветствую Вас, <i>дорогой посетитель</i>...
В итоге: Приветствую Вас, дорогой посетитель...
-
CSS
-
Оформление текста
-
font-family
Описание: Указание шрифта для фрагмента текста (можно перечислять несколько параметров через точку с запятой).
Пример: Приветствую Вас, <span style="font-family:Courier;">дорогой посетитель...
В итоге: Приветствую Вас, дорогой посетитель...
-
font-size
Описание: Указание размера шрифта для фрагмента текста (можно перечислять несколько параметров через точку с запятой).
Пример: Приветствую Вас, <span style="font-size:20;">дорогой посетитель...
В итоге: Приветствую Вас, дорогой посетитель...
-
JavaScript
-
PHP
-
MYSQL
|
Вот такой пример. В нем вы сразу выбираете нужную ветвь, находите нужную группу понятий и буквально в 3 клика получаете справку по забытому элементу.
Самое замечательное, что такой справочник по силам создать каждому для себя, наполнив его той информацией, которая будет действительно необходима именно вам!
Полный листинг данного примера я приведу в конце выпуска. Просто по моим наблюдениям, участившиеся искажения выпусков в почте связаны именно с неправильной фильтрацией кода HTML-страниц в приводимых примерах.
Ну а пока отмечу основные этапы. Перво-наперво, необходимо определиться с основными разделами. Хотя добавить новый - минутное дело. Главное быть аккуратным при копировании фрагментов кода, и вести независимую систему имен ветвей.
Для наглядности, я перед каждым фрагментом кода я поствил отступ, соответствующий его уровню вложенности. Вам остается только копировать и переименовывать элементы, добавлять свои описания. Поверьте, самое сложное - начать, а уж дальше все пойдет само собой.
Работоспособность справочника протестирована в IE 6 & Opera 7. Если в вашем браузере справочник вдруг не заработает, пожалуйста, напишите об этом!
В следующий раз я расскажу про свою разработку - технологию AML, которая приятно порадует пользователей бесплатных хостингов, которым до сих пор были недоступны многие блага и достижения человечества!
P.S. В настоящее время я пользуюсь аналогичным справочником собственной разработки, но только не web-, а программной реализацией!
|