Создание сайта с помощью фреймов (60,32%)
Из огромного количества сайтов сети многие используют фреймы для тех или иных целей. Да фреймы можно использовать и с толком для сайта. С другой стороны неправильная реализация фреймов — огромная ошибка…
Введение в оформление текстов для веб (50%)
Эта статья — попытка разрешить проблемы и рассказать о подводных камнях, связанных с публикацией текстов в сети, а также сформулировать несколько принципов создания удобных и простых для чтения веб-страниц…
Имитация гиперссылок с помощью JavaScript (44,44%)
С помощью JavaScript и CSS мы будем делать ссылки, невидимые для поисковых систем, но вполне видимые для пользователей. Код может пригодиться для тех разделов сайта, где нельзя быть уверенным в «объективности» ссылки от посетителя, и для самостоятельной расстановки ссылок веб-мастером, если он не хочет поднимать популярность других сайтов…
Оформление текста — задача на первый взгляд простая, но только на первый взгляд. На деле необходимо учесть множество параметров: гарнитура, размер, цвет шрифта, длина строки, высота строки (интерлиньяж), выравнивание, отступы и поля (свободное пространство). Все эти параметры свойственны и верстке бумажных изданий, однако в Сети есть своя специфика — вы не можете ни в чем быть уверены, необходимо гибко подбирать параметры для максимального количества посетителей.
Итак, сверстаем текст, который удобно читать.
Текст оформлен средствами каскадных таблиц стилей (CSS). В раздел <head> XHTML-документа помещен следующий код:
<style type="text/css">
p {
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.8em;
line-height: 150%;
color: #000;
}
p.serif {
font-family: Georgia, "Times New Roman", Times, serif;
}
h1 {
font: bold 1.2em Verdana, Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: 0.2em;
text-transform: uppercase;
}
</style>
Определимся с основным текстом, каждый абзац которого определяется в XHTML тегами <p></p>. Выбрана следующая последовательность шрифтов: Verdana, если этот шрифт отсутствует у посетителя, тогда Tahoma, далее Arial, Helvetica и, в крайнем случае, любой рубленый шрифт. Размер шрифта задан в относительных единицах (em) и составляет 80% от настроек браузера по умолчанию.
Межстрочный интервал — 150%. По умолчанию в браузерах используется высота строки 120%, однако, это не оптимальное для удобочитаемости значение. В конце концов, экономить бумагу нет необходимости, а размер экрана по вертикали ничем не ограничен и стоит задать больший интерлиньяж — 150% в самый раз.
Последним для тега <p> в нашем CSS-коде определен цвет шрифта — шрифт основного текста должен быть черным. Красный шрифт оставим для идеологических и дизайнерских изысков. Удобочитаемый текст должен быть черного цвета на белом или светлом фоне. Мы используем рубленые шрифты, т. к. они лучше смотрятся на мониторе. Однако для приверженцев шрифтов с засечками создан класс "serif". На картинке он снизу (<p class="serif">).
Первыми указаны рубленный Verdana и шрифт с засечками Georgia, т. к. эти шрифты специально оптимизированы для вывода на экран, а не для печати, как многие другие.
Заголовок верстаем жирным рубленым шрифтом размером 120% от заданного по умолчанию. Расстояние между буквами (разрядка) заголовка — 20% от размера шрифта. Все буквы заглавные. Это должно положительно сказаться на заметности заголовка, который — в силу своих обязанностей — должен привлекать внимание.
Подробнее теория оформления текстов для веб-сайтов изложена в следующих материалах:
- Введение в оформление текстов для веб.
- Доступность текста в сети — определяем размер шрифта для верстки.
- Оформление текстов для веб — вопросы юзабилити.
Проверка полей формы с помощью JavaScript (44,44%)
В целях безопасности всегда необходимо проверять введенные пользователем данные. Проверка клиентским JavaScript легко обходится отключением js в браузере и предназначена она не для борьбы со злоумышленниками, а для помощи тем, кто случайно допустил ошибку. Тоже очень благородное занятие :) Согласитесь?…
Создание всплеска посещаемости сайта с помощью программы Add2Board (41,24%)
Часто встает задача создать кратковременный всплеск посещаемости сайта для привлечения внимания целевой аудитории к новинкам, новостям сайта. Такие события, как поступление новых позиций товаров, сезонные скидки и т.п. имеют короткий период актуальности. Поэтому, освещение событий и рекламные кампании должны носить кратковременный, но массовый характер…
Психологические тесты в сети (40,68%)
Разобраться в компьютере могут многие, разобраться в самом себе уже значительно сложнее. Сегодняшний выпуск обзоров посвящен психологическим тестам в сети. Возможно, эти тесты помогут нам разобраться в себе, нажать свой собственный ctrl + alt + delete и краем глаза посмотреть, что же там такое творится…
Версия сайта для печати средствами CSS (40,58%)
Допустим, у нас есть серьезный бизнес-сайт, с серьезными клиентами. А серьезные люди, как правило, консервативны; они больше доверяют бумаге — там и подпись поставить можно и у нотариуса заверить… В общем, непременно нужна качественная версия сайта для печати. Благодаря CSS решение этой задачи не составит большого труда…
Использование интернет-форумов (39,34%)
В последнее время практически на любом сайте присутствует форум, где можно просто поговорить «за жисть», попросить помощи в решении какой-либо проблемы или самому помочь с решением. Одним словом, кладезь человеческих знаний, необходимо только подобрать ключик… Эта статья подскажет, как освоиться на интернет-форуме…