, как в Internet Explorer. Вдобавок, у Internet Explorer и Netscape разные стратэгии для управления событиями в коде. Для получения дополнительной информации об этих и других различиях обращайтесь на msdn.microsoft.com и developer.netscape.com.

Неправильный шрифт в таблице

Как убрать пустое место в ячейках или между ними

Если таблица служит для размещения изображений или для создания столбцов или границ на вашей странице, то удобнее задать фиксированную высоту ячеек. По умолчанию броузеры добавляют несколько пикселов вокруг содержимого ячейки. И даже если вам это не нужно, между содержимым и границами ячейки может остаться пустое пространство из-за странного поведения броузера.
Как убрать пустое место в ячейках или между ними

Иногда сложно понять, почему вокруг содержимого ячейки образовалось дополнительное место
Если вы хотите получить дополнительное место между ячейками, сделайте следующее.

Интервалы вокруг ячеек и между ними устанавливаются в атрибутах cellpadding и cellspacing. Чтобы выгадать место, установите оба атрибута равными 0.
Таблицы по умолчанию не отображают границы, но Netscape отображает пустое место там, где должна быть граница, даже если она не определена. Чтобы избежать этого, установите атрибут border равным 0.

Если вы используете атрибут cellspacing для создания отступов между ячейками, и таблица имеет фон, то в Netscape эти отступы окажутся другого цвета. Чтобы решить проблему, используйте атрибут cellpadding.

Если строка таблицы выше, чем вы предполагали, возможно, броузер добавил немного места снизу, прямо под изображением. Чтобы решить проблему, переместите закрывающий тэг ячейки () на ту же линию, что и содержимое ячейки, чтобы не было места перед закрывающим тэгом:

Часто дополнительное место внутри появляется из-за того, каким именно способом броузеры интерпретируют ширину столбца на основании ваших настроек. Отобразив границы ячейки, вы сможете определить, не слишком ли широки столбцы. Если это так, см. раздел "Отображаемая ширина столбца отличается от заданной".

Если ячейка таблицы содержит форму, броузеры отображают некоторое дополнительное пространство после тэга .Если вы пытаетесь разместить поля формы возможно плотнее, переместите блок из ячейки (и не оставляйте место перед тэгом , как в шаге 3.)

Неправильный шрифт в таблице

Когда вы устанавливаете начертание или размер текста, используя тэг или стиль, то рассчитываете, что ваши настройки будут влиять на весь текст, которому присвоен данный стиль. Однако так получается не всегда. В зависимости от броузера пользователя, текст внутри таблицы может отображаться не тем шрифтом или не того размера, которые вы определили вне таблицы. Особенно этим отличается Netscape 4.

Даже если вы установили шрифт для всей страницы, ваша таблица может использовать шрифт по умолчанию
Если вы видите неправильный шрифт в таблице, сделайте следующее.

Для броузеров, которые поддерживают стили (почти все броузеры сейчас поддерживают, по крайней мере, стили CSS для шрифта), вы можете установить шрифт страницы или таблицы, используя стиль. Однако не рассчитывайте на то, что настройки в тэге будут унаследованы таблицами или абзацами; Netscape 4 этого не делает. Опишите стили шрифта в тэгах ,

Search:

и . Например, поместите это блок

