Отправляет email-рассылки с помощью сервиса Sendsay

HTML, CSS, JS в примерах

Подписаться Бесплатная новостная рассылка Подписчиков 44 RSS
←   Октябрь 2005   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31


За последние 60 дней ни разу не выходила


Сайт рассылки: http://www.alex-world.nm.ru\web.htm
Открыта: 14-03-2005

Автор
Alex_soldier

Статистика

44 подписчиков
0 за неделю
←   Все выпуски   →

HTML, CSS, JS в примерах 13a


Информационный Канал Subscribe.Ru
HTML, CSS, JS в примерах

( выпуск # 13a: 12.10.2005 )

Alex_soldier Здравствуйте, уважаемые WEB-дизайнеры!



В этой рассылке я рассказываю о разных тонкостях и секретах WEB-дизайна, делюсь собственными Ноу-Хау.

Спешу сообщить вам о событиях, произошедших пока мы не виделись:

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

Итак, вы можете перейти на сайт:
www.alex-world.net.ru

Или скачать архив со всеми выпусками:
www.alex-world.net.ru/html013.htm

А еще сегодня вас ждет конкурс... Но об этом ниже!

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

Alex_soldier        
(alex_soldier@mail.ru)




Ноу-Хау «Часовой механизм NEW»

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

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

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

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

Итак, формулировка задачи такова: в подключаемом JS-файле хранится функция, которой мы передаем 2 параметра: момент добавления новости и сколько дней она должна висеть с пометкой "новая". В зависимости от текущей даты, эта функция либо печатает в документ метку, либо нет.

Вот как это выглядит в коде (скопируйте в файл new-time.htm):




А это содержимое подключаемого файла new-time.js:



Здесь я воспользовался функцией (new Date()).getTime(), которая возвращает количество миллисекунд, прошедших, кажется, с полночи 1 января 1980. В принципе, мне совсем не важно знать начало отсчета, главное - разница между моментами добавления новости и текущим временем просмотра у посетителя.

Как видите, у меня стоит округление до суток (now-was)/1000/60/60/24 - в секунде 1000 миллисекунд, в минуте - 60 секунд, и т.д. А в сутках удобнее всего задавать длительность анонсирования новости.

Глядя на вызов функции вида anonce(1125794619552,7); у всех вас назревает вопрос: "А как узнавать значение первого ужасающего параметра? Ведь оно будет требоваться постоянно, при каждом последующем обновлении."

Я и тут вас не покину: нажмите на эту ссылку, и вы сразу же узнаете, что хотели! Запечатлите этот миг, он уникален! Только одна оговорка: если вы читаете данный выпуск рассылки через обычный браузер, открыв письмо из почтового ящика, то эта возможность будет заблокирована. Поэтому откройте оригинал выпуска на сайте и проделайте те же манипуляции там: www.alex-world.net.ru/html013.htm

Ну что же, остальное - дело техники. Начинается новое время: создайте себе файл new-time.js и подлючите его ко всем страничкам, где потребуется ставить метки новизны. Пользуйтесь на здоровье, теперь об актуальности отображения вашей информации позаботится до неприличия пунктуальный JS-скрипт.


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

Alex_soldier        
(alex_soldier@mail.ru)



Конкурс WEB-дизайнеров


А теперь я предлагаю немного развлечься. Продолжим начатую тему. Условия остаются теми же - метка NEW) должна висеть заданное количество дней, затем пропадать.

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

Пример: вызываем функцию с параметрами: 7 дней, 10pt, 4pt. В итоге, каждый день размер метки будет уменьшаться ровно на 1 пиксел!

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

А победителям обещаю приз - я предоставлю место в рассылке под информацию лично о вас и ваших проектах. Как вы на это смотрите?


Alex_soldier        
(alex_soldier@mail.ru)




ОБРАТНАЯ СВЯЗЬ
Рассылка "САМЫЕ УБОЙНЫЕ АНЕКДОТЫ СЕТИ"

Рассылка "WEB-МАСТЕРСТВО ДЛЯ КАЖДОГО!"

Рассылка "ОБЗОР ИНТЕРЕСНЫХ РАССЫЛОК"

Рассылка "КОСМОС: НОВОСТИ ВСЕЛЕННОЙ"

Рассылка "ЧЕГО НАМ НЕ ХВАТАЕТ В ИГРАХ"

Рассылка "HTML,  CSS,  JS   В  ПРИМЕРАХ"

Рассылка   "HEROES  -  НОВЫЕ  ИДЕИ"

Мой e-mail: alex_soldier@mail.ru

Мой сайт: "МИР ИДЕЙ"

(C) Copyright 2005 by Alex_soldier


«Каталог» «Ищи CD» «Зона И» «HMM 5» «WEB» Мир Идей
Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора 		Подписан адрес:
Код этой рассылки: comp.design.htmlcssjs
Архив рассылки 		Отписаться
Вспомнить пароль
В избранное