1. Альтернативный текст к картинкам приводит к расползанию, если не указан размер, а если его указывать, то текст обрезается и теряется весь смысл.
<dimas> | Учебник HTML с примерами. | <dimas> |
| Главная | Учебник HTML | Учебник CSS | Web - mastering | Раскрутка |
| Полезности | Чаво Faq | Взять banner | В Избранное | Контакты |
Найти на этой странице (поиск по одному слову или его части)
1. Альтернативный текст к картинкам приводит к расползанию, если не указан размер, а если его указывать, то текст обрезается и теряется весь смысл.
Если Вы укажете альтернативный текст не как обычно, а при помощи атрибута title, тогда при отключении графики не будет надписи, приводящей к расползанию, а при наведении курсора на картинку,
появится выпадающая подсказка.
Не самый лучший, но все же выход.
<IMG src="URL" width=25 height=25 title="альтернативный текст">
(См.также вопрос 21)
Пример: наведите курсор 
2. Как организовать автоматическую пересылку посетителей на другую страницу?
Вставьте где-нибудь между тэгами <HEAD> и </HEAD> такую конструкцию:
<META HTTP-EQUIV="Refresh" content="5;URL=http://www.dimasweb.narod.ru/index.html">
В этом случае цифра 5 означает задержку пересылки по времени в секундах. Если хотите осуществлять пересылку без задержек, то укажите ее равной 0. Вместо указанного URL укажите свой новый адрес.
Ещё о переадресации
3. Как защитить исходник страницы от просмотра посетителей и запретить копирование графики?
Если вспомнить то, что любая страница, с сервера посылается клиенту в готовом виде со всей графикой, скриптами и т.п., то становится ясно - защитить нельзя. Правда, когда страница генерируется "на лету", то можно увидеть только ее исходник, но не скрипт, который ее "сгенерировал".
4. Как сделать, чтобы при клике на ссылку менялось содержимое сразу двух, или более фреймов?
Пусть при клике по ссылке в нужном фрейме загрузится новый фреймсет, разделенный на необходимое количество фреймов, в каждом из них пусть будет прописан свой файл. Если такой вариант не подходит, тогда фреймам дайте имена frame1 и frame2, а ссылку надо указать так:
5. Как вставлять один и тот же кусок кода в разные места сайта?
При помощи сценария CGI, SSI-директив, или, если к ним нет доступа, то при помощи Java Script. Для этого необходимо создать текстовый файл file.js следующего вида:
Здесь код замените на то содержимое, которое хотите вставлять, (в одну строчку, ибо применяется конкатенация строк), а там, где необходимо вставить содержимое, напишите:
<SCRIPT type="text/javascript" src ="URL"></SCRIPT>
6. Как отлючить появление рамки вокруг ссылки при нажатии на кнопку мыши?
Вставьте onFocus="this.blur()" в начальный тэг ссылки. Например:
7. Как отлючить размножение картинки фона "черепицей"?
При помощи таблиц стилей CSS, а именно при помощи {background-repeat: no-repeat;}, тогда таблица стилей должна иметь следующий вид:
8. Как запретить браузеру посетителя сохранять документы сайта и изображения в кэш?
Способ обработки документов задается в "головной" части документа, между тегами <HEAD> и </HEAD> при помощи META-тэгов, в данном случае их используют с атрибутами: Expires, Cache-Control и pragma.
Подробнее об этом можно прочесть
здесь
НО! Не от одних META-тэгов зависит поведение браузера. А именно, в меню браузера: Вид - Свойства_обозревателя - Общие - Временные файлы Интернета - Настройка
может быть выставлен один из вариантов проверки наличия обновленных объектов, относящихся к страницам:
Естественно, что эти настройки имеют для браузера более высокий приоритет, чем META-тэги. И если у Вас на сайте располагаются, например изменяющиеся диаграммы, исполненные как обновляемые .gif-изображения, а у посетителя настроен браузер так, что объекты не проверяются на предмет обновления, то увидеть изменения он сможет только после принудительного обновления страницы, т.е. путем нажатия на кнопку "обновить".
9. Обычная ссылка на файлы .doc или .pdf открывает их прямо в окне браузера...
В этом случае можно посоветовать упаковать файл в архив и выложить на сайт .zip-файл, что само по себе хорошо уже тем, что уменьшит время его загрузки.
10. Как на одной странице разместить текст на нескольких языках?
Если это заголовки или небольшой объем текста, то иногда можно использовать оптимизированные .gif-изображения, но правильнее будет использовать метод, описанный здесь
11. Как запустить на компьютере посетителя .exe-файл?
При помощи обычной ссылки, например:
Но, к счастью, это не осуществимо без дополнительных вопросов браузера "открыть или сохранить файл на диске", иначе это вызвало бы большие проблемы с безопастностью.
12. Как вставить фоновую картинку в ячейку таблицы или в элемент формы?
Сама таблица так же, как и её ячейка вполне допускают использование атрибута background внутри тэга, например:
А в случае с формой придется использовать стили, например:
13. Как сделать, чтобы при клике на ссылку в ячейке таблицы HTML-файл загружался в другую ячейку?
Средствами HTML - никак, однако добиться подобного визуального эффекта можно, вставив в требуемую ячейку IFRAME и в него загружать требуемый файл. Такое решение может выглядеть, например, следующим образом:
14. Как задать "красную строку" в абзаце?
Иногда в начало строки вставляют прозрачное .gif-изображение, или ряд пробелов , но правильно будет - при помощи таблиц стилей CSS:
15. Как задать буквицу?
Способов может быть несколько.
При помощи .gif-изображения буквы, например:
При помощи тэга FONT и его атрибута size, например:
Используя стили, например:
Используя специальный псевдоэлемент, который определяет стиль для первой буквы в строке.
Пример:
P:first-letter { font-size: 150%; font-style: italic; font-weight: bold; float: left }
16. Как сделать, чтобы текст прокручивался, а картинка фона оставалась на месте?
В стилях указать body {background: fixed;}, либо в самом тэге на странице:
17. Как указывать относительные ссылки?
18. Каким редактором лучше пользоваться?
Ответ зависит от того, какова Ваша конечная цель. Если Вы новичок и при этом хотите ограничиться лишь созданием одной-двух страничек, не вникая в HTML, тогда выбирайте любой из WYSIWYG-редакторов, например, MS Frontpage. Если Вы новичок, но горите желанием стать знатоком, тогда Ваши инструменты- это MS Notepad и хороший справочник по HTML, потому что работая только головой и "ручками" можно закрепить знания и приобрести достаточный опыт.
В данном случае имеется ввиду любой текстовый редактор, по возможностям сравнимый с MS Notepad. В итоге Вы скорее всего остановитесь на чем-нибудь типа Home Site, или Dream Wiewer, но лишь для того, чтобы избавить себя от рутинной работы и успевать в конкретные сроки, при этом иметь в активе хороший справочник по HTML, а в "закладках"- ссылку на сайт типа этого. Хотя на деле происходит так, что после "стараний" различных редакторов мастеру, тем не менее, все-равно приходится оптимизировать код, т.е. удалять лишние тэги и исправлять прочие ошибки, теряя при этом время.
19. Как создавать браузеро-независимые таблицы стилей?
Прежде всего необходимо помнить, что не все из рекомендуемых к использованию свойств стилей поддерживаются, при этом те из них, поддержка которых внедрена в современные браузеры, имеют различный синтаксис для Internet Explorer и Netscape Navigator.
Например:
Для Internet Explorer
Здесь свойство font-family имеет общие кавычки, и пишется раздельно через дефис, так же, как и font-size
Теперь то же самое для Netscape Navigator
Здесь fontfamily имеет отдельные кавычки, и пишется слитно без дефиса, так же, как и fontsize
Теперь, если принять во внимание тот факт, что браузер игнорирует те части кода, которые не поддерживает, можно попытаться написать универсальный код для этого примера:
В этом коде Internet Explorer проигнорирует вторую строку, а Netscape Navigator - первую. И если вспомнить и учесть, что ссылки на подключаемую внешнюю таблицу стилей пишутся тоже по-разному <LINK href=... и <LINK src=..., то получим работоспособный вариант.
20. Как украсить ссылки на странице?
Здесь A:Link - это стиль ссылки, A:Visited - это стиль посещенной ссылки, A:Active - это стиль активной ссылки, и A:Hover - стиль ссылки при наведении на нее курсора.
21. Как сделать многострочный альтернативный текст к рисунку или ссылке?
Подобно тому как в тексте Вы задаете перенос строки тэгом <BR>, в альтернативном тексте используется символ 