Если вы хотите поддерживать старые броузеры, избегайте использования стилей – используйте тэг . Однако чтобы установить шрифты в таблице, вы должны включить тэг в каждую ячейки (внутри каждого блока

This is Verdana.

This is also Verdana.

FrontPage выполнит шаг 2 за вас. На самом деле если вы откроете HTML для страницы, на которой изменили шрифт, то увидите, что FrontPage добавил тэг не только для ячеек, но и для всех абзацев на странице.
Основы создания таблиц

Создавайте таблицы, используя тэги , , и

(и тэг

для заголовков столбцов). Всегда включайте закрывающий тэг для каждого блока в таблице.

Таблицы выполняют три основные функции. Первая – они отображают список информации. Вторая – они могут обеспечивать макет страницы, деля ее на строки и столбцы. Третья – они могут представлять собой контейнер для размещения и группировки текста или изображений.

Основные опции для таблиц и ячеек:

Размерность и выравнивание таблицы. Если вы хотите установить общий размер таблицы, используйте атрибуты width и height тэга . Для центрирования таблицы или ее выравнивания по правой или левой границе используйте атрибут align тэга

– он работает так же, как и для тэга .

Поля ячеек, отступы и границы. Для отображения границ вокруг таблицы и между ячейками установите атрибут border. Для изменения расстояния между содержимом ячеек поэкспериментируйте с атрибутами cellpadding и cellspacing. Поля (padding) – это расстояние между содержимым ячеек и их границами, а отступы (spacing) – между границами ячеек. Для размещения таблицы без границ и с ячейками, края которых соприкасаются, установите все атрибуты равными 0:

Ширина столбца и высота строки. Устанавливая ширину и высоту атрибутов тэга

Выравнивание ячейки. Для выравнивания содержимого ячейки установите атрибут align для тэга

Растягивание колонок и рядов. Чтобы заставить ячейки растянуться более чем на одну строку или столбец, например, чтобы изображение занимало всю строку, используйте атрибуты colspan и rowspan.

Отображаемая ширина столбца отличается от заданной

Когда вы устанавливаете ширину или высоту ячеек в таблице – задав размер в пикселах или указав процентное отношение, то предполагаете, что они отобразятся так, как вы задали. Однако если пользователь изменяет размер окна броузера или устанавливает шрифт по умолчанию, ширина столбцов может изменяться. Если ваша графика и текст должны занимать определенное место, вам вряд ли понравится результат.
Отображаемая ширина столбца отличается от заданной

Когда картинки и расположение текста зависят от ширины столбцов, внимательно отнеситесь к установке ширины и проверьте, как отображается таблица в разных броузерах
Поведение броузера предсказуемо, если знать, что происходит. Когда окно броузера слишком мало для вашей таблицы – или когда содержимое ячейки слишком велико – ячейки с пустым местом будут уменьшены. А когда общая ширина таблицы больше, чем сумма ее столбцов и отступов, броузеры расширяют таблицу.
Чтобы управлять шириной столбцов, сделайте следующее.

Проверьте вашу таблицу в большинстве версий броузеров, чтобы понять, что с ней происходит. Разверните окно на весь экран, затем уменьшите его до минимально возможного, посмотрите, как изменяются столбцы и что нужно изменить.

Убедитесь, что в каждом тэге

Если вы хотите, чтобы один из столбцов занимал максимально возможное место, установите для него атрибут width равным 100% (но убедитесь, что другие столбцы при этом не "схлопываются").
Отображаемая ширина столбца отличается от заданной

Когда трудно понять, в чем проблема, включите отображение границ таблицы. См. раздел "Отображение границ таблицы и ячейки для тестирования".

Чтобы зафиксировать ширину всей таблицы (т.е. чтобы столбцы не изменяли размер, пока в них удается размещать содержимое), установите атрибут width для тэга

, вы можете установить размеры строки и столбца. Если вы не сделаете этого, броузер нарисует таблицу такого размера, чтобы разместить содержимое всех ячеек. Определите либо число пикселей, либо процентное отношение между шириной и высотой ячейки.

Narrow column

Narrow row

Wide column

Wide row

(влево, вправо или по центру) или атрибут valign (по верху, по середине, по низу или по базовой линии).

E-mail name:

в атрибуте width установлено количество пикселов – иначе броузеры будут добавлять место в столбцах.

в пиксельном значении. Убедитесь, что оставлили достаточно места для содержимого – но не больше суммы столбцов (плюс поля и отступы, если они есть). Например, эта таблица расширяется только до 610 пикселей, таким образом ее столбцы не изменяют размер при нормальных обстоятельствах:

С другой стороны, если таблица в большинстве случаев использует ширину столбца тэга

, но иногда столбцы текста могут быть поуже, не устанавливайте атрибут width в тэге .

Наконец, если вы хотите, чтобы таблица всегда занимала все допустимое пространство, установите ее атрибут width в процентах – например, 100%.

Если столбцы становятся слишком широкими, когда вы увеличиваете окно (например, вокруг картинок появляется пустое пространство), уменьшите значение атрибута width в тэге

Если одни столбцы становятся слишком узкими при уменьшении окна, а другие растягиваются и занимают их место, нарушая макет страницы, вы можете запретить сжатие ячеек. Если строка содержит одну строку текста или несколько изображений, то вы можете заключить их в тэги и , чтобы не разрешить броузеру переносить содержимое на новую строку. Например, этот HTML не дает изображению оторваться от текста: ячейка всегда будет вмещать два слова.

Чтобы столбец не уменьшался, включите изображение, ширина которого равна минимальной ширине столбца. Вы можете использовать вкладку – однопиксельное прозрачное изображение GIF. Чтобы создать вкладку, откройте графический редактор (Photoshop или Fireworks), создайте изображение размером 1 на 1 пиксел и экспортируйте его как прозрачный GIF (с минимумом цветов). Чтобы установить минимальную ширину ячейки, вставьте вкладку, используя тэг , и установите атрибут height равным 1, а атрибут width равным нужной ширине ячейки.

Ячейка не может стать меньше, чем это изображение, так что столбец не окажется меньше определенной ширины.

Отображение границ таблицы и ячейки для тестирования

Если с отображением таблицы возникли проблемы, попробуйте временно включить отображение границ ячеек. Так вы увидите ширину и формат ячейки при просмотре страницы.
Если ваш броузер поддерживает стили границ таблицы (как Internet Explorer 5), используйте приведенные ниже блоки стиля в начале вашей страницы, чтобы создать границы во всех таблицах. Этот код задает сплошную серую границу вокруг таблицы и серую пунктирную линию вокруг каждой ячейки. (Если серый цвет не выделяется четко на фоне ваших цветов, измените его на синий, желтый или красный.)

Если этот прием не работает в вашем броузере, установите атрибут border равным 1 для таблиц, у которых еще нет границ. После решения проблем с таблицей вы можете спрятать границы.

Sweet Lorraine

This is my message and I don’t want it to shrink.

Отображение границ таблицы и ячейки для тестирования

Если вы используете программы для создания страниц, вам нет необходимости показывать границы, чтобы увидеть проблему. Во FrontPage, например, вид Normal (Нормальный) отображает ячейку и схемы таблицы, даже если у таблицы нет границ.

Пустые ячейки не отображаются правильно в Netscape

Если вы используете таблицу для макетирования страницы, вероятно, в ней окажется несколько пустых ячеек. Пустыми ячейками вы можете распределить элементы или обеспечить вертикальные и горизонтальные линии на странице.
Пустые ячейки не отображаются правильно в Netscape

Для большинства броузеров создание пустых ячеек не представляет проблемы, но во многих версиях Netscape пустые ячейки не будут показаны. Даже если вы установите ширину и высоту для пустой ячейки, Netscape уменьшит ячейку как сможет и наверняка не отобразит цвет заднего фона. (В последних версиях Netscape не уменьшает пустые ячейки, но все так же не отображает цвет заднего фона.)
Пустые ячейки не отображаются правильно в Netscape

Netscape не отображает цвет заднего плана пустой ячейки. Некоторые версии уменьшают ячейки так, что не показывают их вообще. Пустые ячейки позволяют создать цветные поля и линии.
Выход – поместить что-нибудь в ячейку, чтобы она не была пустой, используя невидимые заполнители. Если ваши ячейки уменьшаются в Netscape, а вы хотите задать их размер, сделайте следующее.

Установите атрибуты width и height для каждого тэга

Это самое простое решение, но оно имеет серьезные ограничения: вы не можете использовать его для очень коротких ячеек, потому что пробел или символ разрыва строки не помещаются в выделенное место. (Для очень узких ячеек обычно отображается вертикальная линия.) Размер ячейки, заданный таким образом, может изменить при изменении размеров окна броузера.

Тэг – единственный для Netscape способ добавить место на странице. Установите атрибуты width и height тэга такими же, как и тэга

Другие броузеры игнорируют этот тэг, но они и не уменьшают ячейки нигде.

Незаметное GIF изображение в один пиксел. Популярное и, возможно, лучшее решение для добавления дополнительного места – незаметная вкладка. Чтобы ее создать, откройте графическую программу (такую как Photoshop или Fireworks), создайте изображение в один пиксел и экспортируйте его как прозрачный GIF файл (с минимумом цветов). Чтобы удержать ячейку открытой, вставьте вставку, используя тэг . Установите атрибуты width и height для размера ячейки, который вам нужен; броузер растянет вставку до нужного размера.

Изображение не может уменьшиться, так что ячейка всегда будет установленного размера.

Пустые ячейки не отображаются правильно в Netscape

Если вы создаете таблицы в FrontPage (в режиме Normal (Нормальный), а не в HTML), то фиксированный пробел автоматически включается в каждую пустую ячейку, чтобы избежать этой проблемы.

не работает после изменения или удаления строки, столбца, ячейки

Когда вы используете большую таблицу как макет страницы, HTML может стать сложным. Если вы изменяли таблицу и случайно пропустили блоки и

в таблице. Если вы хотите, чтобы пустая ячейка отображала цвет, отличающийся от цвета фона, установите также атрибут bgcolor.

Чтобы предохранить пустые ячейки от уменьшения, их можно заполнить фиксированными пробелами ( ), символами разрыва строки (тэг
) или символами с цветом шрифта таким же, как у фона.

Этот пример использует фиксированный пробел:

или закрывающие тэги, ваша таблица не будет отображаться правильно (или не будет отображаться вообще).
не работает после изменения или удаления строки, столбца, ячейки

не работает после изменения или удаления строки, столбца, ячейки

увеличить изображение
Когда тэги таблицы отсутствуют или перепутаны, вы можете увидеть пустые места на правой стороне таблицы
Если вы используете вложенные таблицы для размещения элементов на странице, найти ошибку может оказаться непросто. Способ решения – форматирование и упрощение вашей таблицы и кода HTML, пока вы не сможете найти проблему. Затем вы можете добавить недостающие тэги или перегруппировать элементы, чтобы получить нужный макет страницы.
Если ваша таблица выглядит неправильно и вы могли перепутать тэги, сделайте следующее.

Форматируйте код HTML так, чтобы каждый тэг таблицы был на своей строке. Проверьте тэги таблицы в следующем порядке (чтобы понять, каких тэгов не хватает):

Если вы не хотите форматировать HTML вручную, вы можете использовать инструменты форматирования. Например, если вы используете HomeSite, средство CodeSweeper может форматировать код. Сохраните вашу страницу и затем щелкните на кнопке CodeSweeper на панели инструментов HomeSite.
Средство форматирования HTML Tidy (в HomeSite или на www.w3.org) не только форматирует код, но и добавляет недостающие закрывающие тэги, что значительное сокращает время для отлаживания таблицы. Однако если тэги таблицы очень сильно перемешаны, результат может оказаться неожиданным. Сохраните страницу перед тем как запускать HTML Tidy в HomeSite, укажите на CodeSweeper в меню Tools (Сервис) и щелкните на Allaire Default HTML Tidy Settings.
не работает после изменения или удаления строки, столбца, ячейки

Если провести поиск неисправностей в таблице не удается, включите границы таблицы. См. также "Отображение границ таблицы и ячейки для тестирования".

Просмотрите внимательно ваш HTML. Если заключительные закрывающие тэги расположены не на том уровне, что и открывающие тэги, что-то отсутствует. Начните с самого глубокого уровня вложения и убедитесь, что каждая таблица имеет правильную структуру. Добавьте закрывающие тэги, если необходимо, затем отформатируйте код снова.

Если вы видите дополнительные пустые ячейки, когда просматриваете вашу страницу, посчитайте номера ячеек (блоки

) в каждом ряду. Если они не одинаковы, вам необходимо добавить или удалить ячейки или указать, что ячейка должна занимать больше места, чем обычная ячейка, установив атрибуты colspan и rowspan для тэга

или

. Если строки содержат слишком много ячеек или содержимое таблицы уходит слишком далеко вправо, ищите пропущенные тэги. Тэги говорят броузеру, когда начинать новую строку, и ячейки будут сжиматься до тех пор, пока вы эту строку не начнете.

Если вы не можете исправить таблицу, создайте новую с правильной структурой и переместите в нее элементы. Программы создания страниц, такие как FrontPage, могут облегчить этот процесс: вставьте новую таблицу с правильным числом рядов и колонок и переместите элементы в новые ячейки.
не работает после изменения или удаления строки, столбца, ячейки

увеличить изображение
Когда тэги таблицы пропущены или находятся в неправильном порядке, вы часто видите пустые места на правой стороне таблицы

Другой путь справиться со структурой таблицы, без изменения HTML или форматирования таблицы – использовать проверку на валидность. В HomeSite щелкните на Validation Document в меню Tools.

Проблемы с установкой фонового рисунка

Файл с фоновым рисунком загружается слишком медленно

Если ваш фон – это маленький рисунок, который повторяется, чтобы заполнить весь экран, то вряд ли это очень большой файл. Но если вы используете для фона полноэкранный рисунок, вы можете обнаружить, что он загружается слишком долго. И когда загрузка завершается, задний фон меняется внезапно.
Файл с фоновым рисунком загружается слишком медленно

Всегда устанавливайте фоновый цвет вашей страницы таким, чтобы он сочетался с фоновым рисунком. Таким образом, пока файл с рисунком грузится, страница отображает цвет. Когда же рисунок отобразится, это поможет избежать внезапного изменения вида страницы.
С помощью продуманного дизайна и оптимизации вашего фонового рисунка вы можете уменьшить его до приемлемого размера.
Файл с фоновым рисунком загружается слишком медленно

увеличить изображение
Даже большой фоновый рисунок может загружаться быстро, если вы минимизируете цвета и используете оптимальный формат
Сделайте следующее, чтобы решить проблему.

Откройте фоновый рисунок в своей графической программе. Если возможно, используйте исходный рисунок, например, файлы Fireworks, Photoshop или Illustrator; если нет, используйте формат GIF или JPEG.

Проверьте, имеет ли ваш рисунок деталь, повторяющуюся вниз или поперек: если имеет, вы можете уменьшить ее размер до одной секции и указать броузеру повторять ее. Делая это, убедитесь, что левый край совпадает с правым, а верхний – с нижним.

Проверьте размеры рисунка. Если рисунок больше 1024 пикселей в ширину или 768 пикселей в высоту, вы можете уменьшить его размер без какого-либо видимого эффекта. Если вы не хотите, чтобы он повторялся в случаях, когда окно броузера слишком большое, сделайте его меньше. (Как сделать, чтобы броузер не повторял изображение, см. раздел "Предотвращение повторения фонового рисунка".)

Постарайтесь уменьшить количество цветов и контрастность изображения. Фоновый рисунок должен быть простым, чтобы лучше сочетаться с содержимым страницы.

Если это фотография или цвета меняются градуировано, используйте формат JPEG. Чтобы сделать изображение меньше, уменьшите параметры качества до 60 и меньше.
Файл с фоновым рисунком загружается слишком медленно

увеличить изображение
При качестве JPEG всего в 10 процентов этот приглушенный рисунок парусника, заполняя всю страницу, имеет вполне практичный размер

Если рисунок состоит преимущественно из областей сплошного цвета, используйте формат GIF. Постарайтесь использовать минимально возможное количество цветов; рисунок GIF с 2, 4, или 8 цветами гораздо меньше, чем рисунок с 256 цветами. Используйте по возможности веб-устойчивые цвета, чтобы все броузеры могли правильно отобразить фон. (О веб-устойчивых цветах см. раздел "Номера цветов в сети".)

Используйте все возможности оптимизации и про- смотра рисунка, чтобы попробовать различные параметры. Всегда предпочитайте файл в 5 Kб файлу в 25 Kб.

Файл с фоновым рисунком загружается слишком медленно

увеличить изображение
В Photoshop 5.5 функция Save For Web позволяет вам экспериментировать с различными настройками и сравнивать результат их применения

Фон не появляется вокруг краев изображения

Даже когда изображение не квадратное, все графические файлы занимают квадратный участок экрана. Но когда рисунок имеет нестандартную форму, предпочтительнее отобразить фон вокруг его краев, иначе рисунок появится на квадратной "заплатке" (обычно белой), не слишком сочетающейся со страницей.
Фон не появляется вокруг краев изображения

увеличить изображение
Без прозрачности рисунок показывает свой настоящий размер
К счастью, рисунки GIF могут включать в себя прозрачные пиксели и области. Прозрачные области наиболее часто встречаются вокруг краев изображений, но могут быть и внутри изображения.
Чтобы задать прозрачность, выполните следующие действия.

Откройте файл с рисунком в своей графической программе. По возможности используйте исходный рисунок в Fireworks, Photoshop или Illustrator file или откройте файл GIF.

Только один цвет на вашем рисунке может быть прозрачным; все области, закрашенные этим цветом, станут просвечивать. Прежде чем экспортировать изображение, выберите цвет, который будет прозрачным. Если этот цвет – обычно белый – часто используется в вашей графике, измените фон рисунка или границы рисунка на другой цвет. (В идеале это должен быть цвет фона вашей страницы, хотя может и не быть.)

Экспортируйте файл: например, нажмите Save For Web (Photoshop) или Export Preview (Fireworks). Выделите формат GIF.

Выберите Indexed Transparency. Области, в которых вы хотите установить прозрачность, должны быть помечены серой шахматной сеткой. Если ее нет, нажмите кнопку Add Color To Trans-parency и щелкните по областям, в которых вы хотите сделать рисунок прозрачным.
Фон не появляется вокруг краев изображения

увеличить изображение
Большинство графических программ выделяют области прозрачности серой шахматной сеткой

Экспортируйте файл и просмотрите рисунок на странице с нужными вам параметрами фона.

Разные способы отображения фона сквозь рисунок
Большинство графических программ используют простейший метод прозрачности, называемой альфа-прозрачностью. При этом цвет на краях изображения меняется резко от цвета фона к цвету рисунка. Если графическая программа позволяет, вы можете улучшить изображения, используя индексированную прозрачность. Этот метод меняет цвета точно по краю, от цвета рисунка к цвету границы или заплатки, который вы выбрали.

Но у индексированной прозрачности есть один недостаток. Он проявляется, когда вы помещаете изображение на область иного цвета, чем вы индексировали: рисунок может иметь ореол. Этот эффект особенно проявляется, когда рисунок, сделанный для светлого фона, помещают на темную страницу. (С альфа-прозрачностью эта проблема проявляется реже). Каков вывод? При сохранении прозрачного GIF всегда старайтесь указывать цвет границ и заплатки, близкий к фону страницы; если вы не знаете точный цвет вашего фона, используйте альфа-прозрачность.

(За дополнительной информацией обратитесь к разделу "Изображение имеет небольшой ореол".)

Есть еще и третий вид прозрачности, называемый 8-битной, или PNG-прозрачностью, доступный только в файлах формата PNG. Используя PNG-прозрачность, вы можете указать на вашем рисунке частично сквозные области, создавая просвечивающий эффект, позволяющий отображать фон настолько, насколько это нужно. Кроме того, PNG-прозрачность решает проблему ореола: такая графика отображается одинаково хорошо на любом фоне. Так или иначе, поскольку не все броузеры поддерживают файлы PNG – 4-е версии броузеров обеспечивают лишь частичную поддержку, а более ранние не поддерживают вообще – возможно, использовать их рановато. В будущем усовершенствованные опции прозрачности PNG-файлов могут стать стандартом.

Фон сливается со страницей

Веб-страницы с фоновым цветом или рисунком смотрятся интереснее, чем простой ванильный фон. К сожалению, фон может уменьшить читаемость вашей страницы. Этот же принцип действует в книгах и журналах: для удобства чтения текст помещают на светлом сплошном фоне, и гораздо реже – поверх цветного рисунка. В сети существует еще больше причин для использования простого фона. На компьютерном экране тяжело читать текст без достаточного контраста. Поскольку все компьютерные мониторы отображают цвета немножко по-разному, используйте цветовую схему, которая обеспечивала бы хороший контраст на любом мониторе.
Даже если вы установите простой фон, старые броузеры и видеосистемы могут изменить цвета или создать эффект зернистости, уменьшающий контраст, а значит, и читаемость страницы. Если фон сливается с содержимым страницы, не отчаивайтесь. Проделайте следающие шаги, чтобы добиться правильного баланса между содержимым и фоном.
Фон сливается со страницей

увеличить изображение
Простой фон с использованием двух веб-устойчивых цветов обеспечивает хороший контраст с текстом

Выберите цвет фона, хорошо контрастирующий с текстом – светлый фон для черного текста, например. Убедитесь, что вы выбрали веб-устойчивый цвет – тот, который может быть отображен как сплошной в любом броузере. (Ничего не знаете о веб-устойчивых цветах? См. раздел "Номера цветов в сети".) Следующий тэг , например, устанавливает светло-оливковый фон, который является веб-устойчивым и обеспечивает контраст с черным текстом.

Если вы используете фоновый рисунок, постарайтесь упростить его. Если необходимо, отредактируйте изображение в графическом редакторе. Например, уменьшите до минимума количество цветов, выбрав цвета, не слишком контрастирующие друг с другом. Если возможно, используйте веб-устойчивые цвета – это лучший способ создать фон без дефектов изображения. Переведите такое изображение в формат GIF, хорошо отображающий области сплошного цвета. (За другими идеями обращайтесь к разделу "Цвета в рисунке GIF зернистые и неровные".)

Если вы выбрали в качестве фона фотографию или разноцветный рисунок, постарайтесь сделать его неброским. (Может быть, удобнее использовать рисунок только на какой-то части страницы.) Чтобы приглушить рисунок на заднем плане и повысить контраст с передним планом, исправьте рисунок в своей графической программе. Увеличьте яркость, убавьте контраст и цветовую насыщенность, чтобы "размыть" рисунок. (Если задний фон темный, а ваш текст – светлый, то яркость нужно будет понизить.) Сохраните этот рисунок в формате JPEG, чтобы точнее передать цвета.

Если вы решили расположить на заднем фоне цветной рисунок или фотографию, которые обеспечивают не слишком хорошую читаемость, попробуйте расположить текст в областях сплошного цвета. Для этого включите текст в таблицу и установите задний фон таблицы сплошным цветом. В этом примере фоном является фотография, а таблица обеспечивает область сплошного цвета для отображения текста.

Фон сливается со страницей

С цветным рисунком в качестве фона одноцветная таблица отображает легко читаемый текст

. . .

По умолчанию броузер замастит (повторит по всей странице) ваш фоновый рисунок. Если при этом видны края вашего фонового рисунка, измените его, чтобы добиться большей четкости. (Подробнее об этом см. раздел "Мне не нравится, как повторяется фоновый рисунок".)

Всякий раз, внеся изменения в фон, просматривайте страницу – трудно сказать, как будет выглядеть текст на конкретном фоне, пока сам не увидишь. Продолжайте вносить изменения, пока не получите достаточный контраст между передним и задним планом.

Мне не нравится, как повторяется фоновый рисунок

Вы можете создать фоновый рисунок, который заполнял бы все окно броузера, или размножить рисунок так, чтобы он повторялся по всей ширине или высоте страницы. Фактически, когда вы вставляете фоновый рисунок, броузер повторяет рисунок столько раз, сколько нужно, чтобы заполнить страницу. Но разработка графики таких рисунков может оказаться проблематичной, и если вы неверно просчитаете пикселы, то можете столкнуться с нежелательными эффектами на вашей странице.
Мне не нравится, как повторяется фоновый рисунок

Некоторые графические программы имеют специальные функции, чтобы помочь вам замостить фон. В Adobe ImageReady, например, вы можете добавить фильтр Tile Maker, чтобы замостить рисунком весь фон.
Если повторение фонового рисунка приводит к проблемам, сделайте следующее.

Если вы создали свой собственный фоновый узор, и у вас проблемы с тем, чтобы аккуратно его замостить, откройте его в своем графическом редакторе. Постарайтесь выровнять все края рисунка.
Мне не нравится, как повторяется фоновый рисунок

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

Если ваш узор преимущественно состоит из областей сплошного цвета, сохраните или экспортируйте его в формате GIF. Если же это фотография или цвета градуированы, используйте JPEG.

Предотвращение повторения фонового рисунка

Простейший способ избежать повторения фонового рисунка – сделать его достаточно большим, чтобы заполнить окно броузера. Откройте рисунок в графическом редакторе. Измените его размер как минимум до 1024 пикселей в ширину и 768 пикселей в высоту – максимального разрешения, используемого большинством компьютерных видеосистем. (В Photoshop нажмите Canvas Size в меню Image.) Неудобство в использовании больших рисунков заключается в том, что вы увеличиваете размер файла, и он будет загружаться медленнее. (О том, как уменьшить эту задержку, см. раздел "Файл с фоновым рисунком загружается слишком медленно".)

Если рисунок не имеет фона или цвета границ, в Photoshop используйте инструмент заливки для заполнения новой области нужным вам фоновым цветом.

Некоторые рисунки могут повторяться вниз по странице, но не поперек – например, тонкая полоска, заканчивающаяся разноцветным участком с левой стороны страницы.
Перед сохранением такого рисунка установите его ширину как минимум на один пиксел больше 1024. (Или, если рисунок вертикальный, установите его высоту чуть больше высоты экрана.) Большая ширина рисунка предотвращает его повторение по горизонтали.

Новые броузеры – те, которые поддерживают CSS – позволяют вам указывать, где повторять, а где не повторять фоновый рисунок. Используя стиль, вы можете не допустить повторения рисунка, даже если окно броузера больше изображения. Чтобы отобразить рисунок всего один раз, укажите в свойстве background-repeat тэга значение no-repeat. Или если вы хотите, чтобы фон повторялся только в одном направлении, установите значение repeat-x (для повторения только поперек) или repeat-y (для повторения только вниз).

Предотвращение повторения фонового рисунка

Предотвращение повторения фонового рисунка

увеличить изображение
Этот рисунок имеет всего несколько пикселов в высоту, но, повторяясь, он заполняет весь экран. Он шире окна, поэтому не повторяется поперек

Проблемы с установкой фонового рисунка

При помощи графических программ и добавлений к тэгу вы можете украсить страницу или таблицу на странице фоновым рисунком. Если у вас проблемы с отображением фонового рисунка, причин может быть несколько: рисунок поврежден, файл находится не в том месте, которое вы указали, или используемый вами HTML неверен. Если вы используете редактор страниц FrontPage, возможно, вы используете неверную функцию. Если вы не можете отобразить фоновый рисунок на вашей странице, сделайте следующее.

Используя Windows, определите местоположение файла с фоновым рисунком на вашем компьютере. Вы должны поместить его в папку с вашими веб-страницами или подпапку. Лучше, если формат файла – GIF или JPEG. (Вы также можете использовать формат PNG, но почти все старые броузеры не работают с этим форматом, так что лучше использовать GIF или JPEG.) Чтобы убедиться, что ваш броузер может отобразить рисунок, дважды щелкните по рисунку или перетащите его в окно вашего броузера.
Проблемы с установкой фонового рисунка

увеличить изображение
Убедитесь, что фоновый рисунок имеет формат GIF или JPEG и расположен в папке с вашими веб-файлами

Если файл с рисунком неисправен, отредактируйте или восстановите рисунок в графической программе, а затем переместите файл GIF или JPEG в папку с веб-страницами.
Проблемы с установкой фонового рисунка

Большинство броузеров предоставляет вам возможность отключить отображение рисунков. Если вы отключили рисунки, включите их.

Укажите в атрибуте background тэга имя файла вместе с расширением. (В UNIX и Linux веб-серверах вы должны учитывать регистр.) Если файл находится в подпапке корневой веб-папки, указывайте имя файла вместе с именем папки.

Установите атрибут bgcolor для фонового цвета рисунка. Таким образом, цвет фона будет загружен сразу, даже если фоновый рисунок требует времени для загрузки. (Вы знаете о спецификации цветов? См. раздел "Номера цветов в сети".)

Протестируйте страницу, чтобы проверить, работает ли фон.

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

Если страница использует тему FrontPage, то она берет фон из темы, и вы не можете указать фоновый рисунок с помощью HTML или используя описанный здесь способ. Впрочем, вы можете изменить фон в самой теме.

При помощи графических программ и добавлений к тэгу вы можете украсить страницу или таблицу на странице фоновым рисунком. Если у вас проблемы с отображением фонового рисунка, причин может быть несколько: рисунок поврежден, файл находится не в том месте, которое вы указали, или используемый вами HTML неверен. Если вы используете редактор страниц FrontPage, возможно, вы используете неверную функцию. Если вы не можете отобразить фоновый рисунок на вашей странице, сделайте следующее.

Протестируйте страницу, чтобы проверить, работает ли фон.

Прозрачность при работе с FrontPage

С FrontPage вам не нужна отдельная графическая программа, чтобы задать прозрачность рисунка.

Выберите рисунок, который вы хотите сделать прозрачным.
Прозрачность при работе с FrontPage

увеличить изображение
В FrontPage установка прозрачности – это простая трехшаговая операция

В панели Picture нажмите кнопку Set Transparent Color.

Щелкните на внешней области рисунка, чтобы выбрать фон.

Установка фона в FrontPage

Проделайте шаги 1 и 2 из предыдущего раздела, чтобы убедиться в исправности вашего графического файла, затем откройте вашу страницу в FrontPage.

В меню Format нажмите Background.

В окне Formatting выберите Background Picture. Нажмите Browse, выберите и выделите ваш графический файл, а затем нажмите OK.
Установка фона в FrontPage

В FrontPage вы можете изменить рисунок и цвет фона

Перед закрытием диалога Page Properties убедитесь, что фон вашей страницы совпадает с фоном рисунка. В окне Background на палитре Colors выберите наиболее подходящий цвет.

Если вы хотите, чтобы ваши страницы были одного цвета и с одинаковым фоном, нет необходимости устанавливать эти опции в каждом файле. Вам достаточно установить опции фона для домашней страницы. Для остальных страниц выберите опцию Get Background Infor-mation From Another Page и укажите вашу домашнюю страницу как шаблон. Если вы будете вносить изменения в параметры фона вашей основной страницы, FrontPage автоматически изменит все страницы, использующие ее в качестве шаблона.

Текст размещается неправильно

Коды специальных символов

Эти коды позволяют в HTML вводить символы, показанные справа. Ссылки по именам устойчиво работают для первых 30 символов; далее используйте номера кодов для поддержки в старых версиях броузеров. Полный список кодов см. на www.w3.org.
КодИмяСимвол

"	"	"
&	&	&
<	<	<
>	>	>

¡	¡	?
¢	¢	?
£	£	?
¤	¤	¤
¦	¦	¦
§	§	§
¨	¨	?
©	©	©
ª	ª	?
«	«	«
¬	¬	¬
®	®	®
¯	¯	?
°	°	°
±	±	±
²	²	?
³	³	?
´	´	?
µ	µ	µ
¶	¶	¶
·	·	·
¸	¸	?
¹	¹	?
º	º	?
»	»	»
¼	¼	?
½	½	?
¾	¾	?
¿	¿	?
À	À	A
Á	Á	A
Â	Â	A
Ã	Ã	A
Ä	Ä	A
Å	Å	A
Æ	Æ	?
Ç	Ç	C
È	È	E
É	É	E
Ê	Ê	E
Ë	Ë	E
Ì	Ì	I
Í	Í	I
Î	Î	I
Ï	Ï	I
Ð	Ð	?
Ñ	Ñ	N
Ò	Ò	O
Ó	Ó	O
Ô	Ô	O
Õ	Õ	O
Ö	Ö	O
×	×	?
Ø	Ø	O
Ù	Ù	U
Ú	Ú	U
Û	Û	U
Ü	Ü	U
Ý	Ý	Y
Þ	Þ	?
ß	ß	?
à	à	a
á	á	a
â	â	a
ã	ã	a
ä	ä	a
å	å	a
æ	æ	?
ç	ç	c
è	è	e
é	é	e
ê	ê	e
ë	ë	e
ì	ì	i
í	í	i
î	î	i
ï	ï	i
ð	ð	?
ñ	ñ	n
ò	ò	o
ó	ó	o
ô	ô	o
õ	õ	o
ö	ö	o
÷	÷	?
ø	ø	o
ù	ù	u
ú	ú	u
û	û	u
ü	ü	u
ý	ý	y
þ	þ	?
ÿ	ÿ	y
Œ	&OElig	?
œ	&oelig	?
Š	&Scaron	S
š	&scaron	s
Ÿ	&Yuml	Y
ˆ	&circ	?
˜	&tilde	?
–	&ndash	–
—	&mdash	—
‘	&lsquo	‘
’	&rsquo	’
‚	&sbquo	‚
“	&ldquo	“
”	&rdquo	”
„	&bdquo	„
†	&dagger	†
‡	&Dagger	‡
‰	&permil	‰
‹	&lsaquo	‹
›	&rsaquo	›
€	&euro	€
…	&hellip	…
™	&trade	™
←	&larr	<
↑	&uarr	^
→	&rarr	>
↓	&darr	v
↔	&harr	-
♠	&spades	¦
♣	&clubs	¦
♥	&hearts	¦
♦	&diams	¦

Маркированный или нумерованный список выглядит неправильно

HTML предоставляет несколько тэгов для создания списков, но широко используются только три: (для ненумерованных, или маркированных списков); (для нумерованных списков);

(для отдельных пунктов списка). Атрибуты этих тэгов позволяют указать некоторые параметры списка, например, тип, но не позволяют менять способ отображения или форматирование списка. Однако существует множество способов форматировать списки. В броузерах, которые поддерживают CSS, можно установить стили, чтобы форматировать списки. Однако поскольку списки задаются в нескольких тэгах и на них влияют различия броузеров, легко столкнуться с проблемами.
Чтобы не зависеть от поддержки броузерами CSS, создайте таблицу для форматирования списка.

Если все внизу списка сдвинуто, значит, вы пропустили окончание тэга ( или ) из списка. Добавьте его после последнего тэга

Маркированный или нумерованный список выглядит неправильно

Вы можете выбрать для нумерованных или маркированных списков другие числа или маркеры

По умолчанию нумерованные списки используют десятичные номера, а маркированные – круглые маркеры. Если вы хотите изменить маркеры, в тэге установите для атрибута type значение circle или square. Чтобы изменить номера на римские цифры или буквы, установите атрибут type для тэга равным I, i, A или a. Приведенный ниже список использует заглавные римские цифры:

For the money
For the show
To get ready
Go cat go

Если вы хотите, чтобы элементы списка отделялись двойным промежутком, например, если они представляют собой абзацы, заканчивайте каждый пункт списка разрывом строки (
) с фиксированным пробелом после него ( ):
Easy-to-Use Databases

Чтобы задать постоянные отступы вокруг и внутри списка, установите в CSS свойства границы. Поскольку вы используете много тэгов, устанавливать границы придется методом "проб и ошибок". Отступы вокруг списков устанавливаются в стилях для тэгов , и . Отступы внутри списков устанавливаются в стиле для тэга
. Приведенный ниже блок

Описание четвертого стиля устанавливает поля для блока в пределах блока .

В пятой и более поздних версиях броузеров вы можете изменять маркеры на картинки, используя свойство list-style-image.

Если вы хотите создать список с изображениями и работает в любых броузерах, используйте таблицу. Поместите изображения в ячейки в левой колонке, а текст – в правой. Используйте атрибут cellpadding, чтобы установить отступы между пунктами списка.

Слишком большие отступы между абзацами

Чтобы перейти к новой строке, вы можете в HTML вставить разрыв строки, используя тэг
, или начать новый абзац, используя тэг , который вставляет пустую строку между абзацами. Если вы хотите изменить расстояние между абзацами, до и после заголовка или между другими элементами, обратитесь к каскадированным таблицам стилей (CSS), которые позволяют вносить изменения сразу нескольких страниц. Чтобы изменить расстояние между абзацами, сделайте следующее.
Слишком большие отступы между абзацами

По умолчанию между абзацами установлен двойной отступ. Вы можете подогнать интервал с помощью стиля или таблицы

Установите свойства CSS margin-top и margin-bottom для тэга (и для других тэгов, если нужно). Приведенный ниже блок

Решение в шаге 1 не работает в броузерах, которые не поддерживают CSS, и создает дополнительные отступы между заголовками и абзацами в Netscape 4. Если вы хотите, чтобы абзацы появлялись близко друг к другу во всех броузерах, создайте таблицу и поместите каждый абзац в отдельную ячейку. Затем, чтобы задать отступы между абзацами, измените значение атрибута cellpadding в тэге

Life vests

Хочется верить, что нижний и верхний отступы по 10 пикселей соответствуют отступу в 20 пикселей. Но на самом деле расстояние между двумя элементами больше, чем сумма отступов.
Если броузер пользователя не знает введенного вами специального символа, он отображает значение кода HTML (например, ™). Если введен номер символа, броузеры отображают вопросительный знак или маленький прямоугольник.

Текст должен появляться поверх изображения

Тэги HTML обычно помещают элементы на странице последовательно, чтобы они не перекрывались, но иногда текст должен оказаться поверх изображения. Вы можете поместить изображение на задний план или добавить текст в изображение.
Текст должен появляться поверх изображения

Иногда картинки и текст выглядят неправильно
Если у вас проблемы с размещением текста поверх изображения, сделайте следующее.

Броузеры могут отображать картинки как фон всей страницы, таблицы или отдельной ячейки. Чтобы изображение оказалось ниже текста в ячейке, установите атрибут background для тэга

Текст размещается неправильно

При создании страницы с текстом заманчиво разбить текст на строки так, как вам надо – но, увы, страницы не всегда будут выглядеть именно так. Броузеры пользователей могут отображать текст по-разному: либо потому, что шрифт недоступен, либо потому, что пользователь изменил размер шрифта или окна, так что текст перестанет помещаться в отведенное ему место. Понятно, что для текста лучше оставлять побольше места. Однако бывают случаи, когда дополнительное пространство не решает проблему, например, текст должен выравниваться относительно изображения, помещаться внутри узкого ряда или колонки или строки не должны разрываться.
Текст размещается неправильно

Есть много способов разместить текст в определенном месте
Управлять текстом на странице можно несколькими способами. Если текст не помещается там, где вы хотите, сделайте следующее.

Когда вы используете размер шрифта по умолчанию, текст может не поместиться там, где нужно. Самый простой путь – это изменить размер шрифта. В старых броузерах единственный путь – использовать тэг :
I hate quotations.

Устанавливая размер шрифта в тэге , вы не будете знать наверняка его размер в разных броузерах. Броузеры интерпретируют размер шрифта по-разному, а пользователи могут изменить размер шрифта. Если вы хотите точно указать размер шрифта, используйте стиль. В свойстве font-size можно указать размер шрифта в пикселях, свойство line-height позволяет указать расстояние между строками. Этот HTML создает абзац с текстом высотой точно 14 пикселей и с минимумом дополнительного места сверху и снизу:

* Это примечание к вызывающему сомнение значению, но приятно, что он занимает так мало места.

Текст размещается неправильно Даже при установке точного размера шрифта и Netscape, и Internet Explorer позволяют пользователям увеличивать или уменьшать размер шрифта, а последний позволяет аннулировать шрифты, установленные на вашей странице.

Если текст переходит на новую строку, когда вы не хотите этого, вы можете добавить разрыв строки в тэге
. (Если вы используете FrontPage, вставьте символ разрыва строки, нажав (Shift)+(Enter)).

She ’s up in the attic,
I ’m down with the spiders,

Если вы хотите, чтобы броузер сохранял строку нетронутой и не переносил текст на новую строку, укажите это в тэгах и :

Ode to the text displayed on one line

Если текст не помещается в ячейку таблицы, сделайте столбцы шире, устанавливая атрибут width тэга

Если вы хотите, чтобы таблица вытягивалась по размеру текста, когда пользователи изменяют размер шрифта, не включайте атрибут width в тэги

Чтобы изображение отображалось целиком, установите атрибуты ячейки width и height равными размерам изображения. Если изображение окажется меньше ячейки, оно будет размножено, чтобы заполнить всю ячейку.
Текст должен появляться поверх изображения

Если вы используете FrontPage, вы можете добавить текст в изображение и без использования графических программ. Щелкните на картинке, щелкните на кнопке Text на панели инструментов Picture и наберите текст. Перетаскивайте поле текста, чтобы перемещать или изменять размеры надписи. FrontPage автоматически создает графические комбинации изображения и текста и отображает их на странице.

Для большей надежности вы можете добавить текст в изображение. Откройте изображение в графической программе, такой как Photoshop или Fireworks. Используйте инструменты текста, чтобы ввести и разместить ваш текст. Затем экспортируйте изображение как файл GIF и поместите его на страницу, используя тэг (установите атрибут alt для текста, который вы добавили, если пользователи предпочтут не отображать картинку):

Never underestimate the power of a picture.

She and I on an uneventful Sunday

. (Если вы используете FrontPage, вы можете удалить установки высоты, щелкнув на таблице и затем щелкнув на AutoFit (Автоподбор) в меню Table (Таблица).

Последние версии броузеров – Internet Explorer 5 и более поздние – позволяют вам указывать точный размер абзаца, закреплять его содержимое или прокручивать его для просмотра, используя CSS свойства width, height и overflow. Например, этот абзац будет точно 120х80 пикселов и покажет полосу прокрутки справа, если места для текста недостаточно:

Мне не нравится сжиматься, но я могу и подвинуться.

Другой способ, гарантирующий, что текст определенного размера не будет изменяться – создать изображение с этим текстом. В графической программе, такой как Photoshop или Fireworks, создайте изображение такого размера, какое ваш текст должен занимать на странице. (Установите цвет изображения таким же, как цвет фона страницы). Инструментом "текст" добавьте текст нужного размера и шрифта.

Текст размещается неправильно

Чтобы гарантировать, что текст появится в любом броузере одного и того же размера, создайте изображение

Затем экспортируйте изображение как GIF-файл и поместите его на страницу, используя тэг :

Текст-изображение часто выглядит лучше, чем обычный текст, но у него есть и недостатки. Изображение дольше загружается, текст в нем не индексирован, и пользователи не могут использовать броузер, чтобы копировать текст. Когда вы используете изображения для текста, всегда устанавливайте атрибут alt тэга так, чтобы те пользователи, броузеры которых не отображают изображения, смогли прочитать текст, а поисковые устройства смогли его индексировать.

Текст со специальными символами отображается неправильно

Когда вы используете специальные символы, такие как знак авторского права и торговый знак (©, ® и ™), валютные и математические знаки (такие как ў, ч и ±), буквы с диакритическими знаками (такие как й и у), которых нет в стандартных компьютерных знаках, они не всегда правильно отображаются в броузере. Специальные символы часто являются причиной неприятностей для тех пользователей, которые используют другие операционные системы или установки языка.
Кроме того, четыре символа в HTML обычно используются для определения тэгов и атрибутов – символы &, знаки "больше" или "меньше (< и >) и знак кавычек ("). Если вы попытаетесь использовать эти символы внутри абзаца в вашем HTML или внутри значений, которые вы определили для атрибутов, страница не будет работать. Если специальные символы являются причиной ваших проблем, сделайте следующее.

Изучите текст на вашей странице, включая титул страницы, заголовки и значения атрибутов, на предмет наличия зарезервированных для HTML символов (&, <, > и "). Измените их на HTML-эквивалент: &, <, > и ". Например, если титул вашей страницы >> Review: "Troilus & Cressida" <<, используйте следующие знаки HTML:
>>Review:"Troilus &Cressida"<<

Если вы хотите вставить символы или специальные символы так, чтобы они появлялись на вашей странице в любом броузере или системе, используйте их коды. Например, чтобы вставить знак авторского права, используйте ©:
Copyright ©2001 Evan Callahan

Вы также можете использовать номера кодов ISO для передачи символов. Например, в 5 версии броузеров можно ставить торговый знак (™) как ™, но в Netscape 4 сработает только ™. Список написаний кодов и номеров символов см. в таблице "Коды специальных символов" ниже.

Форма размещается неверно

Форма FrontPage неверно сохраняет или пересылает результаты

С помощью компонента Save Results, FrontPage может помочь вам сохранить информацию из вашей формы в файле или послать ее по электронной почте. Создав форму, добавив текстовые поля или другие объекты для ввода посетителями данных, вы можете указать FrontPage, где сохранять или куда посылать информацию, и в каком формате все это делать. Чтобы сохранять результаты, FrontPage использует специальную программу, являющуюся частью FrontPage Server Extensions.
Если на вашем сервере расширение не установлено или не сконфигурировано, или если вы не делали необходимых настроек вашей формы, вы можете не получить нужных результатов. Чтобы разобраться с проблемой и доставить информацию по адресу, сделайте следующее.

Если страница находится на диске, где расширения FrontPage Server Extensions не установлены, то форма не будет работать в броузере. (Вы сможете просмотреть страницу, но если вы отправите форму, то увидите страницу с ошибкой, озаглавленную "FrontPage Run-Time Component Page", и информация не будет сохранена.)
Форма FrontPage неверно сохраняет или пересылает результаты

Форма FrontPage неверно сохраняет или пересылает результаты

увеличить изображение
Если вы создали форму на вашей странице, FrontPage сохранит отправленную информацию в файле или отправит ее вам письмом
Чтобы использовать форму, опубликуйте страницу на сервере, содержащем FrontPage Server Extensions, а затем просмотрите страницу уже на нем.

Вы указывали пункт назначения для результатов формы? Если нет, у вас возникнут проблемы с поиском информации, отправленной через форму. По умолчанию FrontPage сохраняет результаты формы в текстовом файле. Она называется form_results.txt и хранится в папке _private вашей страницы. Вы вряд ли сможете открыть этот файл в броузере, поскольку FrontPage, из соображений безопасности, делает папку _private нечитаемой. Чтобы ее просмотреть, нажмите строку Folders в меню View, дважды щелкните на папке _private и дважды щелкните на form_results.txt.
Чтобы изменить положение файла, который FrontPage использует для результатов формы, щелкните правой кнопкой на форме, нажмите Form Properties и введите путь и имя файла в поле ввода File Name. Чтобы изменить формат файла с простого текста на что-то другое, нажмите Options и выберите опцию в окне File Format.

Если вы хотите, чтобы FrontPage отсылал вам результаты письмом, щелкните правой кнопкой на форме, нажмите Form Properties и введите адрес в поле ввода E-mail Address.

Чтобы установить параметры e-mail, нажмите Options и выберите вкладку E-mail Results. Например, вы можете изменить формат e-mail на HTML или на текстовый формат базы данных, который вы легко можете скопировать в таблицу. Если ваша форма имеет поле для ввода посетителем e-mail адреса, не забудьте ввести имя поля в окно Reply-To Line, чтобы вы могли легко ответить на сообщения, посылаемые вам.

Форма FrontPage неверно сохраняет или пересылает результаты

Установите параметры формы,чтобы указать FrontPage, куда посылать информацию, введенную пользователем. Например, вы можете указать формат электронной почты, отправляемой FrontPage

Если ваша форма все еще не отсылает e-mail – или если вы видите ошибку при отправке формы – проблема может быть с серверными расширениями или с конфигурацией почтовой службы на вашем веб-сервере. Свяжитесь с администратором сервера.

Если файл с результатами или e-mail отображает короткие имена полей, вроде T1 и S1, вам надо указать осмысленные имена для полей вашей формы. Щелкните дважды на каждом поле и наберите имя, такое как LastName или Email.

Если результаты включают поля, которые вам не нужны, вы можете убрать их. Например, FrontPage сохраняет "значение" кнопки Submit (обычно именуемой B1), в котором вы не нуждаететсь. Чтобы удалить его, щелкните правой кнопкой по форме, нажмите Form Properties, нажмите Options, выберите вкладку Saved Fields и удалите имя поля из списка.

Если вам не нравится страница Form Confirmation, отображаемая FrontPage при отправке формы, создайте и сохраните собственную страницу подтверждения. Затем щелкните правой кнопкой на форме, нажмите Form Properties, нажмите Options, выберите вкладку Confirmation Page и введите имя файла.

Если вы не хотите использовать компоненты FrontPage для работы с данными, вы можете отсылать результаты сценарию Active Server Pages (ASP) или другим серверным программам. Щелкните правой кнопкой на форме, нажмите Form Properties, нажмите Send To Other, нажмите Options и введите путь или имя программы или сценария в окне Action. Если вы хотите, чтобы форма отсылала величины скрытых полей, часто требуемые сценарию, нажмите кнопку Advanced в диалоге Form Properties, чтобы указать их. Вы можете также отсылать результаты формы в базу данных. Если у вас возникают с этим проблемы, см. раздел "FrontPage не сохраняет данные из формы в базе данных".

Форма не работает или появляется сообщение об ошибке

Большинство форм разработаны для того, чтобы получать информацию от посетителей вашей страницы и отправлять ее сценарию или программе на веб-сервере. В тэге

вы используете атрибут action, чтобы указать, к какому сценарию или программе прибегнуть, когда посетитель отправит форму. Например, если вы создаете форму, чтобы посетители послали вам e-mail, посетители вводят имя, адрес электронной почты и необходимые вам сведения. Затем форма отправляет эту информацию программе Common Gateway Interface (CGI) или серверному сценарию, такому как Active Server Pages (ASP), который отправляет e-mail. Чтобы работать, ваша программа должна быть правильно сконфигурирована для сервера и иметь все необходимые возможности. Кроме того, форма должна отсылать программе правильную информацию, используя тэги с правильными именами и параметрами. В некоторых случаях вам необходимо отправлять дополнительную информацию программе, используя скрытые поля – тэги с информацией, которыя не должна появляться на фор ме, как, к примеру, адрес e-mail, по которому вы хотите отправлять информацию. Если с каким-нибудь из этих пунктов что-то не в порядке, форма может не заработать.
Форма не работает или появляется сообщение об ошибке

Форма не работает или появляется сообщение об ошибке

Когда вы используете форму, чтобы запустить сценарий или программу на сервере, у вас могут возникнуть проблемы
Чтобы диагностировать и решить проблему с формой, сделайте следующее.

Если броузер отображает ошибку вроде "404 Page Not Found" или "Can’t open Perl script" при отправке формы, скорее всего, вы неверно указали имя или путь в тэге в атрибуте action. Проверьте указанный в форме путь и местоположение сценария на сервере.

Если вы видите ошибку вроде "Internal Server Error" или "The page cannot be displayed", вы, возможно, не имете доступа к сценариям CGI или ASP. Если у вас есть доступ к серверу, убедитесь, что папка сценария допускает его выполнение, и что вы отметили файл сценария как исполняемый. (В UNIX или Linux вы можете менять доступ к файлу, используя команду chmod – наберите chmod 755 filename.cgi чтобы ваш сценарий выполнялся.

Если вашему сценарию необходимы параметры, такие как адрес e-mail или файл, в который вы хотите отправить информацию, убедитесь, что вы это предусмотрели. (Если вы используете чужой сценарий, просмотрите сценарий или его документацию, чтобы найти необходимые параметры.) Если информация пропущена, вы можете не добиться нужных результатов. В одних случаях вы прописываете параметры сценария как его собственные переменные, в других – как скрытые поля в вашей форме. Например, эта строка HTML устанавливает параметр recipient для сценария e-mail:

Если ваш сценарий запускается, но не делает то, для чего он нужен, например не отсылает e-mail, проблему будет нелегко решить. Для сценария отправки e-mail убедитесь, что почтовая программа (или SMTP сервер) работает. Для сценария, модифицирующего файлы, убедитесь, что они доступны. Если ничего не помогает, поищите ошибки в самом сценарии, свяжитесь с провайдером или администратором сервера.

Многие серверные сценарии ASP и Perl, так же как и другие програмы CGI, свободно доступны в сети. Если вы управляете своим сервером или ваш провайдер позволяет вам использовать сценарии, вы можете добавить их на свой сайт. Список ресурсов смотрите в Приложении C.

Форма размещается неверно

Чтобы получать информацию от посетителей, вы добавили поля к своей форме. Возможно, вы пользуетесь программой дизайна, такой как FrontPage, или создали форму в HTML, используя тэги , и укажите атрибут size.

Если вы используете FrontPage, щелкните на каждом поле и отрегулируйте размер вручную.

Чтобы упорядочить вашу форму, используйте один из следующих методов.

Поскольку Internet Explorer и Netscape определяют размер текстовых полей по-разному, протестируйте форму в обоих броузерах. Если поля не совсем подходят по размеру, см. раздел "Текстовые поля имеют разную ширину в разных броузерах".

Использование методов GET и POST

Броузеры могут отправлять информацию из формы двумя способами: GET и POST. Способом GET величины формы добавляются в конец URL и отделяются от них знаком вопроса, примерно таким образом:
http://www.risingmoon.com/order.asp?Entree=Bird&Salad=Blue&Coffee=Please
Как вы видите, если у вас много полей, метод GET становится неудобным. Но у GET есть интересный побочный эффект. Когда посетители делают закладку на странице, значения полей сохраняются, таким образом, когда посетитель возвращается на страницу, величины уже введены. GET – метод по умолчанию, но POST используется для многих типов форм. Форма отправляет такую же информацию, но вместо перемещения URL она перемещается как серия заголовков HTTP. Чтобы отправить форму используя POST, установите атрибут method в тэге :

Если вы не хотите, чтобы посетители видели отсылаемые ими величины и могли воспользоваться ими снова, используйте POST.

Использование преформатированного текста

Простейший способ выравнивания текста в форме – использовать тэг

, чтобы отобразить разбивку в точности как в вашем HTML. Броузер использует моноширинный шрифт, такой как Courier, таким образом каждый символ или пробел занимают одинаковую ширину на странице.

увеличить изображение

В HTML поместите содержимое формы в блок . (Во FrontPage выберите содержимое формы и затем выделите Formatted в окошке Style в левой части панели Formatting.)
Добавьте пробелы и разрывы строк между текстом и тэгами , чтобы выровнять элементы.



Использование таблицы
Если вы не хотите использовать моноширинные шрифты, используйте таблицу для точного выравнивания элементов.
Внутри блока  создайте таблицу не меньше чем с двумя столбцами – один для подписей к полям, другой для самих полей – по строке на каждое поле.
Переместите ваш текст и тэги  внутрь тэгов

. (Во FrontPage выделите и перетащите текст и поля в нужные ячейки.)

Для каждого тэга

, содержащего заголовок поля, используйте align="right", чтобы выравнять заголовки с полями в следующем столбце. (Во FrontPage выделите ячейки и нажмите Align Right на панели Formatting.)
Использование таблицы

увеличить изображение

Чтобы отрегулировать разбивку между полями, установите атрибут cellpadding в тэге . (Во FrontPage щелкните правой кнопкой по таблице, нажмите Table Properties и введите значение в окно Cell Padding.) Вот на что должен быть похож ваш HTML:

Argus the Answer Dog

Your name:
Your email:
Your question:

Если вам не нравится, как на вашей странице выглядит стандартная кнопка Submit (Отправить), используйте свое изображение. В тэге установите type="image" и присвойте атрибуту src название файла с изображением. В FrontPage укажите Form в меню Insert и нажмите Picture. Некоторые графические редакторы, такие как Fireworks, имеют шаблоны для изображений кнопок.

Я получаю неверные значения от кнопок выбора, флажков или списков

Чтобы помочь людям с отправкой информации через форму, вы можете использовать кнопки выбора, флажки и списки. Таким образом, посетители смогут просто выбрать один из предложенных вами вариантов. В HTML вы включаете такие поля в тэгах со значениями атрибутов типа radio или checkbox, и в блоках и для атрибута type установите radio, убедитесь, что вы дали каждой кнопке в группе одинаковый атрибут name, но разный атрибут value. (Имя идентифицирует группу кнопок, а значение сообщает форме, что отправить, когда каждая кнопка выделена.)
Иначе ваша форма не объединит кнопки в группу или не отправит нужное значение выбранной опции. Текст, отображенный в окне, не обязательно такой же, как и отправляемая величина – величина часто является аббревиатурой.
Следующий HTML создает группу кнопок выбора (первая из них выбрана по умолчанию), отправляющих одно из четырeх значений поля Entree:
Main Course:
Pheasant
Hamburger ala Bun
Mussels and Squids
Tofu Fondue

Для флажков тэги с атрибутами type, равными checkbox, присваивают каждому тэгу разный атрибут name. Установите атрибут value on или yes, или значение, которое вы хотите получать, если флажок поставлен. (Если флажок не поставлен, никакой величины не отправляется. Если вам нужно, чтобы величина отправлялась в любом случае, используйте группу из двух кнопок выбора, одну со значением "Да", а другую – "Нет".)

Следующий HTML создает два флажка, первый из которых отмечен по умолчанию. Для каждого поставленного флажка форма будет передавать значение Please для этого поля:

Optional Selections:
Coffee
Flaming Dessert

Для списков, где разделы атрибут size равным 1; для окна со списком приравняйте его количеству вариантов, которое вы хотите видеть без прокручивания окна.

Следующий HTML создает ниспадающий список с четырьмя вариантами, первый из которых выбран по умолчанию. В первой опции не указана величина, поэтому если она выбрана, форма отправляет Vinaigrette. Для остальных вариантов она отправляет указанную величину, т.е. Blue, Green или Yellow:

Salad Dressing:

Я получаю неверные значения от кнопок выбора, флажков или списков

Если вы используете FrontPage, чтобы создать форму, вы заметите, что когда в первый раз вставляете поля в форму, они имеют короткие непонятные имена и значения, такие как N1 и V1. К счастью, FrontPage облегчает изменение имен полей и величин: дважды щелкните на каждом поле и введите величины в предусмотренных полях ввода.

Кнопки выбора размещаются в квадратиках

В Netscape 4 кнопки выбора всегда используют фон страницы. Если фон вашей формы или таблицы, которая ее содержит, не совпадает с фоном страницы, вы будете видеть вокруг ваших кнопок выбора квадратные окошки. Поскольку Netscape 4 поддерживает каскадированные таблицы стилей (CSS), вы можете легко решить эту проблему.
Кнопки выбора размещаются в квадратиках

Netscape 4 использует для кнопок выбора цвет фона страницы
Сделайте следующее.

Используя атрибут style тэга , установите параметр background-color CSS каждой из кнопок выбора таким же, как цвет фона формы.
Например, ваш HTML может выглядеть так:

Просмотрите результат во всех броузерах, чтобы убедиться, что цвета в порядке.

Этот способ имеет свои нюансы в разных броузерах. Netscape 6, например, использует фон кнопки внутри самой кнопки.

Настройка корректности во FrontPage

FrontPage может написать сценарий, проверяющий содержимое всех полей, вам надо указать лишь, каките значения проверять и какой тип данных в них должен содержаться.

Дважды щелкните по полю, которое должен проверить FrontPage.

Нажмите Validate. Поставьте флажок Required и укажите необходимые опции поля.
Настройка корректности во FrontPage

Программы дизайна, такие как FrontPage, могут написать сценарий проверки на корректность за вас

Отправка e-mail с веб-страницы

Большинство веб-серверов позволяют вам отправлять e-mail со страницы. Многие провайдеры, работающие под UNIX и Linux, предоставляют бесплатный сценарий Perl под названием formmail.pl или formmail.cgi, который вы можете использовать для отправки письма. Большинство провайдеров позволяют вам разместить собственный сценарий на сервере. Следующая форма, например, собирает информацию и использует formmail.cgi, чтобы отправить сообщение.
Your name:

Your email:

Your message:

Если ваш сервер использует Windows и Internet Information Server (IIS), вы можете написать ваш собственный сценарий ASP. Следующий сценарий, например, отправляет информацию из вышеуказанной формы:
<%’FormMail.asp -Sends e-mail using the CDONTS Newmail object. Set objMail =CreateObject("CDONTS.Newmail") objMail.From =Request("realname")&"<"&Request("email")&">" objMail.To =Request("recipient") objMail.Subject =Request("subject") objMail.Body =Request("message") objMail.Send %> Отправка e-mail с веб-страницы

Если вы используете веб-сервера под управлением UNIX или Linux, учтите, что имена файлов учитывают регистр, и FormMail.cgi – не то же самое, что и formmail.cgi.

Отправляя форму, люди оставляют поля незаполнеными

Многие люди не любят печатать, они предпочтут оставить поле незаполненым. Если эта информация вам очень нужна, вам придется предоставить посетителям некоторые удобства. Один из способов: поддерживать величины по умолчанию и отмечать поля, обязательные для заполнения. Другой путь – добавить сценарий проверки на корректность (validation script) – JavaScript, запускаемый при отправке формы и проверяющий содержимое всех необходимых полей. Если такой сценарий обнаруживает незаполненные поля, он выводит сообщение и не отправляет форму. Наконец, вы можете проверять информацию формы при ее попадании на серверный сценарий или программу уже после отправки, и выводить ошибку или возвращать форму.
Если посетители отправляют форму без необходимой информации, сделайте следующее.

В вашей форме отметьте необходимые поля сообщением или значком или сделайте поля, уведомляющие посетителя, что заполнить оставшиеся поля необходимо.
Отправляя форму, люди оставляют поля незаполнеными

Отправляя форму, люди оставляют поля незаполнеными

Сообщите посетителю, какая информация вам нужна

Чтобы минимизировать количество текста, которое придется набить вашим посетителям, используйте кнопки выбора, флажки и списки там, где это возможно. Например, вместо того чтобы просить посетителей написать причину их интереса, сделайте список, из которого они могли бы выбрать. Поставьте выбор по умолчанию для кнопок выбора или флажков, используйте атрибут checked в тэге ; для списков используйте атрибут selected в тэге

Чтобы поля с ключевой информацией, такой как имя посетителя, не оставались незаполнеными, используйте на странице сценарий проверки на корректность. Например, следующая функция JavaScript проверяет заполненость полей realname и email. Если поля пустые, сценарий выводит сообщение от броузера и указывает на незаполненные поля.
Отправляя форму, люди оставляют поля незаполнеными

Сценарий может проверить правильность величин перед отправкой формы на сервер

Чтобы использовать этот сценарий, вставьте код в раздел вашей страницы. Затем присоедините функцию к событию onSubmit вашей формы как указано ниже, тогда функция будет выполняться броузером прежде, чем информация будет отправлена сетевому сценарию. (Утверждение return указывает, что форма не отправится, если сценарий обнаружит пропущенную информацию.)

Если вы не хотите выводить сообщение, вам могут помочь серверный сценарий или программа. Если неверная информация уже отправлена, простейшим решением будет вывести страницу с ошибкой, предлагающую посетителю нажать в своем броузере кнопку Back и заполнить оставшиеся поля. Вы можете также отобразить форму заново, оставив всю имеющуюся информацию и подсветив незаполненные поля.

Текстовые поля имеют разную ширину в разных броузерах

Когда вы используете атрибут размера поля , чтобы установить ширину поля, Netscape и Internet Explorer воспринимают ваши настройки по-разному. Это происходит потому, что Internet Explorer использует в текстовых окнах пропорциональный шрифт, в то время как Netscape использует моноширинный шрифт, который шире.
Текстовые поля имеют разную ширину в разных броузерах

Броузеры по-разному устанавливают размер текстовых окон
Чтобы добиться одинаковой ширины текстовых окон в большинстве броузеров, сделайте следующее.

Если вы хотите использовать моноширинный шрифт, самое простое решение – указать шрифт в стиле к тэгу . Поместите этот код в раздел вашей страницы:

Если вы хотите использовать пропорциональный шрифт в Internet Explorer, используйте стиль, чтобы установить ширину каждого текстового окна:

Поскольку Netscape 4 игнорирует этот стиль, вы должны сначала указать атрибут size, просмотрев страницу в Netscape 4, чтобы убедиться в правильности размеров текстового окна. Затем отрегулируйте параметр width в пикселях, чтобы он был таким же, как в Internet Explorer.

Просмотрите вашу страницу в обоих броузерах и, если возможно, на разных компьютерах.

Netscape регулирует размер текстового окна, когда посетитель регулирует размер шрифта в своем броузере. По этой причине вы не можете быть уверены, что ваши поля поместятся в отведенное им пространство, по крайней мере не в Netscape 4 или более раннем, где установка стиля width не приносит никакого эффекта.

Фреймы не работают

Фреймы не работают
Границы или пространство между фреймами отображаются неверно
Изменение пространства между фреймами с помощью FrontPage
Неверное размещение или размер фрейма
Регулирование размеров в FrontPage
Во FrontPage недоступны функции меню Frames
Гиперссылки не загружают страницы в нужный фрейм

Ссылки к фреймам во FrontPage
Страница из FrontPage не добавляется к странице с фреймами

Управление эмоциями

Раздел является в чем-то продолжением предыдущего. Эмоции штука хорошая, до тех пор пока не начинают мешать работе. Эмоции бывают хорошие, а бывают и плохие.На эмоциях конечно можно сколотить неплохой капитал. Но точно также можно его и потерять. Да и не столько в наших работах дело, сколько в нашей повседневной жизни. В любом случае лучше если эта штука будет под нашим контролем.

Управление эмоциями - Агрессия
Эмоция - Вдохновение
Управление эмоциями - Вина
Управление эмоциями - Горе
Управление эмоциями - Успех

Управление эмоциями - Депрессия
Коммуникации и эмоции
Управление эмоциями - Любовь
Управление эмоциями - Покой
Характер управления эмоциями

Управление эмоциями - Страх
Управление эмоциями - Стресс
Управление эмоциями - Счастье
Эмоция - Удовольствие
Управление эмоциями - Чувства

Странице не хватает цветов

Фреймы не работают

Чтобы отображать фреймы, вам необходимы три вещи: страница, устанавливающая фреймсет (frameset) – общую структуру страницы, отдельные страницы, появляющиеся во фреймах, и броузер, способный отображать фреймы. Если какой-либо из этих элементов отсутствует, броузер отобразит пустую страницу, страницу с ошибкой или просто одну страницу без сделанных вами фреймов.
В наши дни, впрочем, почти все броузеры могут отображать фреймы–Netscape 2 и более поздние, Internet Explorer 3 и новее, и многие другие. Для броузеров, не отображающих фреймы, таких как только текстовый броузер Lynx, вы можете сделать специальную только текстовую страничку или специальное сообщение в секции страницы.<br>Если вы не видите фреймов, проделайте следующие шаги:<br><li>Если страница вашего фрейма имеет раздел <BODY>, удалите его так, чтобы тэг <FRAMESET> шел сразу после раздела <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/>. Страница фрейма не должна иметь раздел <BODY>, иначе броузер отображает содержимое этого раздела, но игнорирует тэги <FRAMESET> и <FRAME>. (Если вам нужно отобразить то, что содержалось в разделе <BODY>, переместите содержимое на одну из страниц, отображаемых в вашем фрейме.)</li><li><br> В тэгах <FRAMESET> страниц ваших фреймов надо указать высоту рядов и ширину столбцов, используя атрибуты rows и cols; иначе не все фреймы отобразятся. Для каждого тэга <FRAME> (или <FRAMESET>), содержащегося во фреймсете, укажите ширину и высоту в пикселях или процентах, или поставьте звездочку (*), означающую, что броузер должен предоставить все свободное пространство для этого фрейма. Например, следующие строки задают фреймсет с двумя соприкасающимися фреймами, первый 120 пикселов шириной и второй, занимающий все оставшееся место в окне броузера:<br><frameset cols="120,*"> <frame src="navbar.htm" > >frame src="main.htm"> </frameset><br> </li><li><br> Убедитесь, что каждый тэг <FRAME> указывает на файл с атрибутом src; иначе фреймы отобразятся пустыми. Кроме того, убедитесь, что все страницы, к которым вы обращаетесь, существуют, иначе броузер отобразит во фрейме сообщение об ошибке, вроде "Page Not Found".<br><br> <br> <img src="image/frejmy-ne-rabotajut_1.gif" alt="Фреймы не работают"> Даже если ваши посетители никогда ее не видят, поддержка секции <NOFRAMES> дает вам некоторые преимущества, делая ваш сайт легче находимым. Многие поисковые машины не замечают фреймов, так как они не содержат текста, но если в вашем разделе <NOFRAMES> содержится текст, поисковые машины могут его найти. По этой причине полезно включить некоторую общую информацию в этот раздел.<br><br> Когда использовать фреймы<br><br> Большинство сайтов не используют фреймы в связи с часто возникающими проблемами. В вашей странице вы, возможно, захотите использовать фреймы только по необходимости. Используя одинарные таблицы, вы можете создавать страницы с размещением, похожим на страницы с фреймами, но гораздо более простыми в управлении и использовании.<br><br> С другой стороны, фреймы могут быть очень полезны. Страницы с фреймами позволяют делать часть вашей страницы все время видимой, даже тогда, когда посетитель прокручивает содержимое других фреймов. Кроме того, страницы с фреймами позволяют вам соединить содержимое разных сайтов и серверов в одной странице, например, если вам захотелось отображать информацию на бизнес-сайте вашего партнера, как если бы это был ваш сайт.<br><br><img src="image/18-01sm.gif" alt="Фреймы не работают"><br>увеличить изображение<br>Фреймы удобны для отображения таблицы содержания или баннера, которые должны быть на виду даже когда посетитель прокручивает страницу<br><br> Если вы не нуждаетесь в подобных возможностях, не пользуйтесь фреймами. Они делают сайт более сложным и проблемным как для дизайнера (по причине большого количества рабочих файлов), так и для посетителя (поскольку закладки и навигация ведут себя необычно). Дополнительные страницы будут перегружать ваш сайт и делать загрузку медленной.<br><br></li><li><br><br> Если ваша страница не работает в броузере, не поддерживающем фреймы, вам необходимо добавить раздел <NOFRAMES> в конце установки фреймсета (прямо перед последним тэгом </FRAMESET>). Вы можете разместить весь раздел <BODY> вашей страницы или просто надпись или гиперссылку:<br><br><noframes> <body bgcolor="#cccc99"> <h1>Sailing Stories</h1> Welcome to our library of sailing stories from the San Juan Islands.<br> Your browser doesn’t appear to support frames.Check our <a href="noframes.htm"> Frame-Free Home Page</a>.<br> </body>

Фреймы не работают

Некоторые старые броузеры, а также современные версии Web TV броузеров, имеют ограниченные возможности поддержки фреймов. В этих броузерах ваши фреймы могут работать вовсе не так, как вы предполагали. Учтите, что раздел не поможет в таких случаях, поскольку он работает только в броузерах, не отображающих фреймы вообще.<br><br> <h1>Гиперссылки не загружают страницы в нужный фрейм</h1> В странице с фреймами вы можете решить расположить в одном фрейме ссылки, которые меняли бы отображаемое в другом фрейме – например, навигационную панель, позволяющую посетителю менять страницы, отображаемые в другом фрейме. Или вы можете предусмотреть ссылку, позволяющую посетителям покидать страницу с фреймами.<br>Но пока вы не укажете иначе, гиперссылка на странице с фреймами будет изменять содержимое собственного фрейма. Чтобы добиться нужного эффекта, надо указать броузеру цель каждой ссылки – фрейм или окно, в которых должна подействовать ссылка. Вам надо прописать некоторые тэги и атрибуты в разных местах; если что-нибудь упустите, ваши ссылки будут изменять не тот фрейм или открывать не то окно.<br><li><br> В тэге <FRAME> каждого фрейма, в который вы хотите загружать страницы, укажите имя, используя атрибут name. Вы будете использовать это имя как цель гиперссылки, загружающей страницу во фрейм. Например, эта строка создает фрейм с названием main:<br><frame src="welcome.htm" name="main"><br> </li><li><br> Фреймы часто используются для навигационных панелей или содержания, позволяющих посетителям изменять страницы, отображаемые в других фреймах. Используя тэг <BASE>, вы можете указать броузеру, что каждая ссылка в вашей навигации должна загружать страницы в определенный фрейм, пока вы не укажете иначе. В разделе <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/> страницы с навигацией – не страницы с фреймами – добавьте следующую строку (заменив название фрейма на необходимое вам):<br><base target="main"><br> Таким образом, устанавливается целевой фрейм по умолчанию, так что вам не придется указывать цель для каждой гиперссылки.<br><img src="image/18-07.gif" alt="Гиперссылки не загружают страницы в нужный фрейм"><br>Когда вы щелкаете по ссылке в навигационном фрейме слева, вы хотите, чтобы броузер менял страницу в главном фрейме справа и не менял отображаемого в навигационном фрейме<br> </li><li><br> Для отдельных ссылок, которые вы хотите загрузить в определенный фрейм, установите атрибут target в тэге <A>. Следующая ссылка, например, открывает страницу во фрейме с названием right:<br><br> <br> <a href="winds.htm"target="right">High Winds</a><br><br> </li><li><br><br> Если вы ссылаетесь на страницу, не принадлежащую вашей странице с фреймами, например на домашнюю страницу другой компании, вы должны использовать атрибут target, чтобы броузер не загружал страницу во фрейм. Чтобы указать другие страницы, используйте следующие специальные целевые имена _top (чтобы открыть страницу поверх существующих фреймов) или _blank (чтобы открыть страниц в новом окне). Например:<br><br><a href="homepage.htm"target="_top">Escape the Frames</a><br><br> </li><li><br><br> Если ваша страница использует форму для передачи информации сценарию или программе, например, поле ввода для поиска в навигационном фрейме, вы можете открывать страницу с результатом во фрейме или заменить страницу формы после заполнения страницей с результатом. В тэге <FORM> установите в атрибуте target имя фрейма.<br><br><form action="search.asp"target="main"><br><br> </li><li><br><br> Вы можете решить загружать страницы больше чем в один фрейм за раз. При том, что вы можете указать только одну цель, вы можете использовать простую инструкцию JavaScript, чтобы загружать еще одну страницу в другой фрейм. Например, следующий HTML открывает одну страницу во фрейме main и другую страницу во фрейме adbar (если такой фрейм существует):<br><br><a href="winds.htm"target="main" onclick="if(parent.adbar)parent.adbar.location=’ad2.htm’">High Winds</a><br><br> </li><br><br> <h1>Границы или пространство между фреймами отображаются неверно</h1> По умолчанию, броузер отображает серую границу между фреймами, с помощью которой посетители могут регулировать размер фрейма. В дополнение, он создает поля вокруг каждого фрейма, используя фоновый цвет страницы. В зависимости от содержания и назначения вашей страницы с фреймами, эти поля и границы могут выглядеть неправильно. Как бы то ни было, используя атрибуты меток <FRAMESET> и <FRAME>, вы можете изменить или удалить их.<br><img src="image/18-02sm.gif" alt="Границы или пространство между фреймами отображаются неверно"><br>увеличить изображение<br>Границы и поля, созданные по умолчанию, могут выглядеть неправильно на вашей странице. На данной странице границы слишком широкие, и верхний фрейм не имеет границы, позволяющей менять его размер<br>Однако из-за различий в принадлежности фреймов вы можете прийти к изменениям, работающим в данном конкретном броузере и не работающим в других. Например, чтобы изменить ширину границы, вы в Netscape используете другие атрибуты, нежели в Internet Explorer. Также если вы используете дизайнерскую программу, например, FrontPage, она задействует атрибуты, работающие в некоторых, но не во всех броузерах.<br>Чтобы решить проблемы с полями и пространством между фреймами, проделайте следующие шаги:<br><li><br> Если вам не нужны поля между фреймами, используйте аргумент frameborder=0 в тэге <FRAMESET>. Так или иначе, чтобы разобраться с границами во всех броузерах, вам необходимо внести некоторые изменения. Используйте для этого следующий HTML (заменяя собственные атрибуты rows или cols):<br><frameset cols="120,*"frameborder=0 framespacing=0 frameborder=no border=0><br> Internet Explorer воспринимает первые два атрибута, в то время как Netscape использует последние два. (Некоторые версии воспринимают и те и другие, но не помешает включить их все.)<br> </li><li><br> Чтобы выровнять ширину границы между фреймами, сделайте атрибуты framespacing и border одинаковыми. Если вы хотите поменять цвет границы с серого на какой либо другой, то помните, что большинство броузеров поддерживают атрибут bordercolor. Эта строка HTML, например, создает между фреймами оливковую границу толщиной в 5 пикселей (по умолчанию 2–3 пикселя):<br><br> <br> <frameset cols="120,*"border=5 framespacing=5 bordercolor="#cccc99"><br><br> </li><li><br><br> Если вы хотите расположить страницы, отображаемые внутри фреймов, ближе к их границам, или, наоборот, дальше (по умолчанию, размер полей около12 пикселей), измените атрибуты marginheight и marginwidth тэга <FRAME> в вашем фрейме. Данная строка HTML, например, располагает отображаемую страницу вплотную к границе фрейма:<br><br><frame src="adbar.htm"marginheight=2 marginwidth=2 scrolling=no><br><br> </li><li>Если страница не умещается до конца во фрейм и отображает нежелательную для вас полосу прокрутки, вы можете решить эту проблему, указав scrolling=no в тэге <FRAME>. Но учтите, что если фрейм будет недостаточно большим, чтобы отобразить все содержимое – например, если посетитель использует больший размер шрифта – у посетителя не будет никакой возможности прокрутить отображаемую страницу.</li><li>Если вы по-прежнему недовольны пространством между фреймами или полями, посмотрите на страницы, которые вы отображаете во фреймах. Их поля, рассчитанные на большее пространство, могут хуже выглядеть внутри фрейма. Попробуйте изменить ширину, поля, размещение этих страниц и затем просмотрите их в вашей странице с фреймами.</li><img src="image/frejmy-ne-rabotajut_2.gif" alt="Границы или пространство между фреймами отображаются неверно"><br><br> Если вы удалите границу между фреймами, установив frameborder=0 (или no) framespacing=0 или border=0, посетители не смогут изменять размер фрейма в броузере. Вы можете также не допустить изменения размера фрейма, сохранив границы, используя атрибут noresize:<br><br> <frame src="navbar.htm" noresize><br><br> <img src="image/frejmy-ne-rabotajut_2.gif" alt="Границы или пространство между фреймами отображаются неверно">Netscape 4 и более ранние версии не размещают фреймовую страницу вплотную к границам, даже если вы указали marginheight=0 и marginwidth=0. Netscape все равно отображает поля толщиной в 1 пиксел.<br><br> <h1>Изменение пространства между фреймами с помощью FrontPage</h1> При использовании FrontPage вы можете управлять пространством между фреймами с помощью параметров фреймов и свойств страниц.<br><li>Щелкните правой кнопкой по фрейму, который вы хотите изменить, и нажмите Frame Properties. Отрегулируйте поля, указав значения в окнах Width и Height раздела Margins.<br> <img src="image/18-03.gif" alt="Изменение пространства между фреймами с помощью FrontPage"><br><br></li><li><br> Не покидая диалоговое окно Frame Properties, нажмите Frames Page, а затем вкладку Frames.<br> Введите значение в окно Frame Spacing. Если вы не хотите отображать границы между фреймами, уберите флажок Show Borders.<br> </li><br><br> <h1>Неверное размещение или размер фрейма</h1> Создавая страницу с фреймами, вы используете комбинацию тэгов <FRAMESET> и <FRAME>, чтобы обьяснить броузеру, как отобразить страницу и какую страницу расположить в каждом фрейме. Затем вы устанавливаете начальный размер каждого фрейма. Размещение фреймов может оказаться очень не простым делом – если на вашей странице больше двух фреймов, вы можете столкнуться с трудностями при их размещении в нужном месте. Установка размеров также имеет нюансы. Не забудьте, что пользователи пользуются разными размерами окна броузера и могут менять размер этого окна – параметры ваших фреймов должны это учитывать. Для многих фреймов вам надо будет устанавливать фиксированную ширину, для других вы предпочтете размер, регулируемый броузером.<br>Если размещение или регулировка размера ваших фреймов не работают, проделайте следующие шаги.<br><li>Убедитесь в правильности основного размещения – правильности числа фреймов и расположения границ.<br> <img src="image/18-04sm.gif" alt="Неверное размещение или размер фрейма"><br>увеличить изображение<br>Размещение фреймов необходимо всегда предварительно просматривать. В HomeSite вы можете одновременно наблюдать HTML и просматривать вашу страницу с фреймами через броузер<br></li><li><br> Чтобы добавить еще один фрейм перед или следом за существующим, внесите указания размера в атрибуты rows и cols в тэге <FRAMESET> и затем вставьте новый тэг <FRAME>. Для трех столбцов, например, используйте следующий HTML:<br><frameset cols="*,*,*"> <frame src="left.htm"> <frame src="center.htm"> <frame src="right.htm"> </frameset><br> <img src="image/frejmy-ne-rabotajut_2.gif" alt="Неверное размещение или размер фрейма">Многие программы веб-дизайна помогают вам с размещением фреймов. В HomeSite, например, щелкните на кнопке Frame Wizard в панели Frames. В FrontPage щелкните New в меню File, щелкните Page, выберите вкладку Frames Pages и укажите наиболее подходящий шаблон страницы.<br> </li><li>Чтобы разделить один ряд или столбец на два, используйте nested framesets – один тэг <FRAMESET> внутри другого. Для фрейма, который вы хотите расщепить, окружите существующий тэг <FRAME> новым тэгом <FRAMESET> и добавьте дополнительный тэг <FRAME> перед или после существующего.</li><li><br><br> <br> Если фрейм неправильно расположился на странице с фреймами – например, левый столбец перекрыл страницу сверху вниз, а вы хотели, чтобы страницу слева направо перекрывала верхняя строка – измените последовательность расположения тэгов так, чтобы фреймсет, определяющий строки, оказался перед фреймсетом, определяющим столбцы, и наоборот.<br><br>  <frameset cols="*,*"> <frameset rows="*,*"> <frame src="left.htm"> <frame src="top.htm"> <frameset rows="*,*"> <frameset cols="*,*"> <frame src="top.htm"> <frame src="left.htm"> <frame src="bottom.htm"> <frame src="right.htm"> </frameset> </frameset> </frameset> </frameset><br><br> </li><li><br><br> Исправив основное размещение, отрегулируйте размеры фреймов, используя атрибуты rows и cols тэга <FRAMESET>. Для каждого ряда и столбца вы можете указать число пикселей, или использовать проценты, чтобы размер фрейма зависел от размера окна броузера. Или используйте (*) для любого ряда или столбца, чтобы броузер сам распределял оставшееся свободное пространство между фреймами.<br><br> Часто имеет смысл указывать размер одного из фреймов –например, баннера или набора ссылок, – а другому фрейму отводить оставшееся место. Например, этот HTML создает ряд фиксированной высоты внизу страницы и отводит все оставшееся место для верхнего фрейма.<br><br><frameset rows="*,50"> <frame src="main.htm"> <frame src="footer.htm"noresize> </frameset><br><br> </li><li>Если страницы не помещаются во фреймы, вы можете изменить поля фреймов, используя атрибуты marginheight или marginwidth тэга <FRAME>. Кроме того, просмотрите HTML этих страниц. Измените размещение, размеры изображений и таблиц на страницах, а затем посмотрите их снова через свою страницу с фреймами.</li><img src="image/frejmy-ne-rabotajut_1.gif" alt="Неверное размещение или размер фрейма">Если вы не хотите, чтобы посетитель изменял размер фрейма, добавьте атрибут noresize в тэг <FRAME>. Но учтите, что таким образом вы полностью исключаете возможность изменения размеров фрейма. Возможно, лучше разрешить посетителям менять размер фрейма, поскольку их настройки экрана или шрифтов могут сделать ваше размещение фреймов неудобным.<br><br> <h1>Регулирование размеров в FrontPage</h1> Если вы используете FrontPage для создания страницы с фреймами, вы можете изменять размер фрейма, щелкая на границе между фреймами и перетаскивая ее до нужных размеров. Чтобы резко изменить размеры, щелкните правой кнопкой по фрейму, щелкните Frame Properties и укажите значения в окнах Width и Row Height в разделе Frame Size.<br><img src="image/18-05.gif" alt="Регулирование размеров в FrontPage"><br><br>Если вы хотите добавить новый фрейм в вашу страницу с фреймами, щелкните по существующему фрейму, выберите Split Frame в меню Frames и выберите Split Into Columns или Split Into Rows. Затем щелкните на Set Initial Page, чтобы выделить страницу, которую вы хотите отображать во фрейме.<br><br> <h1>Ссылки к фреймам во FrontPage</h1> Если вы используете FrontPage, вы можете менять целевой фрейм гиперссылки на вашей странице с фреймами, устанавливая параметры гиперссылки.<br><li>Убедитесь, что фрейм, в который вы хотите загружать страницы, имеет имя. Если нет, щелкните правой кнопкой по фрейму и нажмите Frame Properties. Введите имя в окно Name и нажмите OK.</li><li>Щелкните правой кнопкой по гиперссылке, которую вы хотите изменить, и нажмите Hyperlink Properties. (Для создания новой гиперссылки нажмите Hyperlink в меню Insert.) Нажмите кнопку Change справа от окна Target Frame. В таблице под Current Frames Page выберите фрейм, в котором вы хотите открыть страницу – или, чтобы не загружать страницу во фрейм, выберите Whole Page или New Window в Common Targets.<br> <img src="image/18-08.gif" alt="Ссылки к фреймам во FrontPage"><br>Во FrontPage вы можете указать целевой фрейм к каждой гиперссылке или установить по умолчанию цель для всех гиперссылок на странице<br></li><li>Если вы хотите, чтобы все ссылки на данной странице загружали страницы в один фрейм, поставьте флажок Set As Page Default.</li><br><br> <h1>Страница из FrontPage не добавляется к странице с фреймами</h1> Если вы редактируете страницу с фреймами во FrontPage и затем используете команду New Page, чтобы создать новую страницу, ваша новая страница не будет добавлена к странице с фреймами. FrontPage создаст отдельную, без-фреймовую страницу. Например, вы можете захотеть создать страницу по шаблону. Вы нажимаете New в меню File, нажимаете Page и щелкаете дважды по выбранному вами типу страницы, но ваша новая страница не включается в страницу с фреймами. Чтобы создать новую страницу и включить ее в страницу с фреймами, сделайте следующее.<br><li>Сохраните и закройте новую страницу, над которой вы работали.<br> <img src="image/18-09sm.gif" alt="Страница из FrontPage не добавляется к странице с фреймами"><br>увеличить изображение<br>Чтобы добавить новую страницу в вашу страницу с фреймами, вы можете использовать шаблон или мастер. Но FrontPage не добавит вашу страницу к странице с фреймами – вам придется сделать это самостоятельно<br></li><li>Добавьте новый фрейм в вашу страницу с фреймами. Выберите существующий фрейм и нажмите Split Frame в меню Frames. Нажмите Set Initial Page во фрейме и выберите созданную вами страницу. Если вы хотите поменять файл, отображаемый в существующем фрейме, заменив его на новую, созданную вами страницу, щелкните правой кнопкой мыши по фрейму, нажмите Frame Properties и укажите страницу в окне Initial Page.</li><li>Теперь, когда ваша новая страница включена в страницу с фреймами, вы можете менять границы фреймов, указывать цели гиперссылок и вносить другие изменения в страницу, чтобы заставить ваши фреймы работать нужным образом.</li><img src="image/frejmy-ne-rabotajut_2.gif" alt="Страница из FrontPage не добавляется к странице с фреймами">Многие функции FrontPage работают с фреймами, но не все. Навигационные панели FrontPage, общедоступные границы и переходы страниц не предназначены для использования в странице с фреймами. Если вы используете шаблон или мастер, чтобы создать страницу или целый сайт, учтите, что страница может подходить, а может и не подходить для использования во фрейме.<br><br> <h1>Во FrontPage недоступны функции меню Frames</h1> Если вы открыли страницу с фреймами во FrontPage, вы можете использовать функции меню Frames, чтобы добавить, удалить или сохранить фреймы. Но когда вы редактируете обычную веб-страницу, пусть даже созданную с использованием фреймов, FrontPage делает все функции меню Frames недоступными, и вы лишаетесь возможности создавать фреймы.<br>Если вы хотите добавить данную страницу к странице с фреймами или создать новую страницу с фреймами, вам придется воспользоваться другой стратегией. Проделайте следующие шаги.<br><li>Сохраните и закройте страницу, над которой вы работаете. В шаге 3 вы отобразите ее во фрейме на вашей странице с фреймами.</li><li>Если у вас пока нет страницы с фреймами, нажмите New в меню File, нажмите Page, выберите вкладку Frames Pages, выберите наиболее подходящее вам размещение страницы с фреймами и нажмите OK. Если у вас уже есть страница с фреймами, откройте ее. (Нажмите Open в меню File.) Чтобы добавить новый фрейм, выделите уже существующий и нажмите Split Frame в меню Frames.</li><li><br> В том фрейме, где вы хотите отображать страницу, над которой вы работаете, нажмите Set Initial Page и укажите вашу страницу.<br><img src="image/18-06sm.gif" alt="Во FrontPage недоступны функции меню Frames"><br>увеличить изображение<br>Функции фреймов FrontPage включаются только после того, как вы создадите или откроете страницу с фреймами<br> <img src="image/frejmy-ne-rabotajut_2.gif" alt="Во FrontPage недоступны функции меню Frames">FrontPage позволяет устанавливать параметры совместимости, которые ограничивают применяемые вами возможности, и если у вас отключена поддержка фреймов, вы не сможете использовать никакие функции работы с фреймами во FrontPage. Нажмите Page Options в меню Tools, выберите вкладку Compatibility, поставьте флажок Frames и нажмите OK.<br> </li><li>Если вы хотите заменить файл, отображаемый в существующем фрейме, щелкните правой кнопкой по фрейму, нажмите Frame Properties и укажите вашу страницу в Initial Page.</li><br><br> <h1>Шрифт, заданный по умолчанию, выглядит неправильно</h1> <h1>Изменение размера шрифта в FrontPage</h1> Простейший способ изменить размер шрифта в FrontPage – это выделить текст и воспользоваться панелью инструментов Formatting (Форматирование). Для размера больше среднего выберите размер от 4 до 7. Для размера меньше среднего – 1 или 2. FrontРage вставляет тэги <FONT> на страницe. Когда вы включаете в текст новые части или табличные ячейки, не забудьте выбрать для них размер шрифта.<br><img src="image/20-03sm.gif" alt="Изменение размера шрифта в FrontPage"><br>увеличить изображение<br>Использование стилей предполагает более гибкое общее форматирование и позволяет установить точную высоту текста там, где это необходимо.<br>Чтобы определить стиль шрифта, выполните следующие шаги.<br><li>Удалите всё существующее форматирование шрифтов. В меню Edit выберите SelectAll и затем в меню Format выберите Remove Formatting.</li><li>Если вас не устраивает текстовый размер, заданный в тэгах HTML, измените его, используя стили. К примеру, вы можете изменить размер текста, заданный по умолчанию, пользуясь стилями в тэгах <BODY> и <TD>, или текст заголовка при помощи стилей для тэга <H1>. Выберите Style в меню Format, найдите нужное обозначение тэга (body, td или h1) в списке стилей, выберите Modify, затем Format и затем Font. Введите размер шрифта, после этого три раза нажмите ОК.<br> <img src="image/20-04.gif" alt="Изменение размера шрифта в FrontPage"><br>При помощи стилей вы можете четко устанавливать высоту шрифта равной конкретному числу пикселей<br></li><li>Для специальных размеров – чтобы определить размер текста, к примеру, равным 12 пикселам, создайте новый стиль и затем примените его к элементам вашей страницы. Выберите Style в меню Format, найдите пункт New, задайте название, начинающееся с точки (например, .small), выберите Format, затем Font, введите размер шрифта и три раза нажмите ОК.</li><li>Чтобы применить какой-либо стиль как встроенный, например, Heading 1, или созданный вами – установите курсор в какой-либо части текста, ячейке или другом элементе страницы и затем выберите стиль на панели Style слева от панели Formatting.</li><br><br> <h1>Ни один из доступных шрифтов не дает нужного эффекта</h1> Вещи, которые мы считаем само собой разумеющимися в печатном материале – четкость независимо от размеров, причудливые эффекты и яркие краски – не так легко достижимы на веб-странице.<br>Возможно, вам в голову пришел какой-то спецэффект, вроде "пылающего" тeкста или текста с тенью. Возможно, вы нашли прекрасно подходящий шрифт, но вы знаете, что он доступен не на всех броузерах. Возможно, вы хотите поместить текст в особое пространство на странице, а размеры шрифта не совсем подходят – особенно при переходе с одного броузера на другой. Выход можно найти с помощью графических программ – Macromedia Fireworks, Adobe Photoshop или ImageReady, которые предлагают оригинальное оформление текста. Создавая изображение, включающее текст, вы получаете больше возможности этот текст контролировать. С другой стороны, в этом случае будет тратиться больше времени на загрузку страницы, пользователь не сможет самостоятельно поменять размер текста и сайт будет сложнее найти. Но даже несмотря на это, большинство текста в сети – в частности, заголовки, баннеры, кнопки и логотипы – созданы как изображение, а не как обычный текст HTML.<br><img src="image/20-06sm.gif" alt="Ни один из доступных шрифтов не дает нужного эффекта"><br>увеличить изображение<br>Для баннеров, кнопок и другого нестандартного текста лучше всего использовать изображения<br>Если с простым текстом на вашей странице возникли трудности, сделайте следующее.<br><li>Определите в пикселах точный размер того пространства, на котором собираетесь разместить текст. К примеру, если текст относится к табличной ячейке, проверьте высоту и ширину тэга <TD>.</li><li>Создайте в графической программе документ данного размера, установив фоновый цвет изображения таким же, как и фон вашей веб-страницы. К примеру, в Fireworks выберите New. В меню File введите значения для высоты и ширины, затем выберите Custom under Canvas Color, чтобы выбрать цвет фона.</li><li>Выберите инструмент для ввода текста и щелкните мышью по изображению в том месте, где хотите начать ввод текста. Выберите шрифт, цвет и другие свойства текста, например, полужирный и курсив. Наберите нужный текст – или, если текста много, вернитесь снова на свою страницу и просто скопируйте его – а затем нажмите ОК. Повторите процедуру для каждого фрагмента текста.</li><li>Если хотите, можете добавить к тексту эффекты. В Fireworks выберите Effect palette, найдите эффект, такой, скажем, как Drop Shadow or Glow, а после этого задайте свойства этого эффекта. Результат от произведенных изменений вы увидите сразу же.<br><br> <br> <img src="image/20-07sm.gif" alt="Ни один из доступных шрифтов не дает нужного эффекта"><br>увеличить изображение<br> С помощью графической программы вы можете более точно указать размер текста и его расположение и отобразить его с различными эффектами<br><br></li><li>Сохраните ваше изображение с расшитрением GIF. Используйте адаптивную палитру с таким количеством цветов, которое необходимо для сглаживания краев(для простого текста вы можете обойтись только 8 цветами; для эффектов вам понадобится 128) . В Fireworks выберите Export Preview в меню File, настройте опции, выберите Export и сохраните файл в папке, доступной для вашей веб-страницы.</li><li>Переключитесь снова на вашу дизайнерскую программу и вставьте изображение на страницу. К примеру, в FrontPage в меню Insert найдите пункт Picture, затем From File, выберите изображение и нажмите ОК.</li><li><br><br> В тэге <IMG> установите атрибут alt для того же текста, что включает и ваше изображение. Таким образом, данный текст будет виден в тот момент, когда изображение загружается, и поисковые системы смогут распознать текст сразу.<br><br><img src="text.gif"alt="This is the text."height=40 width=200 border=0><br><br> Если вы пользуетесь FrontPage, щелкните правой кнопкой мыши на изображении и выберите Picture Properties, введите текст в окне Text под Alternative Representations и затем нажмите ОК.<br><br> </li><img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_2.gif" alt="Ни один из доступных шрифтов не дает нужного эффекта">Один из самых больших недостатков использования текстовых изображений – то, что такой текст становится труднее обновлять. Непременно сохраняйте исходное изображение как файл Fireworks или Photoshop, сколько бы изображений вы потом не делали. Тогда вы легче сможете менять текст.<br><br> <h1>Размер текста не соответствует остальным параметрам</h1> "Каждому – свое, или на вкус и цвет товарища нет". Это относится и к размеру текста в сети. Ваш текст будет гарантированно меняться в зависимости от броузера и системы пользователя. Windows, к примеру, отображает текст на 20% шире, чем Maсintosh. Различные шрифты занимают разное пространство, даже если их размер в пунктах один и тот же. Более того, пользователи могут менять текстовые установки в своих броузерах, если текст покажется им тяжелым для зрительного восприятия.<br><img src="image/20-02.gif" alt="Размер текста не соответствует остальным параметрам"><br>Стройте страницу таким образом, чтобы она хорошо смотрелась в любом случае, даже если пользователь пожелает изменить размер шрифта<br>В целом, лучше делать страницу так, чтобы любой размер шрифта подходил и чтобы относительный размер шрифта на вашей странице сохранялся независимо от размера страницы. Однако, используя CSS,вы можете задать установки шрифтов для того, чтобы точно определить размер там, где это необходимо. Если размер шрифта вас не устраивает, сделайте следующее.<br><li><br> Если вы задавали размер шрифта через тэг <FONT>, значит, вы хотели изменить его. Стандартами HTML рекомендуется вместо этого использовать стили. Если вы решили воспользоваться ими, последовательно устанавливайте размер, меняя значения от 1 до 7. (Размер, равный трем – размер по умолчанию.)<br><font size="4">Larger than average.</font><br> Для каждого текстового блока и для каждой ячейки таблиц используйте отдельный тэг <FONT>.<br> <img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_1.gif" alt="Размер текста не соответствует остальным параметрам">Броузеры могут воспринимать ваши установки по-разному, особенно в случае, когда пользователи пытаются увеличить или уменьшить размер текста. В Netscape всегда можно отрегулировать размер текста. В Internet Explorer шрифты, для которых вы задали определенный размер, используя CSS, не меняются (если только в свойствах броузера не разрешено игнорировать размер шрифта). Если вы хотите дать пользователям возможность самим выбирать размер, не используйте точные установки размера шрифта.<br> </li><li>Для полужирных заголовков на вашей странице используйте тэги от <H1> – для очень большого текста – до <H6> для текста, меньшего по размеру, чем текст на странице.</li><li><br><br> <br> Чтобы изменить установки шрифтов по умолчанию, пользуйтесь стилями CSS. В блоке <STYLE> или внешней таблице стилей установите свойство семейственности шрифтов в тэгах <BODY> и <TD>. Например, чтобы увеличить размер шрифта по умолчанию, добавьте следующие строки в блок <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/> вашей страницы:<br><br><style> BODY,TD {font-size:larger } </style><br><br> Размеры шрифтов могут задаваться по-разному. Можно выделить:<br><br> </li><li><br><br> </li><li>сравнительные размеры – меньше или больше</li><li>заданные шрифты – xx-small, x-small, small, medium, large, x-large, xx-large</li><li>процентные размеры – например, 125%</li><li>точная высота шрифтов в дюймах, точках или пикселях, например 18in, 11pt или 14px.</li><br><br> Для того, чтобы изменять индивидуальные текстовые размеры, создайте стиль и применяйте его к конкретным тэгам. Если необходимо точно указать размер, пользуйтесь пикселами, потому что они не меняются в различных операционных системах. Например, этот стилевой блок создает стиль small:<br><br><style> .small {font-size:12px } </style><br><br> Чтобы воспользоваться стилем, вставьте атрибут class в любой тэг, содержащий текст, который вы хотите изменить.<br><br><p class="small">This paragraph is exactly 12 pixels tall.<br><br><br> </li><img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_2.gif" alt="Размер текста не соответствует остальным параметрам">Очень маленький или очень большой шрифт может оказаться трудным для прочтения и часто не совпадает точно с тем размером, который вы указали. Если вы хотите, чтоб текст или гиперссылка поместились в небольшом пространстве, или, наоборот, были особенно заметны, создайте изображение в графическом редакторе, таком, как Fireworks или Photoshop. Более подробно см. раздел "Ни один из доступных шрифтов не дает нужного эффекта".<br><br> Размер текста, который вы набираете в FrontPage – это размер по умолчанию для Internet Explorer. Когда пользователи просматривают вашу страницу, размер текста может меняться в зависимости от броузера. Лучше разработать страницу таким образом, чтобы подходил любой размер текста, однако если вы хотите, чтоб большинство пользователей могло видеть текст крупнее или мельче, в FrontPage можно легко менять размер шрифта какой-либо части или страницы целиком.<br><br>Если же вы хотите четко определить размер текста – так, чтобы он не менялся в зависимости от броузера – пользуйтесь стилем.<br><br> <h1>Шрифт, заданный по умолчанию, выглядит неправильно</h1> Большинство броузеров отображают текст на странице шрифтом Times New Roman, которым обычно набраны книги и газеты. Если он вам не подходит, возможно, вы захотели поменять его – через HTML или используя вашу собственную программу дизайна – и столкнулись с некоторыми трудностями.<br><img src="image/20-01sm.gif" alt="Шрифт, заданный по умолчанию, выглядит неправильно"><br>увеличить изображение<br>Задать шрифт по умолчанию гораздо эффективнее и проще, чем устанавливать шрифт для каждого участка текста в отдельности<br>Например, в программе FrontPage вы могли выделить текст на странице и изменить шрифт с помощью панели инструментов. Это поменяло шрифт выделенного отрывка, но не изменило шрифт по умолчанию для всей страницы, или в HTML вы попробовали добавить дополнительный тэг <FONT> для текста. В обоих случаях вы лишь спутаете на вашей странице связанные со шрифтами установки, но так и не измените шрифт по умолчанию. Более того, если вы позже решите изменять шрифты, вы должны будете менять их ещё во многих местах. Чтобы задать по умолчанию новый шрифт, сделайьте следующее.<br><li><br> Если вы задаете параметры шрифтов через тэги <FONT>, найдите все тэги, которые связаны с указанным шрифтом, и удалите их. Это позволит уменьшить беспорядок и гарантирует, что установки для шрифта не противоречат правилам. (Вы можете оставить тэги, указывающие на второстепенные шрифтовые установки, или воспользоваться стилями – тогда их тоже следует удалить).<br> <img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_1.gif" alt="Шрифт, заданный по умолчанию, выглядит неправильно">Если вы использовали тэг <BASEFONT> Internet Explorer для того, чтобы установить шрифт, удалите его. Шрифт, заданный по умолчанию, дает лучший результат и может быть использован в большем количестве броузеров.<br> </li><li><br> Используя блок <STYLE> или внешнюю таблицу стилей, установите свойство семейственности шрифтов для тэгов <BODY> и <TD>.<br> К примеру, если вы хотите установить шрифт Verdana (или Geneva, или любой другой шрифт без засечек, если Verdana недоступен) как шрифт по умолчанию, добавьте следующие строки в блок <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/> вашей страницы:<br><br> <br> <style> BODY,TD {font-family:Verdana,Geneva,sans-serif } </style><br><br> <img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_1.gif" alt="Шрифт, заданный по умолчанию, выглядит неправильно"> Для того, чтобы задать шрифт по умолчанию, вы должны использовать стили. Это значит, что ваши установки шрифтов подействуют только в броузерах, которые поддерживают СSS, к примеру, Internet Explorer 3 и выше или Netscape 4 и выше. К счастью, в них работает большинство пользователей, а броузеры, не поддерживающие стилевые установки, просто отобразят текст шрифтом, установленным броузером по умолчанию.<br><br> </li><li><br><br> Если вы хотите задать другой шрифт для отдельных элементов страницы, таких как заголовки, добавьте дополнительные стилевые установки. Например, для того, чтобы изменить шрифт заголовка на Comic Sans MS, вставьте в блок <STYLE> следующую строку:<br><br>H1,H2,H3 {font-family:'Comic Sans MS', Helvetica,sans-serif }<br><br> Затем воспользуйтесь тэгами <H1>, <H2> и <H3> чтобы выделить текст заголовков в вашем HTML (вместо форматирования каждого заголовка отдельным тэгом <FONT>).<br><br></li><img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_2.gif" alt="Шрифт, заданный по умолчанию, выглядит неправильно">Для того, чтобы установить последовательные стили шрифтов для сети во FrontPage, вы можете использовать внутреннюю таблицу стилей или тему (см. главу "Стили"). Если вы воспользовались таблицей стилей или темой, вы должны сделать необходимые изменения в установках шрифта по умолчанию именно там, а не на отдельных страницах.<br><br> <h1>Установка шрифта по умолчанию во FrontPage</h1> <li><br> Чтобы удалить все существующее форматирование шрифтов, выберите команду SelectAll (Выделить все) в меню Edit (Правка), а затем выберите команду Remove Formatting (ОтменитьФорматирование) в меню Format (Формат).<br> Если ваша страница уже обладает специальными установками шрифта, сохраните их. Вместо того чтобы выделять целую страницу, выделяйте каждую область на странице, в которой не должны использоваться специальные установки для шрифтов, и выбирайте Remove Formatting (Отменить форматирование) в меню Format (Формат).<br> </li><li>Щелкните правой кнопкой мыши на странице и выберите Page Properties (Свойства), затем Style (Стиль), Format (Формат) и, наконец, Font (Шрифт). Выберите необходимый шрифт из списка – желательно тот, который предположительно может использоваться в большинстве систем – такой как Arial или Verdana – а затем нажмите ОК три раза.</li><li>Для того, чтобы ваши установки могли действовать в Netscape 4, вы должны задать тот же шрифт для тэга <TD> так же, как и для обычного текста. В меню Format выберите Style, затем в списке стилей выберите td (если td не отображен, выберите All HTML Tags в List box), выберите Modify, затем Format и затем Font. Укажите нужный шрифт и нажмите ОК три раза.</li><li>Для форматирования заголовков лучше использовать стили заголовков, чем обычное форматирование шрифта. Поставьте курсор на заголовок и выберите стиль, например Heading 1 или Heading 2 в списке стилей слева от панели инструментов.</li><br><br> <h1>Выбранные шрифты не отображаются на некоторых компьютерах</h1> Выбор шрифта для вашей страницы может оказаться непростым. Трудность заключается в то, что список шрифтов, установленных на компьютере, не может быть одинаковым для всех. В системах Macintosh и Windows доступные шрифты различаются. Когда броузер не может отобразить выбранный шрифт, он, как правило, меняет его на стандартный шрифт по умолчанию, к примеру, Times New Roman. К счастью, вы можете определить альтернативные шрифты, которые броузер использует, если ваш первоначальный выбор окажется невозможным. Таким образом, вы можете выбрать один шрифт для Windows, другой – для Macintоsh, и еще один – на случай, если у пользователей не установлены выбранные вами шрифты.<br>Если на вашей странице текст отображается неправильным шрифтом, сделайте следующее.<br><li><br> В HTML и таблице стилей замените каждое описание шрифта соответствующим списком имен шрифтов. Броузеры отобразят текст, используя первый шрифт, который устанавлен в системе пользователя. (Для более полного представления о том, что можно включить в список шрифтов, см. "Определение семейств шрифтов" на следующей странице).<br> В HomeSite, например, выберите Extended Replace в меню Search. В FrontPage выберите вкладку HTML и Replace в меню Edit. В окне Find What укажите шрифт, для которого вы хотите указать альтернативу, например, Arial. В окне Replace With наберите список шрифтов, отделяя их друг от друга запятыми, например Arial, Helvetica, Sans-serif. Повторите эти шаги для всех шрифтов, которые встречаются на странице.<br><img src="image/20-05.gif" alt="Выбранные шрифты не отображаются на некоторых компьютерах"><br>Там, где вы используете один шрифт в HTML, лучше заменить его на список шрифтов, чтобы обеспечить возможность замены.<br> По окончании каждый тэг <FONT> или описание стиля в вашем HTML должно выглядеть приблизительно таким образом:<br><font face="Arial,Helvetica,sans-serif">Arial text,if possible.</font><br> Если важно, чтобы текст отображался одинаково для всех пользователей, вы можете создать изображение, содержащее текст, используя графическую программу, такую, как Fireworks или Photoshop, однако из-за этого ваша страница может загружаться медленней. Более подробно см. "Ни один из доступных шрифтов не дает нужного эффекта".<br><br> <br> <style> BODY,TD { font-family:Arial,Helvetica,sans-serif } </style><br><br> </li><li>Используйте список шрифтов, а не один шрифт в атрибуте face, в тэге <FONT> или пользуясь свойством семейственности шрифтов в CSS.</li><li>Если возможно, просмотрите вашу страницу на других компьютерах, чтобы убедиться, что шрифты выглядят так, как нужно.</li><img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_1.gif" alt="Выбранные шрифты не отображаются на некоторых компьютерах">Всегда вводите названия шрифтов точно так, как они указаны в системном программном обеспечении, иначе броузер не сможет использовать их. Если имя шрифта содержит пробелы, вписывайте имя в одинарных кавычках. Например: <font face="'Arial Narrow', Helvetica, sans-serif"><img src="image/shrift-zadannyj-po-umolchaniju-vygljadit_1.gif" alt="Выбранные шрифты не отображаются на некоторых компьютерах">В этих примерах приводятся шрифты, которые установлены практически у всех пользователей, но этим не ограничивает ваш выбор в области шрифтов. Если найдется особый шрифт, который вы бы хотели использовать – Palatino или Century Schoolbook, к примеру – сопроводите этот желаемый шрифт наиболее близким из этого семейства на то случай, если данный шрифт не установлен.<br><br> Определение семейств шрифтов<br><br> Ключом к тому, чтобы выбранные вами шрифты или их ближайшие родственники отображались на экране, является правильное определение наиболее часто устанавливаемых шрифтов. В конце каждого описания шрифтов включается общий тип шрифта, например serif, sans-serif или monospace.<br><br> Ниже предложены некоторые из семейств шрифтов, отобранные из тех, что обычно встречаются в газетах или книгах (названия с пробелами заключены в кавычки, как требуется в HTML).<br><br> <li>'Times New Roman', Times, serif</li><li>Georgia, 'New York', 'Times New Roman', Times, serif</li><li>Garamond, Palatino, serif</li><br><br> Ниже приведены семейства шрифтов sans-serif (расположенные тем же образом, и с указанием общего типа).<br><br> <li>Arial, Helvetica, sans-serif</li><li>'Arial Narrow', Helvetica, sans-serif</li><li>Verdana, Geneva, Helvetica, sans-serif</li><li>'Comic Sans MS', Helvetica, sans-serif</li><li>System, Chicago, sans-serif</li><br><br> Наконец, используйте следующее описание для monospace – стиля "пишущей машинки":<br><br> <li>'Courier New', Courier, monospace</li><br><br> <h1>Начало работы с FrontPage</h1> <h1>Начало работы с FrontPage</h1> Создав страницу с использованием вышеуказанных опций, вы сможете перейти к дизайну и содержанию вашего сайта:<br><li><br> Определитесь с форматом и расцветкой вашей страницы. Чтобы изменить тему страницы, то есть набор предустановленных цветов и стилей, обеспечивающих появление содержимого, нажмите Theme в меню Format.<br><img src="image/21-02sm.gif" alt="Начало работы с FrontPage"><br>увеличить изображение<br>Тема обеспечивает содержательный и красочный стиль<br> Или, если вы хотите в большей степени управлять форматированием, чем это допускает тема, установите ваши собственные цвета и фон. (Щелкните правой кнопкой на странице и нажмите Page Properties.) Форматируйте страницу как раньше, или создайте и добавьте таблицу стилей (см. "Стили").<br> </li><br><br> <h1>Некоторые функции FrontPage недоступны</h1> FrontPage отключает те меню и опции, которые в данный момент недоступны. Если ваш сайт использует ваши настройки, то есть вы указали FrontPage, с какими броузерами должны работать ваши страницы, FrontPage отключает функции, несовместимые с вашими настройками.<br>Если команда или функция, которую вы хотите использовать, недоступна, сделайте следующее.<br><li>Если вы установили настройки совместимости для вашего сайта, некоторые функции FrontPage могут стать недоступными. Например, если вы укажете FrontPage, что вам не требуются каскадированные таблицы стилей (CSS), то вы точно не сможете использовать стили на вашей странице. Чтобы включить все функции FrontPage, нажмите Page Options в меню Tools, выберите вкладку Compatibility и поставьте все флажки.<br> <img src="image/21-13.gif" alt="Некоторые функции FrontPage недоступны"><br>Ваши настройки совместимости могут привести к отключению функций FrontPage<br></li><li>Команды редактирования и печати недоступны, пока вы не редактируете страницу. (Чтобы открыть страницу, нажмите Open в меню File; чтобы активировать открытую страницу, нажмите значок Page в панели инструментов Views.) Чтобы включить команды в меню Table, выделите таблицу или ячейку. Команды меню Frames доступны только на странице с фреймами.</li><li>Режимы Web (все, кроме режима Page) отключены, когда вы редактируете страницу, не являющуюся частью сайта FrontPage. Чтобы открыть сайт, нажмите Open Web в меню File.</li><li>Функции безопасности работают только на сервере с FrontPage Server Extensions. Чтобы изменить параметры допуска, вы должны открыть директорию вашего сайта на сервере. Нажмите Open Web в меню File и укажите адрес, наподобие http://имя_сервера. Затем выберите Security в меню Tools и нажмите Permissions.</li><li>Чтобы использовать команды Check Out и Check In, вы должны сначала включить их. Нажмите Web Settings в меню Tools и выделите Use Document Check-In And Check-Out.</li><br><br> <h1>Ни один из шаблонов FrontPage не подходит</h1> Первый шаг при использовании FrontPage – это создание своего сайта FrontPage – совокупности веб-страниц, изображений и файлов поддержки, которые FrontPage использует для организации вашего проекта. Чтобы помочь вам сделать это, FrontPage предлагает ряд шаблонов и мастеров – для собственного проекта, поддержки или корпоративных сетей – но совсем не обязательно, что они окажутся именно тем, что вам нужно.<br><img src="image/21-01.gif" alt="Ни один из шаблонов FrontPage не подходит"><br>FrontPage предлагает несколько типов сайтов на выбор, но среди них может не быть именно того, что вам нужно<br>Шаблоны могут служить основой или давать идеи для вашего сайта. Вы можете использовать один из них как отправную точку – удалив ненужные вам элементы и добавив свое собственное содержание – или вы можете не обращать на них внимания и сделать все по-своему.<br>Если шаблоны не помогают вам, сделайте следующее.<br>Если для нужного вам типа сайта – например, сетевого магазина – нет подходящего шаблона, вы можете поискать шаблон или мастер, который можно загрузить или купить у производителя программного обеспечения. (Идеи см. в Приложении C.) Следуйте инструкциям поставщика, чтобы установить шаблон или мастер.<br>Попробуйте создать образец сайта аналогично шаблону или с помощью мастера. Даже если он будет не очень хорошим, он поможет вам познакомиться с функциями FrontPage и даст идеи для вашего сайта.<br><li>Укажите New в меню File и нажмите Web. В разделе Web Sites диалогового окна New выберите Corporate Presence Wizard, Personal Web или Project Web (или другой установленный у вас пример), а затем укажите положение вашего сайта в разделе Options.</li><li>Если в примере есть некоторые нужные вам элементы, возьмите его за образец. Вы всегда можете удалить ненужные страницы и добавить другие.Если вы хотите сделать все по-своему, закройте пример. (В меню File нажмите Close.) Чтобы создать новую веб-страницу, выберите New в меню File и нажмите Web, а затем выберите One Page Web. Или, если вы хотите сделать новый сайт FrontPage, основываясь на уже существующих файлах, выберите Import Web Wizard.</li><img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Ни один из шаблонов FrontPage не подходит">Сайт FrontPage на сервере может быть его "страницей по умолчанию", то есть в корневом уровне сайта – или может содержаться в подпапке. Примеры или тестовые страницы лучше создать в поддиректории, поскольку они легко копируются и удаляются. Фактически вы не можете удалить "сайт по умолчанию" на вашем сервере. Если вам не нужны страницы или файлы, в нем содержащиеся, просто удалите их перед добавлением новых страниц.<br><br> <h1>Отчет FrontPage указывает на проблемы или не работает правильно</h1> Отчеты FrontPage, которые включаются нажатием значка Reports в панели Views с левой стороны окна FrontPage, предоставляют великолепные возможности для проверки вашего сайта после создания страниц и ссылок. (Заметьте, что отчеты недоступны для страниц, не входящих в сайт FrontPage.) Для большинства сайтов отчеты правильно отмечают проблемы с компонентами, медленными страницами, не связанными файлами или неверными гиперссылками, те проблемы, которые вы хотели бы решить прежде, чем посетители их обнаружат. Однако к отчетам FrontPage следует относиться скептически, поскольку они могут быть не совсем точными и даже совсем неправильными.<br><img src="image/21-14sm.gif" alt="Отчет FrontPage указывает на проблемы или не работает правильно"><br>увеличить изображение<br>Site Summary и другие отчеты полезны для поддержки сайта, но не всегда бывают точны<br>Если отчет отмечает проблемы с вашим сайтом или просто не работает так, как вы ожидали, сделайте следующее.<br><li>Значения размера в отчете Site Summary не точны. FrontPage суммирует размеры ваших страниц и рисунков, но забывает о файлах поддержки, так что указанная величина на 25–50 % ниже, чем настоящий размер вашего сайта. Если у вас есть доступ к серверу или ваш сайт лежит в папке, вы можете посмотреть размер папки в Windows. (Откройте папку, содержащую ваш корневой каталог, щелкните правой кнопкой на папке и нажмите Properties.) Или, чтобы получить более аккуратные расчеты, вы можете посмотреть спрятанные папки вашего сайта. (Нажмите Web Settings в меню Tools, выберите вкладку Advanced и выделите Show Documents In Hidden Directories.)</li><li><br> Если вы используете расположенный на диске сайт, который вы периодически публикуете на сервере, вы можете получить более точный отчет, если откроете сайт на сервере. Нажмите Close Web в меню File. Затем нажмите Open Web и введите адрес сервера, например http://имясервера.<br> <img src="image/otchet-frontpage-ukazyvaet-na-problemy-ili-ne_1.gif" alt="Отчет FrontPage указывает на проблемы или не работает правильно">При просмотре отчета Site Summary вы можете дважды щелкнуть по строке, чтобы перейти к подробному отчету, вроде Unlinked Files или Broken Hyperlinks. Но, сделав это, вы можете не разобраться, как вернуться к основному отчету или перейти к другим. Чтобы перейти к любому отчету, укажите Reports в меню View и щелкните по названию отчета, например Site Summary.<br><br> <br> </li><li> В отчете Unlinked Files, который предназначен, чтобы помочь вам удалять неиспользуемые файлы, вы можете увидеть файлы, все еще принадлежащие вашему сайту. Текущая конфигурация, например, с навигационными панелями, приводит к тому, что FrontPage ошибочно принимает файлы за несвязанные. По этой причине очень важно проверять, действительно ли файлы не используются, прежде чем удалять их. Также, если вы укажите FrontPage отображать скрытые папки, вы можете увидеть длинный список файлов с темами, файлов общих фреймов или файлов, которые поддерживают страницы, созданные в Office. Чтобы спрятать эти файлы, для того, чтобы можно было понять, какие файлы по-настоящему не связаны, отключите опцию. В меню Tools, нажмите Web Settings, выберите вкладку Advanced, и отмените Show Documents In Hidden Directories. Если файл, указанный в отчете Unlinked Files, действительно не используется, щелкните правой кнопкой по файлу и нажмите Delete.</li><li><br><br> В отчете Broken Hyperlinks вы увидите ссылки на файлы в вашем сайте, которые не работают. Вы также увидите внешние ссылки – ссылки на файлы и сайты вне вашего сайта, обозначеные как Unknown. Чтобы проверить внешние ссылки, нажмите кнопку Verify Hyperlinks на панели Reporting. Ссылки, по которым FrontPage может перейти, он отмечает словом OK, а остальные отмечает как Broken. К несчастью, отчет может отмечать как сломанные даже ссылки на прекрасно работающие сайты. Внутри сайта некоторые работающие ссылки тоже могут быть отмечены в отчете – ссылки, созданные компонентом, например, или ссылки страницы, созданной в Office, на файлы поддержки. Если вы не уверены, что ссылка действительно не работает, просмотрите и протестируйте страницу самостоятельно, игнорируя отчет. Если же ссылка действительно не работает, вы сможете исправить ее прямо в отчете. Щелкните правой кнопкой по ссылке, нажмите Edit Hyperlink на панели Reporting, и укажите новый файл или сетевой адрес. FrontPage меняет старую ссылку на новую во всех страницах вашего сайта.<br><br> <img src="image/otchet-frontpage-ukazyvaet-na-problemy-ili-ne_1.gif" alt="Отчет FrontPage указывает на проблемы или не работает правильно">Если вы внесли изменения в ваш сайт, пока просматривали отчет, лучше обновить отчет. (Нажмите Refresh в меню View.) Чтобы проверить все ссылки на вашем сайте и обновить отчеты, особенно если вы вносили какие-либо изменения в ваш сайт вне FrontPage, нажмите Recalculate Hyperlinks в меню Tools.<br><br> <br> <img src="image/otchet-frontpage-ukazyvaet-na-problemy-ili-ne_1.gif" alt="Отчет FrontPage указывает на проблемы или не работает правильно"> Если FrontPage не позволяет напечатать отчет, нажмите (Alt)+(PrintScreen), чтобы скопировать окно FrontPage в буфер обмена. Затем откройте новый файл в текстовом или графическом редакторе и выберите альбомную ориентацию страницы. (В Word 2000 нажмите Page Setup в меню File, выберите вкладку Paper Size, нажмите Landscape под Orientation, и нажмите OK.) Нажмите Paste, а затем нажмите Print.<br><br> </li><li>Если в отчете Slow Pages указаны конкретные страницы, вы можете попробовать сделать их меньше. Чтобы уменьшить время загрузки страницы, вы можете удалить с нее изображения или разбить ее на две страницы. Но основной причиной медленной загрузки страниц является то, что величина рисунков больше, чем необходимо. За более подробной информацией обращайтесь к разделу "Изображения слишком долго загружаются".</li><li>Если страницы указаны в отчете Component Errors, просмотрите страницу на вашем сервере и протестируйте компоненты. Если они не работают, см. раздел "Счетчик или компоненты не работают".</li><br><br> <h1>Проблемы с печатью сайта</h1> FrontPage предназначен для экранного просмотра, а не для печати. Вы можете печатать ваши страницы, HTML код или навигационную структуру из FrontPage, но можете получить не совсем то, что ожидали.<br>К счастью, другие программы, такие как Internet Explorer, предоставляют лучшие возможности для печати. Если у вас проблемы с печатью вашей страницы во FrontPage, сделайте следующее.<br><li>Вы не можете печатать в режимах Folders, Reports, Hyperlinks или Tasks. В этих режимах команда Print недоступна. Если вы хотите распечатать то, что видите на экране, нажмите (Alt)+(PrintScn), чтобы скопировать окно FrontPage в буфер. Затем откройте новый документ в вашем текстовом процессоре или графическом редакторе, выберите альбомную ориентацию, нажмите Paste и затем Print.</li><li>Вы можете печатать из режима Page, но вы не всегда будете добиваться нужных результатов. Например, если ваша страница содержит поля формы, или компоненты ActiveX, эти элементы не будут отпечатаны правильно. Прежде чем печатать, нажмите Print Preview в меню File. Если вам не понравилось то, что вы увидели, отпечатайте вашу страницу в Internet Explorer: выберите вкладку Preview, щелкните правой кнопкой по фону страницы и нажмите Print.<br> <img src="image/21-10sm.gif" alt="Проблемы с печатью сайта"><br>увеличить изображение<br>Если печать во FrontPage не работает, печатайте через Internet Explorer<br></li><li><br> Вы можете печатать в режиме HTML, но поля страницы могут работать неверно. Также, если вы выберите альбомную ориентацию листа, десять строк HTML не поместятся.<br> Вы можете печатать код, используя Notepad. Сохраните и закройте файл, щелкните правой кнопкой по файлу в Folder List, нажмите Open With, и нажмите Notepad. Нажмите Page Setup в меню File, чтобы указать опции печати, затем нажмите Print в меню File.<br> </li><br><br> <h1>Счетчик или компоненты не работают</h1> Когда вы вставляете такие компоненты, как счетчик или запрос поиска, FrontPage выполняет кое-какую работу "за кулисами". Если вы просмотрите ваш HTML, вы увидите специальную информацию, описывающую компонент, который вы используете, и его свойства. Когда вы просматриваете страницу в броузере, этот код спрятан, но он указывает FrontPage, как должны выглядеть и работать эти компоненты.<br><img src="image/21-11sm.gif" alt="Счетчик или компоненты не работают"><br>увеличить изображение<br>Меню Insert предлагает вам набор компонентов для вашей страницы. Чтобы они работали, FrontPage использует апплеты Java и серверные расширения<br>Программы и файлы, позволяющие вашим компонентам выполнять их работу, либо находятся в спрятанных папках, либо являются частью FrontPage Server Extensions. Возможно, вы слышали о некоторых технологиях, используемых FrontPage, чтобы заставить работать: апплеты Java, серверные программы и компоненты FrontPage 98 и ранних версий.<br>Компоненты очень усложняют взаимодействия. Если компонент на вашей странице не работает в броузере, проделайте следующее.<br>FrontPage позволяет вам вставить компоненты на любую страницу, даже если это не сайт FrontPage. Но большинство компонентов для работы должны быть сохранены на сайте – только Hover Button работает вне сайта FrontPage.<br>Если вы добавляете компонент к странице, не входящей в сайт, вы можете также импортировать страницу в существующий сайт или создать сайт FrontPage в папке, содержащей страницу.<br><li>Чтобы создать сайт, сохраните и закройте страницу, нажмите Open Web в меню File, выберите папку, которая содержит вашу страницу, нажмите Open, а затем нажмите Yes, когда FrontPage спросит вас, хотите ли вы добавить информацию FrontPage в папку. Затем откройте любые страницы, содержащие компоненты, и сохраните их снова.<br> <img src="image/21-12.gif" alt="Счетчик или компоненты не работают"><br><br></li><li><br> Некоторые компоненты работают с сайтами FrontPage, расположенными в файлах, в то время как остальные работают только на веб-серверах с FrontPage Server Extensions. В сервере нуждаются такие компоненты, как Hit Counter, Search Form, Form and Database Results и Confirmation Field.<br><br> <br> Чтобы ваши компоненты работали, опубликуйте ваш сайт на сервере с FrontPage Server Extensions.<br><br> <img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Счетчик или компоненты не работают">Некоторые компоненты не работают со всеми броузерами. Компонент Marquee, например, использует тэг <MARQUEE>, который поддерживает только Internet Explorer. В других броузерах, например Netscape, вы увидите текст, но он не будет двигаться поперек экрана. Все компоненты Office – Office Spreadsheet, Office PivotTable и Office Chart – требуют Internet Explorer 4 или более поздних версий. Кроме того, им необходимо, чтобы на компьютере посетителя был установлен Microsoft Office. Если не все посетители вашего сайта имеют Office, не используйте эти компоненты.<br><br> </li><li>Для некоторых компонентов может быть важным использовать совпадающие версии серверных расширений (расширения FrontPage 2000 используются для сайтов FrontPage 2000). Если вы не осведомлены о версиях расширений, используемых вами, свяжитесь с администрацией сервера или вашим провайдером.</li><li>Если вы используете компоненты Scheduled Include Page или Scheduled Picture, вы можете обнаружить что ваш рисунок или страница не меняются в указанное вами время. К несчастью, эти компоненты не работают так, как объявлено – они меняют вашу страницу, только когда страница или сайт обновляются. Если вы хотите, чтобы изменения происходили по расписанию, откройте и сохраните страницу снова, или откройте сайт и нажмите Recalculate Hyperlinks в меню Tools.</li><li>Если вы вставляете больше чем один счетчик на страницу, вы можете увидеть неправильное исчисление. Чтобы решить проблему, удалите лишний счетчик.</li><li>Когда вы обновляете сайт предыдущей по отношению к FrontPage 2000 версии, некоторые компоненты могут перестать работать. Например, hover buttons могут не работать, поскольку FrontPage хранит апплет Java для компонента Hover Button в новом месте. Чтобы решить проблему, удалите компоненты, которые не работают, и вставьте их с помощью FrontPage 2000.</li><li><br><br> Если вы используете компонент Search Form, вы можете обнаружить, что результаты поиска становятся неверными при изменении страницы. Чтобы убедиться, что вам возвращаются правильные результаты, откройте сайт и нажмите Recalculate Hyperlinks в меню Tools.<br><br> <br> Если ваш веб- сервер использует Microsoft Internet Information Server (IIS) вместе с Index Server, FrontPage старается использовать Index Server вместо собственной программы поиска. Из-за того, как устроен Index Server, вы можете получить неверные результаты. Также, если на вашем сайте использованы общие фреймы, страница с результатами от Index Server может не отобразить их. Если вы управляете своим веб-сервером, то вы можете перенастроить или отключить Index Server. За более подробной информацией обращайтесь к Microsoft Knowledge Base на support.microsoft.com. (Выберите FrontPage 2000 и ищите Index Server.)<br><br> </li><li>Если компоненты выводят ошибку или просто ничего не делают, возможно, что настройки были повреждены или требуемый файл потерян. Удалите компонент. Вставьте компонент заново и просмотрите вашу страницу. </li><li>Если компонент все еще не работает или не отвечает вашим требованиям, вы можете рассмотреть альтернативу. Например, вместо компонента Scheduled Include Page, который работает не слишком хорошо, можно использовать простой сценарий ASP или серверную (SSI) команду. Или, вместо использования Banner Ad Manager, который также имеет серьезные ограничения, можно купить один из множества рекламных пакетов у производителя программного обеспечения.</li><br><br> <h1>Сообщение об ошибке при попытке открыть или создать сайт FrontPage</h1> Сайт – это набор веб-страниц, соединенных вместе. Сайт FrontPage – это нечто большее; вдобавок к веб-страницам он включает в себя несколько скрытых папок и файлов поддержки, которые он использует, чтобы ваш сайт лучше работал. Когда вы открываете или создаете сайт в папке или на сервере, FrontPage создает или открывает эти файлы. Если вы используете веб-сервер, FrontPage делает это, связываясь с сервером по протоколу HTTP. Если FrontPage не может связаться с сервером, открыть или создать необходимые файлы, вы увидите сообщение об ошибке.<br><img src="image/21-07sm.gif" alt="Сообщение об ошибке при попытке открыть или создать сайт FrontPage"><br>увеличить изображение<br>Открывая или создавая сайт, FrontPage не может связаться с сервером<br>Ваш сайт FrontPage может не работать по многим причинам, включая проблемы с вашей сетью, серверными расширениями или правами доступа. Чтобы решить проблему и заставить сайт работать, сделайте следующее.<br><li>Если у вас не получается открыть или создать сайт в папке на вашем компьютере, убедитесь в правильности указанного вами пути. Если же сайт в сети, и вы получаете сообщение об ошибке, убедитесь, что у вас есть права открытия и создания файлов.</li><li>Если вы пытаетесь открыть сайт, указав папку, не являющуюся сайтом FrontPage, FrontPage предложит создать файлы и папки поддержки. Чтобы создать в папке новый сайт FrontPage, нажмите Yes. Если вы указали неверную папку, нажимте No и попробуйте заново.<br> <img src="image/21-08.gif" alt="Сообщение об ошибке при попытке открыть или создать сайт FrontPage"><br><br></li><li>Если вы пытаетесь создать сайт, базирующийся на сервере, убедитесь, что вы указали http:// в начале адреса, чтобы FrontPage знал, что вы обращаетесь к веб-серверу, а не к папке на вашем компьютере. Например, введите http://Weber/Intranet в окне Folder Name, чтобы открыть сайт Intranet расположенный на сервере с именем Weber.</li><li>Проверьте, что веб-сервер, который вы открываете, работает и доступен. Попробуйте корневой веб-адрес, наподобие http://Weber или www.mydomain.com, в вашем броузере. Если сервер доступен, вы увидите веб-страницу. (Если здесь нет заглавной страницы, вы можете увидеть сообщение наподобие "The page cannot be found" или "Directory listing denied".) Если броузер не может отыскать веб-сервер и отображает ошибку, то возможно, этот сервер или ваше подключение к сети не работают. Попробуйте еще раз чуть позже, если не выйдет, свяжитесь с администратором вашей сети или вашим провайдером, или см. раздел "Проблемы с доступом в интернет".</li><li><br><br> <br> Чтобы разместить сайт FrontPage, сервер должен иметь FrontPage Server Extensions, установленные и правильно сконфигурированные. Если вы видите сообщение "The web server at name does not appear to have the server extensions installed", вам, возможно, нужно установить серверное расширение или использовать другой сервер. За информацией о FrontPage Server Extensions, обращайтесь на officeupdate.microsoft.com/frontpage/wpp/serk. Если вы не можете управлять сервером, свяжитесь с вашим сетевым администратором или провайдером.<br><br> <img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Сообщение об ошибке при попытке открыть или создать сайт FrontPage">Все веб-серверы с FrontPage Server Extensions имеют корневой сайт, расположенный на http://имя_сервера (или на адресе вроде http://www.mydomain.com). Корневой сайт создается автоматически при установке серверных расширений – вы не можете создать его во FrontPage. Зато вы можете создать один или больше подсайтов – папок внутри корневого сайта, таких как http://имя_сервера/подсайт. Подсайт может иметь собственную домашнюю страницу, установки и допуски.<br><br> </li><li>Чтобы открыть или создать сайт, вам нужы права доступа FrontPage; иначе вы получите сообщение об ошибке, говорящее, что вы не авторизованы. Чтобы открыть сайт, например, вам нужы права доступа к этому сайту как автора. Чтобы открыть подкаталог сайта, вам нужен административный доступ к сайту, в котором вы создаете этот подкаталог. При подключении на базе Windows сервер обычно определяет, кто вы, по вашему профилю Windows. Если нет, FrontPage запрашивает у вас имя и пароль. Если вы получили сообщение о том, что вы не авторизованы, попросите вашего сетевого администратора, провайдера или владельца корневого сайта проверить ваши права доступа FrontPage или создать сайт для вас и предоставить вам права доступа.<br><br> <img src="image/21-09.gif" alt="Сообщение об ошибке при попытке открыть или создать сайт FrontPage"><br><br></li><li>Если вы указали корневой веб-адрес (наподобие http://имя_сервера) при создании нового сайта, вы получите сообщение об ошибке, поскольку каждый веб-сервер FrontPage уже имеет корневой сайт. Вместо этого откройте сайт, а затем добавьте файлы. Нажмите Open Web в меню File и введите имя сервера.</li><li>Если вы получаете сообщение "Server Error: Cannot create folder" при создании вложенного сайта, возможно, что вы указали местонахождение основного сайта, которое не существует. Чтобы создать http:// webserver/teams/marketing, например, сначала создайте http://webserver/teams.</li><li>Если вы все еще получаете сообщение об ошибке, ваши серверные расширения или установки безопасности могут быть неправильными или не совместимыми.</li><img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Сообщение об ошибке при попытке открыть или создать сайт FrontPage">Если вы используете шаблон или мастер для добавления файлов в корневой сайт, или в любой другой, уже существующий сайт, укажите New в меню File и нажмите Web, щелкните на шаблоне или мастере, которые вы хотите использовать, и выберите Add To Current Web.<br><br> <h1>Созданный сайт не имеет всех нужных страниц</h1> Вы использовали шаблон FrontPage, чтобы создать сайт – личный или корпоративный, а потом обнаружили, что не все нужные вам страницы включены. У каждого свои запросы, а шаблон – только отправная точка. Чтобы создать дополнительные страницы, вы можете использовать шаблоны страниц, импортировать страницы из других программ или сайтов или создать их сами.<br>Шаблон – это каркас страницы. Новые страницы, созданные вами, будут использовать те же темы, общие фреймы и навигационные панели, что и уже существующие страницы так, что сайт будет выполнен в едином стиле.<br>Если ваш сайт не имеет всех нужных страниц, сделайте следующее. ( Идеи по созданию сайтов см. в разделе "Начало работы с FrontPage".<br><li>Щелкните на значке Page в панели Views с левой стороны окна FrontPage.</li><li><br> Если новая страница не появилась, создайте ее. Нажмите New в меню File, нажмите Page и дважды щелкните по шаблону страницы.<br><img src="image/21-05sm.gif" alt="Созданный сайт не имеет всех нужных страниц"><br>увеличить изображение<br>Страницы, созданные с использованием шаблона, уже отформатированы и снабжены общедоступными границами и навигацией. Если вы указали один раз FrontPage, как эта страница связана с вашим сайтом, он автоматически отобразит баннер и ссылки на другие страницы<br> Например, чтобы создать страницу Часто Задаваемых Вопросов (Frequently Asked Questions, или FAQ), используйте шаблон Frequently Asked Question, или, открыв страницу, щелкните на New Page на стандартной панели инструментов.<br> </li><li>Нажмите Save в меню File и наберите имя вашей новой страницы.</li><li>Щелкните по значку Navigation в панели Views. Переместите новую страницу на ее место в навигационной иерархии. Если вас не устраивает ее название, щелкните по ней правой кнопкой, нажмите Rename и введите имя.</li><li>Щелкните на значке Page в панели Views снова, чтобы просмотреть страницу с добавленными на нее баннером и навигационными панелями.</li><li>Добавьте текст, рисунки и другие компоненты на вашу новую страницу. Если вы использовали шаблон, измените существующий текст и следуйте инструкциям, отображенным на комментариях в странице. (Закончив, вы можете удалить комментарии.)</li><li>Повторяйте эти шаги, пока ваш сайт не будет снабжен всеми необходимыми страницами.</li><img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Созданный сайт не имеет всех нужных страниц">Ваша новая страница, возможно, уже имеет общие фреймы – на новой странице в них отображается надпись наподобие "Add this page to Navigation view to display…". Если фреймов нет, вы можете их добавить. Нажмите Shared Borders в меню Format, выберите фреймы, которые вам нужны, и нажмите OK. Или, чтобы удалить фреймы (например, чтобы поддерживать свои собственные навигацию и баннеры), очистите все окна.<img src="image/ni-odin-iz-shablonov-frontpage-ne-podhodit_1.gif" alt="Созданный сайт не имеет всех нужных страниц">Если вы хотите включить существующие веб-странцы с других сайтов или вы создали страницы, используя Word, Excel, PowerPoint или Access, нажмите Import в меню File и укажите файлы или папки, которые вы хотите импортировать. Затем проделайте шаги с 4 по 6, чтобы присоединить эти страницы к вашему сайту.<br><br> <h1>Основная структура страницы HTML</h1> <h1><APPLET>…</APPLET>, <PARAM></h1> Встраивает апплет Java. Используйте тэг <PARAM> для указания параметров апплета.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <applet code="chat.class" width=495 height=83> <param name="server"value="ares"> <param name="user"value="evan"> <param name="picture"value="evan.jpg"> </applet><br> <td><td bgcolor="#eaeaea" valign="top">Отображает апплет, код которого находится в файле chat.class, отправляет три параметра апплету</td></tr></table><br><br> <h1><A>…</A></h1> Обеспечивает гиперссылку на другую страницу или файл. Используйте атрибут name чтобы указать позицию на странице на которую другая ссылка может перепрыгнуть.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <a href="matt.htm">Matthew’s Page</a><br> <td><td bgcolor="#eaeaea" valign="top">Отображает подчеркнутую гиперссылку (Matthew’s Page) на страницу с названием matt.htm в той же папке</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <a name="news">News about Fiona</a><br> <td><td bgcolor="#eaeaea" valign="top">Определяет якорь на странице на который перепрыгнет другая гиперссылка</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <a href="#news">Read the News</a><br> <td><td bgcolor="#eaeaea" valign="top">Отображает гиперссылку на якорь</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <a href="baby.htm"onmouseover= "window.status='Babies!';return true"> <img src="baby.jpg"width=40 height=30></a><br> <td><td bgcolor="#eaeaea" valign="top">Отображает рисунок baby.jpg как гиперссылку на страницу baby.htm; когда посетитель проводит мышкой по ссылке, в строке статуса появляется сообщение</td></tr></table><br><br> <h1><BASE></h1> Установливает "базовый" сетевой адрес для гиперссылок (вместо положения страницы). Или, используется на страницах с фреймами для указания целевого фрейма для гиперссылок.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <base href="http://www.callahansoftware.com/"><br> <td><td bgcolor="#eaeaea" valign="top">Все родственные гиперссылки обращаются к указанному веб сайту, даже если страница расположена не здесь </td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <base target=main><br> <td><td bgcolor="#eaeaea" valign="top">Все гиперссылки загружают страницы в фрейм с названием "main"</td></tr></table><br><br> <h1><BGSOUND></h1> В Internet Explorer, проигрывает фоновый звук. Используйте атрибут src для указания аудио файла, вроде файла WAVE (.wav) или MIDI (.mid).<br><br> <h1><BODY>…</BODY></h1> Включите содержимое страницы в этот блок, идущий после раздела <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/>. Используйте атрибуты для управления видом страницы, включая текст и цвет фона.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <body bgcolor="#cccc99" text="#003300"><br> <td><td bgcolor="#eaeaea" valign="top">Устанавливает цвет фона и текста</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <body link="#993300" alink="#cc6600" vlink="#993333"><br> <td><td bgcolor="#eaeaea" valign="top">Устанавливает цвет обычной, активной и посещенной гиперссылки</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <body background="images/bkgd.gif"><br> <td><td bgcolor="#eaeaea" valign="top">Устанавливает фоновый рисунок</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0><br> <td><td bgcolor="#eaeaea" valign="top">Страница появляется в левом верхнем углу окна броузера. (Используйте все четыре атрибута для поддержки и Internet Explorer и Netscape)</td></tr></table><br><br> <h1><BR></h1> Разрыв с переходом на следующую строку.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <br clear=all><br> <td><td bgcolor="#eaeaea" valign="top">Броузер разрывает строку и переходит на следующую</td></tr></table><br><br> <h1></h1> позволяет вам ввести комментарии в ваш HTML, который не появится на вашей странице в броузере.<br><br> <h1><DIV>…</DIV> и <SPAN>…</SPAN></h1> Является признаком текстового блока, к которому вы хотите применить стиль. Установите стиль блоку текста с помощью атрибутов style, class или id. Броузеры отобразят конец строки до и после тэга <DIV>, а тэг <SPAN> может быть использован в части параграфа, не разрывая строку.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div align=center> Middle of the road. </div><br> <td><td bgcolor="#eaeaea" valign="top">Разделы центрированы, строка разрывается до и после</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div style= "position:absolute;top:80;left:80"> Unbearable lightness of being. </div><br> <td><td bgcolor="#eaeaea" valign="top">Раздел выровнен по верхнему краю других элементов страницы, это ровно 80 пикселов от верха и левого края окна броузера</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> This predicament is utterly <span class="crazy">mad</span>.<br> <td><td bgcolor="#eaeaea" valign="top">Слово "mad" принимает стилевые характеристики, описанные в классе crazy в таблице стилей</td></tr></table><br><br> <h1><EMBED></h1> Вставляет плагин броузера для проигрывания медиа или отображения информации. Определите файл для проигрывания или объект для отображения с помощью атрибута src, и используйте атрибуты для определения параметров плагина.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <embed src="Groove.wav"hidden=true autostart=true volume=50 loop=true><br> <td><td bgcolor="#eaeaea" valign="top">Автоматически проигрывает WAVE файл при открытии страницы</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <embed width=280 height=200 src="chomsky.mov"autoplay=true controller=false type="video/quicktime"pluginspage= "http://www.apple.com/quicktime/"><br> <td><td bgcolor="#eaeaea" valign="top">Отображает плагин QuickTime и проигрывает указанный файл movie (.mov).</td></tr></table><br><br> <h1><FONT>…</FONT></h1> Устанавливает гарнитуру и размер шрифта для блока текста. Размер указывается цифрами от 1 до 7, где 3 обычно стоит по умолчанию. Чтобы более точно установить шрифт, используйте стили вместо <FONT>.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <font size=4 face= "'Courier New',courier,monospace"> My old friend the typewriter.</font><br> <td><td bgcolor="#eaeaea" valign="top">Показывает текст шрифтом Courier New (или другим имеющимся шрифтом), размер шрифта больше чем обычно</td></tr></table><br><br> <h1><FORM>…</FORM></h1> Создает форму для ввода информации посетителем. Используйте атрибут action для указания страницы или программы, которой форма будет пересылать информацию. Используйте другие тэги формы (вроде <INPUT> и <TEXTAREA>) внутри блока <FORM>.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <form action="search.asp"method="POST"> Search: <input name=query type=text size=10> <input type=submit value="Go"> </form><br> <td><td bgcolor="#eaeaea" valign="top">Небольшая форма для поиска. Когда посетитель нажимает кнопку Go, форма отправляет текст сценарию Active Server Page search.asp для выполнения</td></tr></table><br><br> <h1><FRAMESET>…</FRAMESET>, <FRAME> и <NOFRAMES>… Создает страницу с фреймами. Используйте блок для обеспечения альтернативного HTML для посетителей, чьи броузеры не поддерживают фреймы.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <frameset cols="120,*"frameborder=0 framespacing=0 frameborder=no border=0> <frame src="navbar.htm"> <frame src="main.htm"> </frameset><br> <td><td bgcolor="#eaeaea" valign="top">Страница с фреймами без границ. Левый фрейм 120 пикселов в ширину, а правый занимает оставшееся пространство</td></tr></table><br><br> <br> Показывает жирный текст заголовка. Заголовки уровня 1 – больше, а уровня 6 – меньше, чем обычный текст. По умолчанию заголовки выровнены по левому краю; чтобы центрировать их, установите атрибуту align значение center.<br><br> <h1><head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/>…</HEAD></h1> Включите в этот блок тэг <TITLE> и другие тэги общей информации о странице (вроде <META> и <STYLE>).<br><br> <h1><IFRAME>…</IFRAME></h1> Отображает плавающий фрейм – область внутри страницы, на которой отображается другая страница.<br><br> <h1><IMG></h1> Отображает GIF, JPEG, или PNG рисунок.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <img src="green.jpg"width=100 height=50 vspace=8 hspace=8><br> <td><td bgcolor="#eaeaea" valign="top">Помещает рисунок green.jpg в правое поле соответственно текст будет обтекать его слева. Рисунок появляется как минимум в 8 пикселах от краев текста или объектов</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <img src="welcome.gif"width=80 height=30 alt="Welcome to Lewes,DE"><br> <td><td bgcolor="#eaeaea" valign="top">Отображает рисунок welcome.gif и обеспечивает альтернативный текст для броузеров, которые не могут показать изображение</td></tr></table><br><br> <h1><INPUT> и <BUTTON>…</BUTTON></h1> В зависимости от значения и типа атрибута тэг <INPUT> отображает независимый или зависимый переключатель или текстовую область для ввода информации посетителем, а также кнопку или рисунок, который отправляет или обновляет форму. С помощью блока <BUTTON> ваша кнопка может содержать любой HTML.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> ID:<input type=text name=uid size=8><br> Password: <input type=password name=pwd size=8><br> <td><td bgcolor="#eaeaea" valign="top">Две области для ввода текста посетителем. Первая показывает введенный текст, а вторая прячет его</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <input type=checkbox name=xcheez value="please"checked>Extra Cheese<br> <td><td bgcolor="#eaeaea" valign="top">Независимый переключатель, который выбран по умолчанию. Если посетитель отправляет эту форму, параметру xcheez присваивается значение please</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <input type=radio name=browser value="ie"checked>MSIE <input type=radio name=browser value="ns">Netscape<br> <td><td bgcolor="#eaeaea" valign="top">Два зависимых переключателя. Если посетитель отправляет эту форму, параметр browser становится или ie или ns</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <input type=image src="gobtn.gif" height=16 width=16><br> <td><td bgcolor="#eaeaea" valign="top">Рисунок gobtn.gif обеспечивает кнопку "отправить" для формы</td></tr></table><br><br> <h1><LINK></h1> Ссылается на внешнюю таблицу стилей или создает отношения с другой страницей или файлом.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <link rel="stylesheet"type="text/css" href="styles.css"><br> <td><td bgcolor="#eaeaea" valign="top">Страница использует стили, найденные во внешней таблице стилей styles.css</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <link rel="shortcut icon" href="favicon.ico"><br> <td><td bgcolor="#eaeaea" valign="top">Internet Explorer использует указанный файл значка для меню Favorites</td></tr></table><br><br> <h1><MAP>…</MAP> и <AREA></h1> Создает карту-изображение с отдельными областями гиперссылок. Используйте программу для создания карт-изображений, чтобы точно определить координаты ссылок. В качестве альтернативы этому методу, большинство веб дизайнеров "режут" большие изображения на части, собирают кусочки с помощью таблицы, и назначают каждой части ссылку.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <map name=clickbot> <area shape=rect coords="26,40,86,177" href="http://www.microsoft.com"> <area shape=circle coords="67,207,21" href="http://www.chillbot.com"> </map> <img usemap=#clickbot src="robot.gif" width=200 height=300 border=0><br> <td><td bgcolor="#eaeaea" valign="top">Отображает рисунок robot.gif с двумя невидимыми "горячими точками" на которые может нажать посетитель</td></tr></table><br><br> <h1><META></h1> Устанавливает переменные для страницы. При указании атрибута http-equiv ваш веб-сервер посылает переменные в броузер (как заголовок HTTP) до отправления страницы.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <meta http-equiv="Content-Type" content="text/html charset=windows-1252"><br> <td><td bgcolor="#eaeaea" valign="top">Броузеры с другими параметрами языка будут правильно отображать специальные символы</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <meta http-equiv="Refresh"content="7"><br> <td><td bgcolor="#eaeaea" valign="top">Броузер обновляет страницу каждые 7 секунд</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <meta http-equiv="Refresh" content="7; URL=http://microsoft.com"><br> <td><td bgcolor="#eaeaea" valign="top">Броузер переадресует посетителя на microsoft.com через 7 секунд</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <meta name="keywords"content="soup, nuts,kitchen sinks"><br> <td><td bgcolor="#eaeaea" valign="top">Ключевые слова для вашей страницы доступны для поисковых систем, которые их используют</td></tr></table><br><br> <h1><NOBR>…</NOBR></h1> Не дает броузеру разрывать строку. Если текст не умещается на экране, посетителям придется воспользоваться полосой прокрутки; если текст не умещается в колонке, она расширится.<br><br> <h1><OBJECT>…</OBJECT>, <PARAM></h1> В Internet Explorer для Windows встраивает средство ActiveX для проигрывания медиа или отображения информации. Используйте тэг <PARAM> для указания параметров объекта.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <object id="real"classid= "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width=300 height=100> <param name="src"value="Ocean.ram"> <param name="hidden"value="false"> <param name="autostart"value="false"> </object><br> <td><td bgcolor="#eaeaea" valign="top">Отображает средство RealAudio ActiveX, загружает указанный аудио файл (.ram) после чего можно прослушивать</td></tr></table><br><br> <h1>…, <LI>…</LI></h1> Отображает нумерованный список. Список с отступом и имеет отбивки сверху и снизу.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <ol start=4> <li>Cuatro</li> <li>Cinco</li> <li>Seis</li> <br> <td><td bgcolor="#eaeaea" valign="top"><br> 4. Cuatro 5. Cinco 6. Seis<br> <td></tr></table><br><br> <h1>Основная структура страницы HTML</h1> Страница HTML – это текстовый файл со следуюшей основной структурой:<br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"> <html> <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/> <title>Page Title</title> </head> <body>  </body> </html><br> Первая строка является необязательной, но она сообщает HTML программам подтверждения (вроде сервиса на www.w3.org), какую версию HTML вы собираетесь использовать на своей странице.<br><br> <h1><PRE>…</PRE></h1> Устанавливает моноширинный (машинописный) шрифт, и отображает текст точно, как он появляется в HTML (с такими же пробелами и разрывами строк).<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <pre> AGE OF AQUARIUS </pre><br> <td><td bgcolor="#eaeaea" valign="top"><br> AGE OF AQUARIUS<br> <td></tr></table><br><br> <h1>…<br></h1> Создает параграф с пробелами до и после. Закрывающий тэг использовать необязательно, но рекомендуется (обязательно при использовании таблиц стилей).<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <p align=center>This is a paragraph.<br><br> <td><td bgcolor="#eaeaea" valign="top">Текст центрирован и имеет пустую строку сверху и снизу</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <p style="margin-top:6;margin-bottom:6"> This P is tight with the neighbors.<br><br> <td><td bgcolor="#eaeaea" valign="top">Между текстом и следующим параграфом 6 пикселов</td></tr></table><br><br> <h1><SCRIPT>…</SCRIPT> и <NOSCRIPT>…</NOSCRIPT></h1> Обеспечивает код сценария, вроде JavaScript, для вашей страницы. Можно использовать блок <NOSCRIPT>, чтобы написать альттернативный HTML для броузеров, которые не понимают сценарии.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <script language="JavaScript">  </script><br> <td><td bgcolor="#eaeaea" valign="top">Этот код переадресовывает посетителей, использующих Internet Explorer 4 или более поздних версий или Netscape 6 или более поздних версий на страницу с названием new.htm; благодаря индикаторам комментария сценарий будет проигнорирован старыми броузерами</td></tr></table><br><br> <h1><SELECT>…</SELECT> и <OPTION></h1> Отображает ниспадающее меню для выбора пользователем.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> Who’s on first?<br> <select name=answer> <option selected>What? <option>I dunno </select><br> <td><td bgcolor="#eaeaea" valign="top">Ниспадающее меню с выбранным первым пунктом</td></tr></table><br><br> <h1><STYLE>…</STYLE></h1> Обеспечивает стиль из каскадированных таблиц стилей (cascading style sheet, сокращенно CSS) для страницы. Кратко о CSS которые вы можете создать, см. Приложение В.<br><br> <h1><TABLE>…</TABLE></h1> Создает таблицу с одной или несколькими строками (блоки <TR>) и столбцами (блоки <TD>). По желанию вы можете добавить заголовки столбцов (блоки <TH>) или заголовок для всей таблицы.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <table border=3 cellpadding=5> <caption>The Happy Life</caption> <tr> <th>Desire</th><th>Satisfaction</th </tr> <tr> <td>Greed</td><td>Generosity</td> </tr> </table><br> <td><td bgcolor="#eaeaea" valign="top">Таблица данных с заголовком, строкой заголовка, и одной строкой данных</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <table cellpadding=0 cellspacing=0 border=0 width=620> <tr> <td width=220> Narrow left column </td> <td width=400> Wide right column </td> </tr> </table><br> <td><td bgcolor="#eaeaea" valign="top">Таблица размещения страницы в две колонки без пробелов или границ между ячейками</td></tr></table><br><br> <h1><TEXTAREA>…</TEXTAREA></h1> Отображает область в несколько строк для ввода посетителем текста.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <textarea name=story rows=6 cols=20> </textarea><br> <td><td bgcolor="#eaeaea" valign="top">Область текста 20 символов в ширину и 6 строк в высоту</td></tr></table><br><br> <h1><TITLE>…</TITLE></h1> Обеспечивает заголовок страницы, который появляется в строке заголовка броузера.<br><br> <h1> …, <LI>…</LI></h1> Отображает маркированный список. Список с отступом и имеет отбивки сверху и снизу.<br><table border=1><tr>Возможный результат</tr><tr><td bgcolor="#eaeaea" valign="top"><br> I hope we have heard the last of:<br> <ul type=square> <li>Conformity</li> <li>Consistency</li> <br> <td><td bgcolor="#eaeaea" valign="top"><br> I hope we have heard the last of: · Conformity · Consistency<br> <td></tr></table><br><br> <h1>Правила формата стиля</h1> <h1>Background-color</h1> Указывает цвет фона для любого элемента<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> table { color:white; background-color:maroon;}<br> <td><td bgcolor="#eaeaea" valign="top">Таблица отображает белый текст на темно-красном фоне</td></tr></table><br><br> <h1>Background-image</h1> Указывает фоновый рисунок для страницы или другого блока (например, таблицы или ячейки). Использует формат url(imagefile), чтобы указать адрес или имя файла.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body { background-image:url(estar.jpg); }<br> <td><td bgcolor="#eaeaea" valign="top">Файл estar.jpg (в той же папке, что и страница) появляется в качестве фона</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> table {background-image: url(http://chillbot.com/bot.gif);}<br> <td><td bgcolor="#eaeaea" valign="top">Файл bot.gif (с другого веб-сервера) появляется в качестве фона таблицы</td></tr></table><br><br> <h1>Background-position</h1> Устанавливает расположение рисунка относительно краев окна и других объектов. Укажите left, center или right, а затем top, middle или bottom.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> table { background-image:url(war.gif); background-repeat:no-repeat; background-position:center top;}<br> <td><td bgcolor="#eaeaea" valign="top">Таблица отображает рисунок, выровненный сверху страницы</td></tr></table><br><br> <h1>Background-repeat</h1> Определяет возможность повторения фонового рисунка, если он слишком мал, чтобы занять все пространство. Установите repeat, repeat-x, repeat-y или no-repeat.<br><br> <h1>Background-scroll</h1> Определяет, должен ли фон прокручиваться вместе со страницей. Установите scroll или fixed.<br><br> <h1>Background</h1> Устанавливает все пять предыдущих свойств. Установите свойства в следующем порядке.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body { background:silver url(war.gif) no-repeat fixed center top;}<br> <td><td bgcolor="#eaeaea" valign="top">Фон страницы серебристо-серый, с непрокручивающимся рисунком, выровненным по верху страницы</td></tr></table><br><br> <h1>Border-style</h1> Отображает границу вокруг любого блочного элемента, вроде параграфа, рисунка, или таблицы. Бывает solid, double, ridge, groove, dashed, dotted, outset, inset, или none.<br><br> <h1>Border-width</h1> Может быть thin, medium, thick, или exact width. (Установка этих параметров не обеспечит границу, пока вы не установите border-style.)<br><br> <h1>Border</h1> Устанавливает сразу все три предыдущих параметра.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> .bigframe {border:4mm ridge gold;}<br> <td><td bgcolor="#eaeaea" valign="top">Элементы класса bigframe имеют широкую, золотистую границу</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1 {border:2px solid;padding:4px;}<br> <td><td bgcolor="#eaeaea" valign="top">Каждый заголовок заключен в рамку</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> table {border:2 solid gray;} td,th {border:1 dashed gray;}<br> <td><td bgcolor="#eaeaea" valign="top">Отображает тонкие границы вокруг таблицы и ячеек; удобно для тестирования таблиц</td></tr></table><br><br> <h1>Clear</h1> Если параграф или объект обтекает другие объекты на странице, установите параметр clear, чтобы он начинался со следующего открытого правого или левого поля (после других элементов). Установите как left, right, both или none.<br><br> <h1>Color</h1> Указывает цвет текста и других элементов<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body,p,td {color:#000066;}<br> <td><td bgcolor="#eaeaea" valign="top">Весь текст на странице темно-синий</td></tr></table><br><br> <h1>Display</h1> Установите как none, чтобы элемент исчез со страницы, закрыв занимаемое им в другом случае пространство. Установите как block, чтобы отображать элемент как блок (по умолчанию) или inline, чтобы отображать его как часть конкретной строки (как в тэге <SPAN>).<br><br> <h1>Единицы длины</h1> В CSS используется несколько единиц длины, наиболее важные – это px (пиксели), pt (пункты), in (дюймы), mm (миллиметры), em (ширина заглавной "M" в данном шрифте) и ex (высота маленькой "x" в данном шрифте).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body,td {font-size:16px;}<br> <td><td bgcolor="#eaeaea" valign="top">Размер шрифта для обычного текста ровно 16 пикселей в высоту</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> body {margin:.5in;}<br> <td><td bgcolor="#eaeaea" valign="top">Страница имеет поля в пол-дюйма</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1,h2,h3 {border:1mm solid gray; padding:.5em;}<br> <td><td bgcolor="#eaeaea" valign="top">Заголовки имеют серую границу толщиной в 1 мм, и расстояние между текстом и границами в ячейке зависит от размера шрифта</td></tr></table><br><br> <h1>Float</h1> Устанавливает выравнивание и тип обтекания объекта (вроде атрибута align в тэге <IMG>, но не только для рисунков). Установите как left или right, чтобы выровнять объект с левыми или правыми полями и установить обтекание текста, или установите none (по умолчанию), чтобы предотвратить обтекание.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> img {float:left;margin-right:10px;}<br> <td><td bgcolor="#eaeaea" valign="top">Текст обтекает все рисунки с полями в 10 пикселей с правой стороны</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div style="float:right;width:120;"> <img src="mel.jpg"width=120 height=200><br> Caption under the picture</div><br> <td><td bgcolor="#eaeaea" valign="top">Рисунок и подпись появляются напротив правого поля в то время как остальное содержимое страницы обтекается слева</td></tr></table><br><br> <h1>Font-family</h1> Выберите семейство. Чтобы поддерживать системы с различными шрифтами, предусмотрите альтернативу (включая serif, sans-serif и monospace, используемые большинством систем).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body,td {font-family:Verdana, Arial,Helvetica,sans-serif;}<br> <td><td bgcolor="#eaeaea" valign="top">Страница использует шрифт Verdana, если он доступен; иначе используется Arial или Helvetica, или шрифт без засечек по умолчанию</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> .typewriter {font-family:"Courier New",Courier,monospace;}<br> <td><td bgcolor="#eaeaea" valign="top">Текст в элементе класса typewriter использует Шрифт New, если вoзможно; иначе используется Courier или моноширинный шрифт по умолчанию</td></tr></table><br><br> <h1>Font-size</h1> Может быть xx-small, x-small, small, medium, large, x-large, xx-large; larger или smaller; или точной высоты в пикселях и пунктах; или в процентах от наследуемого размера шрифта.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body,td {font-size:14pt;} h1 {font-size:x-large;color:blue;} h2 {font-size:x-large;} h3 {font-size:large;} .footer {font-size:13px;}<br> <td><td bgcolor="#eaeaea" valign="top">Размер шрифта для обычного текста 14 пунктов, шрифт заголовков чуть-чуть больше, а размер шрифта в элементах класса footer-class точно 13 пикселей в высоту</td></tr></table><br><br> <h1>Font</h1> Устанавливает предыдущие пять свойств (в порядке, обозначенном ниже). Если вы устанавливаете высоту строки, это свойство должно стоять после размера шрифта, отделенное слэшем (/).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body,td {font:12pt/14pt "Times New Roman",Times,serif;}<br> <td><td bgcolor="#eaeaea" valign="top">Страница использует Times New Roman или другой шрифт с засечками размером 12 пунктов с высотой строки 14 пунктов</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1 {font:italic bold 18pt Arial sans-serif;}<br> <td><td bgcolor="#eaeaea" valign="top">H1-заголовки используют жирный курсивный шрифт Arial размером 18 пунктов или шрифт без засечек по умолчанию</td></tr></table><br><br> <h1>Функции полей</h1> Поля представляют собой пространство вокруг границ объекта. Они прозрачны, поэтому их цвет соответствует цвету заднего фона объекта. Для большинства объектов поля по умолчанию равны нулю; впрочем, текстовые элементы, такие как параграфы и заголовки, имеют по умолчанию поля сверху и снизу.<br><br> <h1>Имена цветов</h1> Если вы не любите пользоваться номерами, выберите название цвета из ста с лишним названий цветов, таких как darksalmon, seagreen и papayawhip. Но 4-ая и более ранние версии броузеров распознают очень небольшое количество имен. (Полный список имен цветов см. на msdn.microsoft.com/workshop/author/dhtml/reference/colors/colors.asp.).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1,h2 {color:darkgreen;}<br> <td><td bgcolor="#eaeaea" valign="top">Оба заголовка темно-зеленые</td></tr></table><br><br> <h1>Каскадированость и наследственность</h1> Стили называются каскадироваными потому, что многие из них применяются не только к указанному вами элементу, но и к под-элементам. Например, когда вы устанавливаете стиль шрифта для таблицы, ячейки и параграфы тоже приобретают этот стиль, вам не надо указывать для них стиль отдельно. (Впрочем, вы всегда можете использовать другие правила стиля для объектов внутри таблицы.)<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> table {font-size:smaller;}<br> <td><td bgcolor="#eaeaea" valign="top">Шрифт в таблице меньше чем в остальной странице</td></tr></table><br> Некоторые характеристики, такие как поля и задний фон, не наследуются.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> table { margin:8px; }<br> <td><td bgcolor="#eaeaea" valign="top">Вокруг краев таблицы существует дополнительное пространство в 8 пикселей, но объекты внутри таблицы не имеют дополнительных полей</td></tr></table><br><br> <h1>Letter-spacing</h1> Позволяет вам регулировать расстояние между символами. Указывается положительное или отрицательное значение длины, или процент от существующей разбивки.<br><br> <h1>List-style-image</h1> Устанавливает рисунок в качестве маркера<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> ul { list-style-image: url(images/bullet.gif);}<br> <td><td bgcolor="#eaeaea" valign="top">Маркированный список использует рисунок bullet.gif в качестве маркера</td></tr></table><br><br> <h1>List-style-position</h1> Определяет положение маркера в списке: inside (в составе абзаца) или outside (выдвинутый влево от абзаца).<br><br> <h1>List-style-type</h1> Маркеры могут быть square, circle или disc. Номера могут быть decimal, lower-roman, upper-roman, lower-alpha или upper-alpha. Если нет ни того, ни другого, установите none.<br><br> <h1>Margin-top, margin-right, margin-bottom, margin-left и margin</h1> Установите расстояние между объектом (или его границей) и смежным объектом или краем окна или ячейки. Используйте margin, чтобы установить сразу все четыре поля.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body {margin:0;}<br> <td><td bgcolor="#eaeaea" valign="top">Страница находится в верхнем левом углу окна броузера</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> .quote { margin-left:.25in; margin-right:.25in;}<br> <td><td bgcolor="#eaeaea" valign="top">Абзацы класса quote отступают на четверть дюйма от краев окна</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1,h2,h3 {margin-bottom:6px;} p { margin-top:6px; margin-bottom:6px;} ul , ol { margin-top:8px; margin-bottom:18px;} li { margin-top:0px; margin-bottom:4px;}<br> <td><td bgcolor="#eaeaea" valign="top">Страница разбита более равномерно: заголовки и абзацы ближе друг к другу, пункты списка разделены небольшими отступами</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> img {float:right;margin-left:10px;}<br> <td><td bgcolor="#eaeaea" valign="top">Рисунки выровнены справа; текст огибает их слева, но он отделен от них как минимум десятью пикселами</td></tr></table><br><br> <h1>Номера цветов</h1> Цвета указываются так же, как в HTML, используя RGB-номера: #000000 (черный), #ffffff (белый), #006600 (темно-зеленый).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1,h2 {color:#006600;}<br> <td><td bgcolor="#eaeaea" valign="top">Оба заголовка темно-зеленые</td></tr></table><br><br> <h1>Overflow, overflow-x и overflow-y</h1> Определяет, способен ли абзац вместить текст и нужны ли полосы прокрутки, чтобы отобразить переполнение. Параметр по умолчанию – visible, позволяющий абзацу превысить установленную высоту. <br>Чтобы вырезать лишний текст, установите hidden; установите auto, чтобы отображать полосу прокрутки, если необходимо; установите scroll, чтобы всегда отображать две полосы прокрутки. Используйте параметры overflow-x и overflow-y, чтобы обеспечить разные настройки для горизонтального и вертикального переполнения и прокрутки.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> .boxnote {width:160px;height:100px; overflow:auto;float:right;fixed-size border:2px solid navy;padding:4px; }<br> <td><td bgcolor="#eaeaea" valign="top">Параграфы класса boxnote содержатся в рамке напротив правого поля; если текст не будет помещаться, в рамке появится вертикальная полоса прокрутки</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> #mustfit {width:100px;height:12px; overflow:hidden;}<br> <td><td bgcolor="#eaeaea" valign="top">Элемент с ID mustfit должен быть точно 100 на 12 пикселов; не поместившийся текст вырезается</td></tr></table><br><br> <h1>Padding</h1> Устанавливает расстояние между абзацем или другим элементом и его границей<br><br> <h1>Поля, заполнение и границы</h1> Исходя из блочной модели CSS, каждый элемент блока – таблицы, ячейки, параграфы и рисунки – имеют поля, заполнение и границы, которыми вы можете управлять. Функции полей работают не во всех броузерах; в Netscape 4 лучше вообще не использовать параметры полей.<br><br> <h1>Position, top, и left</h1> Параметр position заставляет элемент, такой как рисунок или блок <DIV>, переместиться с места, изначально занимаемого на странице. Установите position как absolute, чтобы установить элемент на определенном расстоянии от левого и верхнего краев страницы, закрывая пространство, которое он занял бы в другом случае.<br>Укажите position как relative, чтобы разрешить позиционирование объекта, оставляя открытым пространство, которое он занял бы в другом случае.<br>Параметры для top и left могут быть положительными (для движения вниз и вправо) или отрицательными (для движения вверх и налево).<br>Абсолютное позиционирование обычно связано с верхним левым углом страницы, но вы также можете установить его относительно других элементов. Например, если вы устанавливате position как relative к блоку <DIV>, абсолютное размещение в этом блоке будет связано с его левым верхним углом.<br>Абсолютное позиционирование удобно в DHTML-программировании, где вы определяете объекты на вашей странице, а затем устанавливаете расположение, содержимое и видимость, используя JavaScript.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div style= "position:absolute;top:0;left:200"> <img src=spaceship.gif> </div><br> <td><td bgcolor="#eaeaea" valign="top">Левый край рисунка отстоит на 200 пикселов от левого края окна, и рисунок касается верхнего поля</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> The word <span style= "position:relative;top:-8;">higher </span>is higher than the others<br> <td><td bgcolor="#eaeaea" valign="top">Слово higher выше, чем остальные</td></tr></table><br><br> <h1>Правила формата стиля</h1> Одним из правил каскадированной таблицы является селектор – тэг HTML, сопровождаемый параметрами CSS в скобках, отделенный точкой с запятой.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> body {background-color:darkblue;}<br> <td><td bgcolor="#eaeaea" valign="top">Цвет фона темно-синий</td></tr></table><img src="image/pravila-formata-stilja_1.gif" alt="Правила формата стиля">Здесь описаны основные концепции и правила CSS. Более полную информацию вы сможете получить по адресу msdn.microsoft.com/workshop/author/css/reference/attributes.asp. А также www.w3.org/Style/CSS.<br><br> <h1>Применение стиля к одному тэгу HTML</h1> Чтобы установить стиль для одного тэга HTML, используют атрибут стиля.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <table style= "background-color:blue;color:white;"><br> <td><td bgcolor="#eaeaea" valign="top">Текст белый на синем фоне только в этой таблице</td></tr></table><br><br> <h1>Применение выборочных классов или ID к тэгу</h1> Чтобы применить класс к тэгу, используйте атрибут class; для ID используйте атрибут id.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <p class=quote>I hate quotations; tell me what you know.<br><br> <td><td bgcolor="#eaeaea" valign="top">Применяет класс стилей quote к абзацу (и элементам внутри него)</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <h1 id=bigred>Warning</h1><br> <td><td bgcolor="#eaeaea" valign="top">Применяет ID bigred к заголовку</td></tr></table><br><br> <h1>Селекторы псевдо-элементов :first-letter и :first-line</h1> Cелекторы псевдо-элементов используются для специального форматирования первой буквы элемента или всей первой строки.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> p:first-letter {float:left; font-size:32pt;line-height:28pt; padding-right:5px;}<br> <td><td bgcolor="#eaeaea" valign="top">Создает буквицу (большую заглавную букву, вокруг которой размещается текст) в начале каждого параграфа</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> .fancy:first-line { font-size:larger; letter-spacing:1pt;}<br> <td><td bgcolor="#eaeaea" valign="top">Первая строка каждого параграфа или заголовка, относящегося к классу fancy, имеет больший размер</td></tr></table><br><br> <h1>Селекторы псевдоэлементов a:link, a:visited, a:active и a:hover</h1> Используя селекторы псевдоэлементов гиперссылок, вы можете устанавливать различные параметры гиперссылок. Установите параметры a:hover, чтобы создать эффект ролловера, когда посетитель проводит мышкой по гиперссылке.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> a : link {color:darkslateblue;} a : visited {color:steelblue;} a : active {color:hotpink;} a : hover {color:tomato;}<br> <td><td bgcolor="#eaeaea" valign="top">Гиперссылка меняет цвет, если она была использована или если посетитель проводит по ней мышью</td></tr></table><br><br> <h1>Смежные поля</h1> Когда элементы, имеющие поля, следуют один за другим вертикально, пространство между ними не является суммой их верхнего и нижнего полей; оно сливается в большее из двух полей. Инструментами side-by-side поля добавляются для создания большего пространства. Вы можете указать отрицательную величину поля; таким образом, вы уменьшите пространство, занимаемое полями.<br><br> <h1>Создание выборочного класса стилей или ID</h1> Вы можете создать выборочные классы в вашей таблице стилей и затем применять их на странице. Например, вы можете создать класс quote для квотирования. Перед классамми ставьте точку, а перед ID – значок номера (#).<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> quote { margin-left:20px; margin-right:20px;}<br> <td><td bgcolor="#eaeaea" valign="top">Создает класс quote для использования в атрибуте class вашего HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> #bigred { text-transform:uppercase; color:red;}<br> <td><td bgcolor="#eaeaea" valign="top">Создает стиль ID с именем bigred для использования в атрибуте id вашего HTML</td></tr></table><br><br> <h1>Стиль шрифта ()</h1> Устанавливает курсивный (italic), наклонный (oblique) или обычный (normal).<br><br> <h1>стилей внутри файла</h1> Вы можете установить правила стиля для одной страницы, используя блок <STYLE> в файле HTML вашей страницы.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <style>  </style><br> <td><td bgcolor="#eaeaea" valign="top">Устанавливает правила стилей для этой страницы</td></tr></table><br><br> <h1>Text-align</h1> Можно установить center, justify, right, или left. Используется для полей, рисунков, таблиц и других объектов также как и текст.<br><br> <h1>Text-decoration</h1> Можно установить подчеркивание (underline), линию над текстом (overline), зачеркивание (line-through) или none.<br><br> <h1>Text-indent</h1> Делает отступ необходимой длины в первой строке каждого параграфа.<br><br> <h1>Text-transform</h1> Устанавливает peгистр. Можно установить capitalize, lowercase, uppercase, или none.<br><br> <h1>Толщина шрифта ()</h1> Может быть полужирным (bold), более жирным (bolder), светлым (lighter) или обычным (normal).<br><br> <h1>Установка множественных стилей</h1> Чтобы установить стиль для нескольких селекторов, используйте запятые.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> h1,h2,h3,h4,h5,h6 {color:white;}<br> <td><td bgcolor="#eaeaea" valign="top">Цвет текста всех заголовков – белый</td></tr></table><br><br> <h1>Установка стилей гиперссылок</h1> Чтобы управлять отображением гиперссылок на вашей странице, установите параметры тэга <A>, такие как color,font-weight и text-decoration.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> a { color:#993300;font-weight:bold; text-decoration:none;}<br> <td><td bgcolor="#eaeaea" valign="top">Гиперссылки не подчёркнуты и отображаются полужирным, темно-красным шрифтом</td></tr></table><br><br> <h1>Установка стиля в контексте</h1> Вы можете устанавливать стили, применяемые в конкретном контексте – стили объектов внутри других объектов.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> table a {color:maroon;}<br> <td><td bgcolor="#eaeaea" valign="top">Текст гиперссылок в таблице – темно-красный</td></tr></table><br><br> <h1>Vertical-align</h1> Можно установить baseline, sub, super, top, middle, bottom, text-top, text-bottom, или auto. Используется для рисунков, таблиц и других объектов также как и текст.<br><br> <h1>Visibility</h1> Установите как hidden, чтобы элемент исчез со страницы, но все еще занимал место. Установите visible (по умолчанию), чтобы отобразить объект.<br><br> <h1>Внешняя таблица стилей</h1> Вы можете установить правила стиля для ваших страниц, используя файл (.css) внешней таблицы стилей. Свяжите таблицу с вашим HTML, поместив тэг <LINK> в раздел <head> <link rel="canonical" href="https://www.e-lave.ru//00.htm"/>.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <link rel=stylesheet href="stylesht.css"type="text/css"><br> <td><td bgcolor="#eaeaea" valign="top">Правила стиля, содержащиеся в файле stylesht.css, применяются к этой странице</td></tr></table><br><br> <h1>Высота строки ()</h1> Устанавливает высоту каждой строки текста. Указывается или конкретная высота, или процент от высоты по умолчанию.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> compact {line-height:95%}<br> <td><td bgcolor="#eaeaea" valign="top">Строки в элементах класса compact ближе друг к другу, чем обычно</td></tr></table><br><br> <h1>Width и height</h1> Устанавливает размеры объектов, таких как рисунок или абзац. Абзац всегда использует указанный параметр width. С параметром height, когда рамка меньше абзаца, текст сжимается до указанной высоты (если вы не установили параметр overflow).<br><br> <h1>Z-index</h1> Определяет, какие позиционированные объекты накладываются друг на друга.<br>Большее значение элемента z-index отправляет элемент на передний план, а меньшая величина располагает его позади других элементов. Отрицательное значение отодвигает элемент за непозиционированные элементы страницы.<br><table border=1><tr>Пример</tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div style= "position:absolute;top:200; left:200;z-index:2"> <img src="front.gif"></div> <div style= "position:absolute;top:250; left:250;z-index:1"> <img src="back.gif"></div><br> <td><td bgcolor="#eaeaea" valign="top">Рисунок front.gif частично перекрывает back.gif</td></tr><tr><td bgcolor="#eaeaea" valign="top"><br> <div style= "position:absolute;top:250; left:250;z-index:-1"> <img src="chau.gif"></div>.<br> <td><td bgcolor="#eaeaea" valign="top">Рисунок появляется после содержимого страницы, на расстоянии 250 пикселов от верхнего и левого краев страницы</td></tr></table><br><br> <h1>Особо важные адреса</h1> <h1>Броузеры</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Extremely Lynx</td><td bgcolor="#eaeaea" valign="top">www.trill-home.com/lynx.html</td><td bgcolor="#eaeaea" valign="top">Lynx – это броузер текстового режима, все еще популярный</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Internet Explorer</td><td bgcolor="#eaeaea" valign="top">www.microsoft.com/windows/ie</td><td bgcolor="#eaeaea" valign="top">Наиболее широко используемый броузер</td></tr><tr><td bgcolor="#eaeaea" valign="top">Netscape</td><td bgcolor="#eaeaea" valign="top">home.netscape.com/browsers</td><td bgcolor="#eaeaea" valign="top">Netscape запускается в ряде операционных систем и многим очень нравится</td></tr><tr><td bgcolor="#eaeaea" valign="top">Opera Software</td><td bgcolor="#eaeaea" valign="top">www.opera.com</td><td bgcolor="#eaeaea" valign="top">Opera – главный сторонник стандартов HTML и CSS и фаворит разработчиков</td></tr><tr><td bgcolor="#eaeaea" valign="top">WebTV</td><td bgcolor="#eaeaea" valign="top">developer.webtv.net</td><td bgcolor="#eaeaea" valign="top">WebTV viewer позволит увидеть, как ваши страницы выглядят на TV</td></tr></table><br><br> <br> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Bare Bones Guide to HTML</td><td bgcolor="#eaeaea" valign="top">www.werbach.com/barebones</td><td bgcolor="#eaeaea" valign="top">Справка об HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">Chami.com HTML tips</td><td bgcolor="#eaeaea" valign="top">www.chami.com/tips/html</td><td bgcolor="#eaeaea" valign="top">Советы по HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">The HTML Reference Library</td><td bgcolor="#eaeaea" valign="top">www.htmlib.com</td><td bgcolor="#eaeaea" valign="top">Справочная система по HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">Network Communication</td><td bgcolor="#eaeaea" valign="top">www.ncdesign.org</td><td bgcolor="#eaeaea" valign="top">Отличный гид по HTML и Design CSS</td></tr><tr><td bgcolor="#eaeaea" valign="top">RichInStyle</td><td bgcolor="#eaeaea" valign="top">ww.richinstyle.com</td><td bgcolor="#eaeaea" valign="top">Информация по Extensive CSS</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C HTML pages</td><td bgcolor="#eaeaea" valign="top">www.w3.org/MarkUp</td><td bgcolor="#eaeaea" valign="top">Первое и последнее слово об HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C Style Sheet pages</td><td bgcolor="#eaeaea" valign="top">www.w3.org/Style/CSS</td><td bgcolor="#eaeaea" valign="top">Первое и последнее слово о CSS</td></tr><tr><td bgcolor="#eaeaea" valign="top">WebCom</td><td bgcolor="#eaeaea" valign="top">www.webcom.com/html</td><td bgcolor="#eaeaea" valign="top">Ссылки на справки и ресурсы по HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">Web Design Group</td><td bgcolor="#eaeaea" valign="top">www.htmlhelp.com</td><td bgcolor="#eaeaea" valign="top">Отличные справки по HTML</td></tr></table><br><br> <h1>Мультимедиа и изображения</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Apple QuickTime</td><td bgcolor="#eaeaea" valign="top">www.apple.com/quicktime</td><td bgcolor="#eaeaea" valign="top">Извесный проигрыватель фильмов</td></tr><tr><td bgcolor="#eaeaea" valign="top">Corbis</td><td bgcolor="#eaeaea" valign="top">www.corbis.com</td><td bgcolor="#eaeaea" valign="top">Готовые фотографии</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Developer Network Multimedia</td><td bgcolor="#eaeaea" valign="top">msdn.microsoft.com/downloads</td><td bgcolor="#eaeaea" valign="top">Поищите в разделе графики и мультимедиа бесплатные звуки и рисунки</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Office Clip Gallery</td><td bgcolor="#eaeaea" valign="top">www.microsoft.com/clipgallerylive</td><td bgcolor="#eaeaea" valign="top">Бесплатные звуки и рисунки</td></tr><tr><td bgcolor="#eaeaea" valign="top">PhotoDisc</td><td bgcolor="#eaeaea" valign="top">www.photodisc.com</td><td bgcolor="#eaeaea" valign="top">Готовые фотографии</td></tr><tr><td bgcolor="#eaeaea" valign="top">Real Networks</td><td bgcolor="#eaeaea" valign="top"><br> www.realnetworks.com<br> www.realnetworks.com/devzone<br> <td><td bgcolor="#eaeaea" valign="top">RealServer, RealProducer и другие инструменты для работы с медиа и информация о них</td></tr><tr><td bgcolor="#eaeaea" valign="top">RealPlayer</td><td bgcolor="#eaeaea" valign="top">www.real.com</td><td bgcolor="#eaeaea" valign="top">Популярный медиа проигрыватель</td></tr><tr><td bgcolor="#eaeaea" valign="top">Sonic Foundry</td><td bgcolor="#eaeaea" valign="top">www.sonicfoundry.com</td><td bgcolor="#eaeaea" valign="top">Программы для редактирования и кодирования аудио и видео</td></tr><tr><td bgcolor="#eaeaea" valign="top">Syntrillium</td><td bgcolor="#eaeaea" valign="top">www.syntrillium.com/cooledit</td><td bgcolor="#eaeaea" valign="top">Аудиопрограммы CoolEdit</td></tr><tr><td bgcolor="#eaeaea" valign="top">Terran</td><td bgcolor="#eaeaea" valign="top">www.mediacleaner.com</td><td bgcolor="#eaeaea" valign="top">Видеопродукты MediaCleaner и программы для кодирования</td></tr><tr><td bgcolor="#eaeaea" valign="top">Windows Media</td><td bgcolor="#eaeaea" valign="top">www.microsoft.com/windows/windowsmedia</td><td bgcolor="#eaeaea" valign="top">Windows Media Player, инструменты и информация</td></tr><tr><td bgcolor="#eaeaea" valign="top">Xing Technologies</td><td bgcolor="#eaeaea" valign="top">www.xingtech.com</td><td bgcolor="#eaeaea" valign="top">Программа кодирования AudioCatalyst MP3.</td></tr></table><br><br> <h1>Основная информация</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Browser News</td><td bgcolor="#eaeaea" valign="top">www.upsdell.com/BrowserNews</td><td bgcolor="#eaeaea" valign="top">Сравнительная характеристика броузеров</td></tr><tr><td bgcolor="#eaeaea" valign="top">CNET</td><td bgcolor="#eaeaea" valign="top">www.cnet.com</td><td bgcolor="#eaeaea" valign="top">Сайт для веб разработчиков; попробуйте район Web Building</td></tr><tr><td bgcolor="#eaeaea" valign="top">The Copyright Site</td><td bgcolor="#eaeaea" valign="top">www.benedict.com</td><td bgcolor="#eaeaea" valign="top">Информация о правах на копирование и сайты</td></tr><tr><td bgcolor="#eaeaea" valign="top">Digital Web Magazine</td><td bgcolor="#eaeaea" valign="top">www.digital-web.com</td><td bgcolor="#eaeaea" valign="top">Иллюстрированный журнал</td></tr><tr><td bgcolor="#eaeaea" valign="top">FrontPage World</td><td bgcolor="#eaeaea" valign="top">www.frontpageworld.com</td><td bgcolor="#eaeaea" valign="top">Ресурсы FrontPage</td></tr><tr><td bgcolor="#eaeaea" valign="top">HTML Writers Guild</td><td bgcolor="#eaeaea" valign="top">www.hwg.org</td><td bgcolor="#eaeaea" valign="top">Отличные ресурсы для создания сайта</td></tr><tr><td bgcolor="#eaeaea" valign="top">Internet.com</td><td bgcolor="#eaeaea" valign="top">www.internet.com</td><td bgcolor="#eaeaea" valign="top">Сайт для веб-разработчиков</td></tr><tr><td bgcolor="#eaeaea" valign="top">Internet Corporation for Assigned Network Names</td><td bgcolor="#eaeaea" valign="top">www.icann.org</td><td bgcolor="#eaeaea" valign="top">Службы имен доменов</td></tr><tr><td bgcolor="#eaeaea" valign="top">lynda.com</td><td bgcolor="#eaeaea" valign="top">www.lynda.com</td><td bgcolor="#eaeaea" valign="top">Книги Линды Вейнманн и советы по созданию сайтов</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Press</td><td bgcolor="#eaeaea" valign="top">mspress.microsoft.com</td><td bgcolor="#eaeaea" valign="top">Другие книги о веб-страницах</td></tr><tr><td bgcolor="#eaeaea" valign="top">MSDN Web Workshop</td><td bgcolor="#eaeaea" valign="top">msdn.microsoft.com/workshop</td><td bgcolor="#eaeaea" valign="top">Статьи и справки; в основном об Internet Explorer</td></tr><tr><td bgcolor="#eaeaea" valign="top">Netscape DevEdge Online</td><td bgcolor="#eaeaea" valign="top">developer.netscape.com</td><td bgcolor="#eaeaea" valign="top">Документация и ресурсы Netscape</td></tr><tr><td bgcolor="#eaeaea" valign="top">O’Reilly Web and Internet Resources</td><td bgcolor="#eaeaea" valign="top">web.oreilly.com</td><td bgcolor="#eaeaea" valign="top">Книги, новости и ресурсы</td></tr><tr><td bgcolor="#eaeaea" valign="top">Project Cool</td><td bgcolor="#eaeaea" valign="top">www.projectcool.com</td><td bgcolor="#eaeaea" valign="top">Советы по созданию сайтов</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C Design Issues pages</td><td bgcolor="#eaeaea" valign="top">www.w3.org/DesignIssues</td><td bgcolor="#eaeaea" valign="top">Интересные статьи</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C URL specification</td><td bgcolor="#eaeaea" valign="top">www.w3.org/Addressing/URL</td><td bgcolor="#eaeaea" valign="top">Все о веб-адресации</td></tr><tr><td bgcolor="#eaeaea" valign="top">Webmonkey</td><td bgcolor="#eaeaea" valign="top">webmonkey.lycos.com</td><td bgcolor="#eaeaea" valign="top">Отличные справки и консультации</td></tr><tr><td bgcolor="#eaeaea" valign="top">WebReview.com</td><td bgcolor="#eaeaea" valign="top">www.webreview.com</td><td bgcolor="#eaeaea" valign="top">Сайт для веб-разработчиков; огромный архив статей, так что внимательно ищите свою тему</td></tr><tr><td bgcolor="#eaeaea" valign="top">Yahoo GeoCities</td><td bgcolor="#eaeaea" valign="top">geocities.yahoo.com</td><td bgcolor="#eaeaea" valign="top">Бесплатный хостинг</td></tr><tr><td bgcolor="#eaeaea" valign="top">ZD Net Developer Pages</td><td bgcolor="#eaeaea" valign="top">www.zdnet.com/developer</td><td bgcolor="#eaeaea" valign="top">Сайт для веб-разработчиков</td></tr></table><br><br> <h1>Особо важные адреса</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Callahan Software Solutions </td><td bgcolor="#eaeaea" valign="top">www.callahansoftware.com</td><td bgcolor="#eaeaea" valign="top">Картинки и коды из этой книги</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Office Update</td><td bgcolor="#eaeaea" valign="top">officeupdate.mi</td><td bgcolor="#eaeaea" valign="top">Обновления и информация по Office и FrontPage</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Product Support</td><td bgcolor="#eaeaea" valign="top"></td><td bgcolor="#eaeaea" valign="top">FAQ (часто задаваемые вопросы) и поисковая информационная база</td></tr><tr><td bgcolor="#eaeaea" valign="top">Troubleshooting Book</td><td bgcolor="#eaeaea" valign="top"></td><td bgcolor="#eaeaea" valign="top">Обновления и информация, сайт об этой книге.</td></tr></table><br><br> <h1>Программирование и Java</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Chami.com</td><td bgcolor="#eaeaea" valign="top">www.chami.com/tips/javascript</td><td bgcolor="#eaeaea" valign="top">Советы по Javascript</td></tr><tr><td bgcolor="#eaeaea" valign="top">CodeBrain.com</td><td bgcolor="#eaeaea" valign="top">www.codebrain.com</td><td bgcolor="#eaeaea" valign="top">Ресурсы и сценарии Java, Perl, и JavaScript</td></tr><tr><td bgcolor="#eaeaea" valign="top">Comprehensive Perl Archive Network (CPAN)</td><td bgcolor="#eaeaea" valign="top">www.cpan.org</td><td bgcolor="#eaeaea" valign="top">Все богатство Perl</td></tr><tr><td bgcolor="#eaeaea" valign="top">Earthweb JavaScripts page</td><td bgcolor="#eaeaea" valign="top">javascripts.earthweb.com</td><td bgcolor="#eaeaea" valign="top">Советы и сценарии</td></tr><tr><td bgcolor="#eaeaea" valign="top">HTML Guru</td><td bgcolor="#eaeaea" valign="top">www.htmlguru.com</td><td bgcolor="#eaeaea" valign="top">Консультации по динамическому HTML</td></tr><tr><td bgcolor="#eaeaea" valign="top">Java Boutique</td><td bgcolor="#eaeaea" valign="top">javaboutique.internet.com</td><td bgcolor="#eaeaea" valign="top">Бесплатные апплеты Java</td></tr><tr><td bgcolor="#eaeaea" valign="top">Javascript.com</td><td bgcolor="#eaeaea" valign="top">www.javascript.com</td><td bgcolor="#eaeaea" valign="top">Советы и сценарии</td></tr><tr><td bgcolor="#eaeaea" valign="top">JavaScript Gate</td><td bgcolor="#eaeaea" valign="top">www.javascriptgate.com</td><td bgcolor="#eaeaea" valign="top">Советы и сценарии</td></tr><tr><td bgcolor="#eaeaea" valign="top">The JavaScript Source</td><td bgcolor="#eaeaea" valign="top">www.javascriptsource.com</td><td bgcolor="#eaeaea" valign="top">Советы и сценарии</td></tr><tr><td bgcolor="#eaeaea" valign="top">Matt’s script archive</td><td bgcolor="#eaeaea" valign="top">www.worldwidemart.com/scripts</td><td bgcolor="#eaeaea" valign="top">Ресурсы и бесплатные сценарии CGI и Perl</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Developer Network Web Workshop</td><td bgcolor="#eaeaea" valign="top">msdn.microsoft.com/workshop</td><td bgcolor="#eaeaea" valign="top">Ресурсы разработки для Internet Explorer</td></tr><tr><td bgcolor="#eaeaea" valign="top">Netscape JavaScript Documentation</td><td bgcolor="#eaeaea" valign="top">developer.netscape.com/docs/manuals/javascript.html</td><td bgcolor="#eaeaea" valign="top">Официальное руководство по JavaScript</td></tr><tr><td bgcolor="#eaeaea" valign="top">Sun Microsystems Java Technology Pages</td><td bgcolor="#eaeaea" valign="top">java.sun.com</td><td bgcolor="#eaeaea" valign="top">Ресурсы разработки Java</td></tr><tr><td bgcolor="#eaeaea" valign="top">WebCoder.com</td><td bgcolor="#eaeaea" valign="top">www.webcoder.com</td><td bgcolor="#eaeaea" valign="top">Советы и сценарии</td></tr><tr><td bgcolor="#eaeaea" valign="top">Webdeveloper.com</td><td bgcolor="#eaeaea" valign="top">www.webdeveloper.com</td><td bgcolor="#eaeaea" valign="top">Статьи и советы</td></tr><tr><td bgcolor="#eaeaea" valign="top">Web Developer’s Journal</td><td bgcolor="#eaeaea" valign="top">webdevelopersjournal.com</td><td bgcolor="#eaeaea" valign="top">Статьи и ресурсы</td></tr></table><br><br> <h1>Программы и инструменты</h1> <table border=1><tr>Компания или сайтСетевой адресЗамечания</tr><tr><td bgcolor="#eaeaea" valign="top">Adobe</td><td bgcolor="#eaeaea" valign="top">www.adobe.com</td><td bgcolor="#eaeaea" valign="top">Разработчик Photoshop, ImageReady, и GoLive CSE HTML Validator</td></tr><tr><td bgcolor="#eaeaea" valign="top">AI Internet Solutions</td><td bgcolor="#eaeaea" valign="top">www.htmlvalidator.com</td><td bgcolor="#eaeaea" valign="top"></td></tr><tr><td bgcolor="#eaeaea" valign="top">Allaire</td><td bgcolor="#eaeaea" valign="top">www.allaire.com</td><td bgcolor="#eaeaea" valign="top">Разработчик HomeSite и ColdFusion</td></tr><tr><td bgcolor="#eaeaea" valign="top">Apache Project</td><td bgcolor="#eaeaea" valign="top">www.apache.org</td><td bgcolor="#eaeaea" valign="top">Веб-сервер Apache</td></tr><tr><td bgcolor="#eaeaea" valign="top">Bradbury Software/TopStyle</td><td bgcolor="#eaeaea" valign="top">www.bradsoft.com</td><td bgcolor="#eaeaea" valign="top">Редактор таблиц стилей TopStyle </td></tr><tr><td bgcolor="#eaeaea" valign="top">Chami.com/HTML-Kit</td><td bgcolor="#eaeaea" valign="top">www.chami.com</td><td bgcolor="#eaeaea" valign="top">Редактор HTML-Kit и другие инструменты</td></tr><tr><td bgcolor="#eaeaea" valign="top">HTML Tidy</td><td bgcolor="#eaeaea" valign="top">www.w3.org/People/Raggett/tidy</td><td bgcolor="#eaeaea" valign="top">Бесплатный инструмент, который почистит ваш HTML и выдаст отчет об ошибках</td></tr><tr><td bgcolor="#eaeaea" valign="top">ImagiWare/Doctor HTML</td><td bgcolor="#eaeaea" valign="top">www.imagiware.com/index_tools.html</td><td bgcolor="#eaeaea" valign="top">Doctor HTML и другие инструменты</td></tr><tr><td bgcolor="#eaeaea" valign="top">Ipswitch/WS_FTP</td><td bgcolor="#eaeaea" valign="top">www.wsftp.com</td><td bgcolor="#eaeaea" valign="top">WS_FTP программы для перевода файлов</td></tr><tr><td bgcolor="#eaeaea" valign="top">Macromedia</td><td bgcolor="#eaeaea" valign="top">www.macromedia.com</td><td bgcolor="#eaeaea" valign="top">Разработчик Fireworks, Dreamweaver и Flash</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft FrontPage</td><td bgcolor="#eaeaea" valign="top">officeupdate.microsoft.com/welcome/frontpage.asp</td><td bgcolor="#eaeaea" valign="top">Обновления, дополнения, FAQ и многое другое</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft FrontPage Server Extensions Resource Kit</td><td bgcolor="#eaeaea" valign="top">officeupdate.microsoft.com/frontpage/wpp/serk</td><td bgcolor="#eaeaea" valign="top">Server Extensions информация и загрузка</td></tr><tr><td bgcolor="#eaeaea" valign="top">Microsoft Windows</td><td bgcolor="#eaeaea" valign="top">www.microsoft.com/windows</td><td bgcolor="#eaeaea" valign="top">Информация о программах для веб-серверов Microsoft</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C CSS Validation</td><td bgcolor="#eaeaea" valign="top">jigsaw.w3.org/css-validator</td><td bgcolor="#eaeaea" valign="top">Бесплатный инструмент, который выдает отчет об ошибках Service CSS; из официального источника</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C HTML Validation Service</td><td bgcolor="#eaeaea" valign="top">validator.w3.org</td><td bgcolor="#eaeaea" valign="top">Бесплатный инструмент, который выдает отчет об ошибках HTML; из официального источника</td></tr><tr><td bgcolor="#eaeaea" valign="top">W3C Tools pages</td><td bgcolor="#eaeaea" valign="top">www.w3.org/Tools</td><td bgcolor="#eaeaea" valign="top">Ссылки на программное обеспечение</td></tr></table><br><br> <a name="34"><h1>  <img src="/8.gif">  Бизнес в интернете: Сайты - Софт - Языки - Дизайн</h1> <ul> <li><a href="/390-1/index.htm">Киберсантинг</a><br> <li><a href="/391-1/index.htm">Киберсантинг как бизнес</a><br> <li><a href="/392-1/index.htm">Виды Киберсантинга</a><br> <li><a href="/691-1/index.htm">Создание игр</a><br> <li><a href="/393-1/index.htm">Дизайн как бизнес</a><br> <br> <li><a href="/394-1/index.htm">Dreamweaver</a><br> <li><a href="/395-1/index.htm">PHP</a><br> <li><a href="/396-1/index.htm">Homesite</a><br> <li><a href="/397-1/index.htm">Frontpage</a><br> <li><a href="/398-1/index.htm">Studio MX</a><br> <br> <li><a href="/432-1/index.htm">Сайтостроительство</a><br> <li><a href="/433-1/index.htm">Citrix MetaFrame</a><br> <li><a href="/434-1/index.htm">Стили сайта</a><br> <li><a href="/435-1/index.htm">ActiveX на сайте</a><br> <li><a href="/436-1/index.htm">HTML как основа сайта</a><br> <br> <li><a href="/437-1/index.htm">Adobe GoLive</a><br> <li><a href="/438-1/index.htm">Что такое WEB</a><br> <li><a href="/439-1/index.htm">Мобильные WAP сайты</a><br> <li><a href="/440-1/index.htm">3D графика на сайтах</a><br> <li><a href="/442-1/index.htm">3DS MAX графические решения</a><br> <br> <li><a href="/443-1/index.htm">Графика в 3D Studio MAX и на сайте</a><br> </ul> <br> <hr> <center> <a href="https://www.liveinternet.ru/click" target="_blank"><img id="licnt5E16" width="88" height="31" style="border:0" title="LiveInternet: РїРѕРєР°Р·Р°РЅРѕ С‡РёСЃР»Рѕ РїСЂРѕСЃРјРѕС‚СЂРѕРІ Р·Р° 24 С‡Р°СЃР°, РїРѕСЃРµС‚РёС‚РµР»РµР№ Р·Р° 24 С‡Р°СЃР° Рё Р·Р° СЃРµРіРѕРґРЅСЏ" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7" alt=""/></a><script>(function(d,s){d.getElementById("licnt5E16").src= "https://counter.yadro.ru/hit?t14.4;r"+escape(d.referrer)+ ((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+ (s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+ ";h"+escape(d.title.substring(0,150))+";"+Math.random()}) (document,screen)</script> </center> <hr> </div></div> </body></html>

Советы по диагностике проблем

Когда ничего не помогает

Ошибки в коде

Отсутствующие ссылки

Проблемы с макетом страницы

Программы веб-дизайна

Разные виды проблем

Сайт для решения проблем

Советы по диагностике проблем

Совместимость броузеров

GIF анимация не работает с броузером

Анимированный GIF файл слишком долго загружается

Динамические эффекты FrontPage работают неверно

GIF анимация не работает с броузером

GIF анимация отображается неровно

Оживляем страницу

Переход страницы FrontPage работает неверно

Неправильный шрифт в таблице

Как убрать пустое место в ячейках или между ними

Неправильный шрифт в таблице

Отображаемая ширина столбца отличается от заданной

Отображение границ таблицы и ячейки для тестирования

Пустые ячейки не отображаются правильно в Netscape

не работает после изменения или удаления строки, столбца, ячейки

Проблемы с установкой фонового рисунка

Файл с фоновым рисунком загружается слишком медленно

Фон не появляется вокруг краев изображения

Фон сливается со страницей

Мне не нравится, как повторяется фоновый рисунок

Предотвращение повторения фонового рисунка

Проблемы с установкой фонового рисунка

Прозрачность при работе с FrontPage

Установка фона в FrontPage

Текст размещается неправильно

Коды специальных символов

Маркированный или нумерованный список выглядит неправильно

Слишком большие отступы между абзацами

Текст должен появляться поверх изображения

Текст размещается неправильно

Текст со специальными символами отображается неправильно

Форма размещается неверно

Форма FrontPage неверно сохраняет или пересылает результаты

Форма не работает или появляется сообщение об ошибке

Форма размещается неверно

Использование методов GET и POST

Использование преформатированного текста

Использование таблицы

Argus the Answer Dog

Я получаю неверные значения от кнопок выбора, флажков или списков

Кнопки выбора размещаются в квадратиках

Настройка корректности во FrontPage

Отправка e-mail с веб-страницы

Отправляя форму, люди оставляют поля незаполнеными

Текстовые поля имеют разную ширину в разных броузерах

Фреймы не работают

Управление эмоциями

Странице не хватает цветов

Фреймы не работают