- •Глава 1. Введение 174
- •Часть 1. Дизайн для Всемирной паутины Глава 1. Пройдемся по «понятиям»
- •Глава 2. «Вид» дизайна
- •Глава 3. Критические ошибки
- •Глава 4. Структура оптимизированных страниц
- •Глава 5. «Непрошеные» окна
- •Глава 6. Студия web-дизайна
- •Глава 7. «Это» — плохо!
- •Глава 8. Дизайн без «дизайна»
- •Глава 9. Гипертекстовый документ
- •Глава 10. Универсальный локатор ресурса
- •Часть 2. Основы создания гипертекстового документа Глава 1. Введение
- •Глава 2. Этикет в «паутине»
- •Глава 3. Структура
- •Глава 4. Внутри документа
- •Глава 5. Тестируйте свой документ
- •Глава 6. Таблица или фреймы
- •Глава 7. Перекодировщики кириллицы
- •Часть 3.Описание языка гипертекстовых документов Глава 1. Гипертекстовый язык
- •Глава 2.Термины гипертекста
- •Глава 3. Использование звуков
- •Глава 4. Создание графического меню
- •Глава 5. Текстовые стили
- •Глава 6. Общий интерфейс и формы языка
- •Глава 7. Фреймы
- •Глава 8.Планирование и взаимодействие фреймов
- •Глава 9.Зарезервированные имена фреймов
- •Глава 10.Создание документа html
- •Глава 11. Формы в html документах
- •Глава 12. Html 4.0
- •Глава 13. Тэги
- •Глава 15. Создание документов в формате html 4.0
- •Глава 16. Sgml и html
- •Глава 17. Как читать html dtd
- •Глава 18. Представление документа в формате html
- •Глава 19. Глобальная структура документа
- •Глава 20. Тело документа
- •Глава 21. Списки
- •Глава 22. Таблицы стилей
- •Часть 4. Редакторы web-страниц Глава 1. Основные требования
- •Глава 2. Adobe ImageReady
- •Глава 3. Corel Xara
- •Глава 4. Macromedia Fireworks
- •Глава 5. Macromedia Dreamweaver
- •Глава 6. Metacreation Headline Studio
- •Глава 7. HomeSite
- •Глава 8. Microsoft FrontPage Express
- •Часть 5. Создание Интернет-портала Глава 1. Что такое портал?
- •Глава 2. Что такое современный корпоративный портал?
- •Глава 3. Для чего нужен корпоративный портал?
- •Глава 4. Использование пакета Cold Fusion
- •Глава 5. Использование пакета Web-Oracle-Web (wow)
- •Часть 6. Cgi, php, Perl, MySql и cms системы Глава 1. Cgi
- •Глава 2. Выбор cms
- •Глава 3. Серверные скрипты
- •Глава 4. Вступление в php и MySql
- •Глава 5. Написание Гостевой книги на рнр
- •Глава 6. Гостевая книга на php — еще один вариант
- •Глава 7. Графический счетчик на php
- •Часть 7. Life Site cms — система создания и развития сайтов Глава 1. Введение
- •Глава 2. Что такое cms?
- •Глава 3. Функциональность системы
- •Глава 4. Часто задаваемые вопросы
- •Часть 8. «Раскрутка» сайта Глава 1.Выгодность хорошей «раскрутки»
- •Глава 2. Как создать вирусный трафик с помощью бесплатных электронных книг
- •Глава 3.Правильная раскрутка проекта и привлечение нужных посетителей
- •Глава 4. Экономика проекта
- •Глава 5. Стратегия эффективной работы с партнерскими программами
- •Глава 6. Преимущества использования Интернета в сетевом маркетинге
- •Глава 7. Как получить более 20 000 посетителей в день на свой сайт?
- •Глава 8. Банерная реклама
- •Часть 9. Заработок при помощи своего сайта Глава 1. Бесплатное место под ваш сайт
- •Глава 2. Как заработать на своем сайте
- •Глава 3. Банер и оплата его размещения
- •Глава 4. Влияние местоположения банера на его эффективность
- •Глава 5. Банерокрутилка на JavaScript
- •Глава 6. Бесплатное размещение web-страницы на сервере www.Geocities.Com
- •Часть 10. Уроки мастерства Глава 1. Выбираем и настраиваем домашний Web-сервер
- •Глава 2. Выводим иллюстрации в отдельном окне
- •Глава 3. Добавляем страницу в Избранное
- •Глава 4. «Откат назад» с помощью JavaScript
- •Глава 5. Индикатор состояния icq
- •Глава 6. Как поменять цвет скролл-бара
- •Глава 7. Как «обмануть» фреймы
- •Глава 8. Свойства тэга mailto
- •Глава 9. Пример практического создания сайта
- •Часть 11. Тонкости и секреты Глава 1. Фреймы
- •Глава 2. Ускоряем загрузку графики
- •Глава 3. Создаем систему быстрой навигации
- •Глава 4. Защитим страницу паролем
- •Глава 5. Устанавливаем счетчик
- •Глава 6. Десять советов web-дизайнеру
- •Глава 7. Каскадные таблицы стилей — css
- •Вопросы и ответы
- •Приложения Арсенал web-строителя
- •Тэги html
- •Meta-тэги
- •Хостинг
- •Бесплатная регистрация в поисковиках
- •Лучшие русскоязычные хостинг-серверы
- •Каталог бесплатного хостинга
- •Краткий словарь Интернета
- •Список использованных материалов
Глава 3. Структура
Если у вас есть представление о структуре информации, которую вы хотите донести до читателя, вы возможно имеете ее ментальную организацию. Обычно, это что-то типа иерархического дерева, глав книги, если вы когда-нибудь писали книгу.
Сохраните эту структуру. Это поможет читателям использовать структуру «дерево» как основу для книги: это даст им представление о том, где они находятся. Вы также можете использовать эту структуру для организации файлов в каталогах.
Вы также должны иметь в виду:
Читатели заранее должны представлять себе структуру
Идея перекрывающихся деревьев
Насколько большим должен быть документ
Ссылка или копия
Структура для читателя
Всегда считайтесь с аудиторией, для которой вы пишете. Если они новички в предмете, нормальной помощью им будет формирование четкой структуры вашей работы, чтобы они могли самостоятельно в ней разобраться. Например, если вы видите, что описываемый предмет распадается на три отдельные области, то это должно быть видно с первого взгляда.
Если, однако, ваши читатели уже имеют определенные знания предмета, то у них уже самостоятельно сформировалась эта структура. В этом случае они сознательно или подсознательно будут знать где можно найти необходимую информацию. Если ваша структура отличается от их, усиление (развитие) ее может вызвать непонимание и отвратить от вашей работы.
В этом случае вы будете вынуждены сопротивляться сильной тенденции некорректного использования вашей структуры и будете действовать в ущерб всем остальным. В этом случае есть два решения:
Если вы ориентируетесь на фиксированную аудиторию, которая разделяет ваше видение мира, то старайтесь писать точно в струе этого видения, может быть даже в ущерб собственным взглядам.
Если вы одновременно пишете для нескольких групп, тогда вы должны поддерживать оба подхода.
Когда вы делаете ссылку, обозначайте ее таким ключевым словом, чтобы некоторые люди могли пропустить ее.
Например, «Если Вы действительно хотите узнать, как это работает, смотрите Internals guide», или «Введение step-by-step можно найти в обучающей части».
Обеспечьте связи для обоих точек зрения читателей. Ваша работа будет внутренне более связанной, чем простое «дерево», но при тщательной проработке внутренних ссылок, никто не «потеряется» в вашей информации.
Обеспечьте два различных «корня» для вашего дерева. Например, вы можете написать step-by-step обучающую часть и функциональное ссылочное дерево для тех же данных. Оба дерева опираются на нижнем уровне на одни и те же данные, но в то время, как первое разбирается сначала с простейшими понятиями, второе может быть сгруппировано по функциональным признакам. Это все равно, что создать несколько указателей для одной и той же книги. Обучающая часть может также содержать информацию, которой нет в функциональном дереве.
Перекрывающиеся деревья
Новичок начинает обзор дерева сверху-слева и двигается вниз. Когда ему потребуются специфические детали, он будет брать примеры снизу (нижний уровень дерева) и из них ссылку на лежащее в основе определение для каждой детали. Как только он все усвоил, он переходит к чтению материала, имеющего структуру в виде дерева. Фактически, он читает такую же информацию, как и эксперт, который заинтересовался определенной функцией и затем обращается за примером ее использования.
Размер документа
Наиболее важным здесь является, чтобы каждый документ был завершенным с логической точки зрения. Так, не стоит резать одну идею на два произвольных кусочка только для того, чтобы сделать каждый из них меньше. Наоборот, не является хорошим стилем соединять не пересекающиеся между собой идеи, только для того, чтобы увеличить размер документа.
Документ может быть совсем малым по размеру. Например, примечание.
Существует два верхних предела для размера документа. Один из них, что длинный документ требует больше времени для передачи, поэтому читатель не может быстро входить в него и возвращаться назад, как ему бы хотелось. В наибольшей степени это зависит, конечно, от скорости передачи. Другим пределом является сложность для читателя пролистать длинный документ. Читатели, как правило, не в состоянии читать больше нескольких страниц. Они часто смотрят только информацию первой страницы и, если он их не заинтересовал, им очень докучает дальнейшее его пролистывание. Читатели также могут выйти из документа, находясь еще только в самом начале документа.
Читатели обычно пролистывают длинные документы используя scroll bar. Когда scroll bar немного перемещается, документ должен перемещаться на соответственное малое значение, так, чтобы часть оригинального окна осталась видимой. Это позволяет читателю сканировать документ. Если документ оказывается больше, тогда он становится нечитаемым и, при каждом передвижении scroll bar, читатель может потерять место на котором он остановился.
Аргументом в защиту длинных документов может служить легкость просмотра документа непрерывным потоком для читателей, имеющих scroll bars, так что они могут воспринимать его так, как он был написан.
Также они не приносят авторам неприятностей создания (или генерирования) большого количества связей и постоянного их обновления в случае изменения данных. Если создание ссылок является проблемой используйте в документе только одну ссылку — на страницу содержания. Некоторые просмотрщики имеют кнопки «next» и «previous», позволяющие просматривать документы по списку.
Приблизительным руководством по размеру документа может служить:
Для online help, menu, дающих доступ к другим материалам лучше не превышать 24 линии. Проверьте это утверждение сидя за текстовым терминалом.
Для текстовых документов — примерно 2.5 листа формата A4.
Ссылка или копия?
Когда вы создаете информационную систему, которая будет ссылаться на какие то другие материалы, будьте осторожны, прежде чем начать копирование.
Имеется несколько причин оставить информацию на прежнем месте:
Когда она обновится, вы должны будете найти способ выяснения этого и создания свежей копии или вы останетесь с просроченной копией материалов.
Если вы чувствуете, что ваша копия будет легче для доступа, помните, что она относительна. У вас появятся пользователи из других мест которые смогут найти закрытый оригинал. Если при обращении к оригиналу возникают проблемы, вы можете найти другой сервер (например свой) в качестве места хранения.
Причины для копирования:
Если информация носит временный характер, например статья, есть смысл ее скопировать
У вас может появиться желание ссылать на определенную версию чего-либо, что может быть изменено и не сохранено в архиве.
Вам следует быть очень осторожными прежде чем ссылаться на ваши личные коллекции, которые дублируют официальные коллекции:
Internet FAQ (Frequently Asked Questions)
RFCs (Request For Comments)
Information by subject
The «best» URLs on the web. Создайте личный список указателей ваших интересов.
