> Золотые правила плохого HTML

(Версия 0.70 от 4.7.1997)

Предисловие:

Этот трактат следует рассматривать как руководство для всех, кто намеревается прославиться плохим HTML - оформлением своей странички. Он посвящается также памяти тех, кто не нашел пути истинного.

Благодарности:

Поблагодарить я хочу всех тех, кто своим примером поставлял идеи для этого труда, а так же тех кто помогал мне найти новаторские оформления страничек.

http://www.karzauninkat.com/Goldhtml/

 

Обзор:


  1. Не читайте руководств.
  2. Всегда используйте новейшие тэги (Tags).
  3. Встречайте своих гостей с фреймами (Frames).
  4. Для начала отправьте своих гостей за браузером.
  5. Используйте много больших картинок.
  6. Не поддерживайте больше одной кодировки.
  7. Используйте большие Imagemaps.
  8. Встраивайте множество Gif-картинок и Java Applets.
  9. Знак "Здесь идет строительство" - очень важен.
  10. Используйте строку состояния браузера.
  11. Упрощайте навигацию.
  12. Убирайте лишние тэги.
  13. Не используйте <ALT>-тэг для картинок.
  14. Используйте как можно больше различных возможностей HTML.
  15. Используйте сложные вложенные фреймы.
  16. Обязательно используйте <NORESIZE>-тэг для фреймов.
  17. Используйте много восклицательных знаков!!!
  18. Текст должен мигать.
  19. Пишите всегда для конкретного браузера.
  20. Используйте чужие исходные тексты.
  21. Проектируйте всегда для конкретного разрешения экрана.
  22. В полную силу используйте горизонтальную прокрутку (Scrolling).
  23. Содержательную и логическую структуру текста необходимо хорошо завуалировать.
  24. Делайте ссылки на все известные вам поисковые системы прямо на первой странице.
  25. Встраивайте загадочные ссылки.
  26. Пишите огро-о-омные документы.
  27. Используйте как можно больше различных цветов и размеров шрифта.
  28. Бесструктурная серость - это нечто благородное.
  29. Однотонное исполнение защищает глаза.
  30. Шероховатое волокно для фона - это просто гениально.
  31. Offline - тестирование излишне...
  32. Никаких картинок на CD.
  33. Пишите ссылки попеременно, то большими, то маленькими буквами.
  34. Отвечайте на критику адекватно.
  35. Держите дистанцию с простым людом.
  36. Откажитесь от Meta - информации.
  37. Располагайте счетчик посетителей в самом верху вашей странички.
  38. Приветствуйте как это делают профессионалы.
  39. Секретный трюк: Скрытые ссылки на недоделанные страницы.
  40. Подчеркивайте свою оригинальность.
  41. Оформляйте документы исключительно графикой.
  42. Правописание - это просто.
  43. Ничего не умалчивайте.
  44. Пакуйте все в таблицу.
  45. Стандартизируйте цвета ссылок.
  46. Без JavaScript ничего не получится.
  47. Не пишите URL вашего документа еще раз в нем самом.
  48. Требуйте изменения системных шрифтов.
  49. Создавайте динамику за счет постоянного подгружения.
  50. Игнорируйте стандартный набор цветов.
  51. Делайте ссылку на чужие странички в одной из своих рамок (Frame).
  52. Задолго предупреждайте о грядущих изменениях.
  53. Не стесняйтесь заявлять о том, что у вас имеется отличная новая страничка.
  54. Упражняйтесь в метании пряников.
  55. Порадуйте криптографов и любителей головоломок.
  56. Делайте ссылки на картинки с сюрпризом.
  57. Проводите ясные границы.
  58. Offline - это устаревшее. Интересно, разве что, для любителей старины.
  59. Много окошек там где много информации.
  60. Titel это нечто для начинающих.
  61. Делайте основательные комментарии.
  62. Чем круче Meta, тем больше Profi.
  63. Много текста полезно для здоровья.
  64. Маленькие окошки нынче не в моде.
  65. Откажитесь от Anti - Aliasing.
  66. Лого должно быть большим.
  67. Пусть играет музыка!
  68. Переезд - незабываемое событие.
  69. Не тестируйте ссылки.
  70. Используете дли-и-инные списки.

  1. Вначале самое важное: Не читайте руководств, ЧаВО (ЧАсто встречающихся Вопросов и Ответов или в англоязычнойм исполнении - FAQs), прочтименя-файлов (Readme) по HTML. Чистая потеря времени. В группах новостей (Newsgroups) и на форумах можно найти достаточно компетентных людей, которые ответят на одни и те же вопросы с присущим для них великодушным терпением. К тому же совершенно бесплатно! Если ВЫ последовательный человек, то дальше читать не имеет смысла. Те же, кто не смотря на это будет читать дальше, делают это под свою ответственность. Родители несут ответственность за своих детей.
  2. Всегда используйте новейшие тэги, которые поддерживают браузеры последних версий. Это особенно важно, если ваша информация должна дойти до самой широкой публики. Благодаря этому люди будут стараться иметь у себя свеженькую Beta-версию браузера поддерживая тем самым прогресс в разработке соответствующего программного обеспечения.

    В настоящее время, например, только с Netscape Navigator 4 (Communicator) и Microsoft Internet Explorer 3.0 (и выше) можно использовать <FRAMEBORDER>-тэг, с которым можно делать фреймы без рамок. Туда же относятся <MULTICOL>-тэг, с которым возможно реализовывать тексты, состоящие из многих колонок (как в газете) и <FONT FACE>-тэг, который допускает применение любых шрифтов. Обе версии доступны с 20 августа 1996. Так что было достаточно времени для обновления своей устаревшей версии. Используйте тотчас новейшие тэги!


  3. Встречайте своих гостей с прекрасными фреймами. Откажитесь от сложных <NOFRAME> областей, которые только вводят посетителей в заблуждение. Кто не может видеть фреймы - должен позаботиться о новейшей версии браузера. См. также следующий совет.
  4. На первой странице необходимо располагать как можно больше анимированных кнопок, которые ведут к страничкам с различными браузерами, необходимых для лучшего просмотра Вашей странички. Этим Вы также доказываете как здорово вы ориентируетесь в интернете. Не забудьте также, что ссылку необходимо установить на главную страницу соответствующей фирмы, а не на Download-страницу. Посетитель будет вам бесконечно благодарен за возможность пробираться через множество уровней, пока он наконец получит возможность начать копирование выбранного им браузера.
  5. Используйте много больших картинок. Людям в очках не надо будет напрягаться, чтобы разглядеть картинки величиной с почтовую марку, а Вы можете более полно выразить себя и свой художественный талант. Параллельно Вы заботитесь и о том, чтобы интернет был более перегруженным, что в конце концов заставит ответственных задуматься о повышении пропускной способности сетей.
    Сохраняйте картинки с возможно максимальным количеством цветов и малой компрессией. В конце концов до наблюдателя должно дойти высокое качество. Это же очевидно, что любой человек готов за качество платить временем загрузки. Будьте уверены!
  6. Не поддерживайте больше одной кодировки. Зачем утруждать себя конвертированием текста, если в сети доступна масса отличных конвертеров и при том совершенно бесплатно! Если кто-то не хочет видеть салат из символов на Вашей страничке, то пусть позаботится об одинаковой с Вами операционной системе и кодировки. Ведь без сомнения Ваша система самая лучшая. В противном случае Вы бы ее не пользовали, не так ли?
  7. Всегда используйте для навигации большие Imagemaps и не заботьтесь об альтернативной поддержке в виде текстовой навигации. Текстовые строки для навигации портят общий вид страницы и к тому же посетитель может куда-нибудь кликнуть еще до полной загрузки Ваших прекрасных картин. Для каждой страницы необходимо использовать новую Imagemap для навигации (чуть-чуть измененную).
    Если Вы главную страничку сделали исключительно с использованием Imagemap и без единой строчки текста, то Вы можете в виде исключения одну графическую ссылку пожертвовать на текстовый вариант главной странички. Ваша добрая воля будет по достоинству оценена. И совершенно не важно, что текстовые браузеры (или те, в которых отключена опция для показа графики) не только не покажут подобную ссылку, но и не позволят ее каким либо способом активировать.
  8. Встраивайте как можно больше анимированных Gif-картинок и Java Applets. Интернет болен статичностью. Надо поддать немного жару! В движении жизнь! Чем больше видно одновременно - тем лучше. См. также правило 14.
  9. Вверху первой странички необходимо разместить картинку (желательно анимированную) "Идет строительство!". По крайней мере необходимо как можно раньше предупредить посетителей, что страничка находится "Under Construction" и постоянно меняется. Поскольку такое состояние абсолютно непривычно в WWW.
  10. Строка состояния браузера - отличное место для дополнительной информации, которая не помещается на страничку. Есть множество JavaScript-примеров в сети для свободного пользования. Длинная бегущая строка без окольных путей найдет своего наблюдателя. Кому, скажите на милость, надо знать сколько еще загружаться какой-нибудь страничке или какой URL у ссылки над которой находится курсор мышки? Правильно, НИКОМУ!
  11. Упростите навигацию по страничке тем, что Вы напрочь откажетесь от всякого рода внутренних ссылок. Для перелистывания страничек в каждом браузере есть красивейших форм кнопки, а для прокрутки имеется справа, входящая в стандартную поставку системы, полосочка с кнопочкой. К чему вводить в заблуждение читателя внутренними ссылками типа: "к началу страницы".
  12. При использовании картинок оставьте в покое данные о высоте, ширине и альтернативном тексте в <IMG>-тэге.
    Во-первых, картинка сама знает какого она размера и вы можете на этом сэкономить работу. HTML-документ будет компактнее и его загрузка будет быстрее.
    Во-вторых, Netscape-программисты окажутся под давлением заставить работать JavaScript без надоедливых <WIDTH=...> и <HEIGHT=...>.
    В-третьих Ваш текст будет располагаться плотно и иногда весело так прыгать в разные стороны если где-то в середине будет загружаться картинка. Еще один посильный вклад в поддержку движения в сети.
  13. Особенно важно опускать <ALT=...>-текст (показывается, если картинка еще не полностью загрузилась, но Вы это и без меня знаете) в картинках, которые являются кнопками-ссылками. В противном случае кто-нибудь обязательно придет к идее щелкнуть в эту область до полной загрузки Вашей графической кнопки и вся кропотливая работа по ее созданию пойдет на смарку.
  14. Используйте максимально возможное количество фреймов и других примочек (Gimmicks). Это затруднит наблюдателя сконцентрироваться на чем-то конкретном, что позволит ему вкусить всю картину в целом.
  15. Большое число сложных и вложенных фреймов и перекрестных ссылок, постоянная подгрузка информации - все это доказывает Вашим посетителям какую замечательную способность проникновения в сложную материю и умелого владения оной Вы имеете. Множество заказов как Web-дизайнеру Вам обеспечено.
  16. Используйте фреймы всегда с <NORESIZE>-тэгом. Вера в то, что любой посетитель Вашей странички может на свой вкус менять гениальное распределение пространства странички - дерзость высшей степени. В конце концов за подобным распределением скрыты идеи автора. Каждый, кто имеет не соответствующий современному стандарту 14"-монитор, сам виноват, что картинки не помещаются в экран и каждую строчку необходимо читать используя горизонтальную прокрутку.
  17. Используйте в центральных высказываниях как можно больше(!) восклицательных знаков!!! Только таким образом(!) можно достичь того, что подобные высказывания никогда (!!!) не останутся незамеченными!!!!!!
  18. Текст должен мерцать, чтобы он был прочитан. В каждом абзаце как минимум одно слово или строка должны привлекать внимание с помощью постоянного мерцания. Вы также можете в десятки раз облегчить навигацию, если сделаете ссылки мерцающими. Так называемая "Мерцающая ссылка". Очень здорово выглядит.
  19. Пишите всегда для конкретного браузера. Только не проговоритесь для какого. Таким образом можно принести много радости интерактивного действа людям, которым интересно сознательно исследовать степень несовместимости текста с конкретным браузером. Они наверняка будут часто заглядывать на Вашу страничку. К тому же посетители осознают ограничения собственного браузера и в следующий раз наверняка будут иметь тот который необходимо.
  20. Используйте без стеснения и ложной скромности картинки, фотографии, JavaScrips и Applets с других страничек и не забивайте голову мыслями о правах (Copyright). Пусть это делают скучные люди, не осознавшие Знаков Нашего Времени. Только "Link me"-кнопки можно оставить в стороне. Кому они нужны?

    Золотая кнопка для свободного пользования Укради меня.


  21. Разрабатывайте страничку всегда для конкретного разрешения экрана. Лучше всего для 1280 x 1024. Вы выиграете таким образом пространство для оформления странички. И не задумывайтесь о людях с маленькими экранами. Таковые встречаются очень редко, и если встречаются, то в конце концов есть удобная горизонтальная прокрутка.
  22.  В полную силу используйте горизонтальную прокрутку. Это особое, по непонятным причинам редко встречающееся, оформление материала притягивает посетителей как магнит. Чем чаще читателю одной строки приходится двигать ее горизонтально по экрану, тем мощнее зов интерактивности и, вместе с этим, радость читателя по этому поводу. Форматированный текст подходит для этого как нельзя лучше. Или огромные таблицы. И на десерт пару картин? Извольте-с! 

  23. Содержательную и логическую структуру текста необходимо хорошо завуалировать. Ничего не вводит читателя в такое глубокое заблуждение как ясная концепция. Ведь сеть по природе своей хаотична и неструктурированна. Здесь нельзя идти в разрез со всеми.
  24. Если вы делаете страничку ссылок, то не забудьте сделать сюрприз своим посетителям и внесите в список поисковые системы Alta Vista, Yahoo или Rambler. Об их существовании знает скромное меньшинство. Посетители будут признательны вам за помощь. Или еще лучше: поместите эти ссылки прямо на главной страничке (желательно вверху). Ведь главная причина посещения Вашей странички - скорейшее переключение к одной из этих поисковых систем.
  25. Ваши внутренние ссылки не должны быть слишком заметными или по крайней мере делайте их как можно загадочней. Какие-либо неожиданные ссылки помогают повысить аттрактивность Вашей странички.
  26. Пишите огро-о-омные документы, которые требуют много времени для загрузки. И, пожалуйста, не делайте каких-либо замечаний, что за ссылкой "скрывается" больших размеров документ. В этом случае Вы не украдете у человека радость предвкушения успешной загрузки документа. И если Вы предлагаете файлы для загрузки, то совсем не обязательно указывать их размеры. Для чего, спрашивается, в современных браузерах встроена функция автоматическое вычисление предполагаемого времени копирования файла?
  27. Используйте при любой ВозможНОсти множество различных по Размеру и ЦвЕту шРиФтОв. Читабельность документа будет повышена. Вы добьетесь повышенного внимания, больше радости чтения и, кроме того, наблюдателю приятно видеть сколько различных цветов существует в системе. Если Вы к тому же сделаете шрифт мерЦающИм , то воодушевлению не будет границ.
  28. Достойная альтернатива - полный отказ от цветового и структурного оформления. Красивый и гармоничный серый фон со светящимся черным шрифтом обеспечат солидную альтернативу чрезмерно напряженной пестроте сети. Откажитесь также от всякого рода форматирования: абзац, списки, структурирование. Нет ничего лучше ухоженного текстового блока, состоящего из 927 строк. Таким образом Вы гарантированно привлечете читателя на свой путь. 66" size="5">меру и ЦвЕту шРиФтОв. Читабельность документа будет повышена. Вы добьетесь повышенного внимания, больше радости чтения и, кроме того, наблюдателю приятно видеть сколько различных цветов существует в системе. Если Вы к тому же сделаете шрифт мерЦающИм , то воодушевлению не будет границ.
  29. Достойная альтернатива - полный отказ от цветового и структурного оформления. Красивый и гармоничный серый фон со светящимся черным шрифтом обеспечат солидную альтернативу чрезмерно напряженной пестроте сети. Откажитесь также от всякого рода форматирования: абзац, списки, структурирование. Нет ничего лучше ухоженного текстового блока, состоящего из 927 строк. Таким образом Вы гарантированно привлечете читателя на свой путь.
  30. Чаще оформляйте свои странички однотонными. Серый шрифт на черном фоне является, например, щадящей глаза комбинацией. Подберите так же соответствующие фону цвета для ссылок. Люди, продающие очки Вашим посетителям, будут Вам признательны.
  31. Приклейте к фону Вашей странички шероховатые бело-серые обои. Как в вашей квартире. Подобного ведь ни у кого нет. Каждый будет чувствовать себя как дома. Или дикую психоделическую комбинацию. 70-ые ведь снова в моде, не правда ли?
  32. Не делайте Offline-тестирования Вашей WWW-странички. Выпадающие окошки с сообщениями об ошибках при использовании JavaScript или отсутствующие картинки имеют особую эстетическую ценность, наслаждения от которой Вы не должны лишать своих посетителей. Ссылка-сюрприз на несуществующую страничку или на чужой фреймсет (Frameset) снова и снова привносит в происходящее необычные интерактивные моменты.
  33. тут ничего нет! Если Вы распространяете свой сайт на CD или дискете, может даже на весь мир ПК, не заботьтесь о встроенных картинках. Сообщение браузера "здесь отсутствует картинка" видят так редко, что все будут бесконечно рады праву в полной мере вкусить это эстетическое переживание. К тому же Вы сэкономите место на носителе информации; что особенно важно, если речь идет о скудных размерах компактных дисков (CD).
  34. Меняйте стиль написания ссылочных тэгов как вам вздумается; один раз большими, другой малень