Оба примера: Ссылка или
22. Как загрузить страницу не во фрейм, а во все окно?
23. Как загрузить страницу в новом окне?
А с помощью этого генератора можно создать ссылку для открытия нового окна с определёнными элементами управления и размера.
24. Как выложить на сайте mp3-файлы для скачивания?
Правильнее для этих целей использовать FTP-протокол, но если надо именно на сайте, тогда так:
В этом случае по клику левой кнопкой мыши файл будет открыт любой ассоциированной с ним программой, а для его сохранения пользователю необходимо будет воспользоваться контекстным меню правой кнопки мыши. Но такой способ скачивания не настолько интуитивно понятен, поэтому для упрощения процедуры можно упаковать файл и указать ссылку на file.zip.
25. Как задать фоновое звучание?
В идеальном случае Ваш сайт должен молчать, но если очень хочется иметь музыкальное фоновое оформление, тогда:
26. Как поменять фон у ячейки таблицы?
Пусть смена цвета происходит при наведении курсора, тогда:
27. Как ячейки таблицы слепить вместе, без пробелов?
Необходимо представить ее в таком виде:
28. Как задать "резиновый" дизайн, одинаково приспособленный под любое разрешение экрана?
Необходимо представить все размеры в процентном виде, например, ширину таблицы, ширину или высоту рисунка, размер шрифта в заголовках и т.д. Но проще всего задать это в стилях:
29. Как расположить текст на сайте колонками?
Специальными тэгами HTML это возможно лишь для NN, поэтому выбор остается небольшой: либо расположить текст в таблице с двумя колонками, либо представить его слоями. Но это очень нежелательно с точки зрения юзабельности и приемлемо лишь в редких случаях, например, для создания сетевой газеты.
30. Как задать фон для заголовков?
При помощи стилей:
Либо задать стиль для класса, который можно будет применить уже к любому участку текста:
31. Как задать подгружаемый шрифт на странице?
Для этого необходимо указать путь до файла .eot так, как это описано здесь. Для того, чтобы создать такой шрифт, существуют специальные утилиты, причем, как всегда это бывает - разные у NN и IE. Вторая из них распространяется бесплатно и скачать ее можно отсюда. Однако применение таких шрифтов не всегда может быть полезным, т.к. браузеру пользователя дополнительно придется подгружать файл размером около 50-100 kB.
32. Как разместить текст поверх картинки?
Часто используется прием, когда текст вставляют в ячейку таблицы, а картинку назначают в качестве фонового изображения ячейки, однако правильнее использовать для этой цели слои, тогда код может выглядеть например так:
33. Как организовать предварительную загрузку невидимых элементов страницы?
К такой уловке часто прибегают, когда на сайте необходимо задать динамическую смену изображений, например смена картинки при наведении на нее курсора. Для достижения моментального эффекта, изображение необходимо сначала подгрузить:
Этот код необходимо вставить в начало страницы, тогда браузер пользователя загрузит изображение в первую очередь, но не визуализирует его до определенного момента или события.
Еще одним способом предварительной загрузки элементов страницы является создание нулевого фрейма, т.е. создается фреймсет с двумя фреймами, в первом фрейме нулевого размера загружаются необходимые элементы, а во втором визуализируется страница.
34. Как вставить временное содержание, пока идет загрузка страницы?
При использовании "табличного дизайна", а именно когда весь исходный код страницы вставлен в одну таблицу, пользователю приходится долго ждать прорисовки таблицы, т.к. визуализируется она целиком. Чтобы как-то задержать пользователя или занять его прибегают к следующей уловке:
В этом случае пользователь сначала увидит первый слой с текстом, а после его перекроет таблица, т.к. абсолютное позиционирование в примере задано именно таким образом.
35. Как сделать невозможным загрузку одного фрейма, без фреймсета?
Средствами HTML никак, но можно вставить такой скрипт:
Здесь подразумевается, что фреймсет назван как index.html
36. Как сделать невозможным загрузку страницы в чужой фреймсет?
Средствами HTML никак, но можно вставить такой скрипт:
Здесь подразумевается, что file.html это название того файла, куда переадресовывается посетитель.
37. Как защитить от СПАМеров почтовый адрес, расположеный на сайте?
На самом деле никак, поэтому лучше заводить себе новый почтовый ящик каждый раз, когда Ваш адрес станет жертвой СПАМеров. Хотя можно пытаться противостоять СПАМ-ботам - специальным программам, которые "бродят" по сети в поисках почтовых адресов и заносят их в базу данных. Есть один старый, редко используемый, но действенный метод, он заключается в том, чтобы вставлять в название вашего почтового адреса специальное ключевое слово NOSPAM, например:
Тогда пользователь, решивший отправить Вам сообщение должен будет просто удалить NOSPAM из адреса, чтобы успешно отправить письмо, и естественно что СПАМ-бот до этого не "додумается". Однако один тот факт, что такой способ используется крайне редко, уже говорит о его некотором неудобстве, поэтому попробуйте "обмануть" СПАМ-бот следующим образом:
38. Как сделать кнопку возврата к предыдущей странице?
Средствами HTML никак, но можно вставить такой скрипт:
| Главная | Учебник HTML | Учебник CSS | Web - mastering | Раскрутка |
| Полезности | Чаво Faq | Взять banner | В Избранное | Контакты |