РАСКРУТИМ.RU: Для каждого Интернет-проекта очень важно найти свою целевую аудиторию и суметь удержать ее. Поисковые машины теряют свою эффективность, выдавая пользователю обилие информации в котором Ваш сайт теряется как песчинка. Баннерные сети дают только 0,2-1,2% переходов на Ваш сайт от всего объема рекламных показов. А все места в известных рейтингах поделили между собой старожилы сети. И каким бы ни был интересным, привлекательным и выгодным Ваш проект, он ничего не стоит, пока о нем никто не узнает, пока на него никто не придет.
Мы предлагаем Вам стать участником нашей системы, которая позволит привлечь на Ваш сайт новых посетителей.

XP-Hosting - качественный хостинг на серверах в США!
- Цены от $1.5 за месяц
- Все стандартные возможности (Perl, PHP4, MySQL4, SSI, логи, WebMail, POP3 эккаунты и т.д.)
- Служба поддержки
- Партнерская программа с выплатой до 25% комиссионных
- Открытие эккаунтов в течении 24-х часов

Верстка Веб - страниц

HTML: сервис и украшательства

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

Рис. 1. Соответствие параметров элементам прокрутки

Иногда, попадая на какой-то сайт, мы замечаем, что цвет полосы прокрутки браузера меняется. Правда, происходит это только в том случае, если вы пользуетесь Internet Explorer'ом версии не ниже 5.5. Создают такой эффект таблицы каскадных стилей (CSS, Cascading Style Sheets) - набор правил оформления и форматирования.

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

scrollbar-3d-light-color - цвет контуров трехмерности;
scrollbar-arrow-color - цвет стрелочек;
scrollbar-base-color - базовый цвет (общий фон);
scrollbar-dark-shadow-color - цвет внешней тени;
scrollbar-face-color - цвет ползунков;
scrollbar-highlight-color - цвет контуров подсветки;
scrollbar-shadow-color - цвет внутренней тени;
scrollbar-track-color - цвет полос.

Чтобы изменить цвет прокрутки, поместите данные параметры в теге <BODY>, а в качестве значений присвойте шестнадцатеричный вид цвета или его название на английском языке, например:

Рис. 2. Пример измененных полос прокрутки

Не обязательно использовать одновременно все атрибуты - иногда достаточно одного только scrollbar-base-color.

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

Кроме того, если вы используете на своем сайте фоновое изображение, вы можете получить эффект неподвижности фона, дописав в тег <BODY> параметр bgproperties и присвоив ему значение fixed:

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

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

Думаю, нелишним будет сказать и о параметрах тега <BODY>, при помощи которых можно устанавливать размеры отступов в документе. Определяются они числовыми значениями и могут быть следующими:

Leftmargin - отступ слева;
Rightmargin - отступ справа;
topmargin - отступ сверху;
bottommargin - отступ снизу.

Например, установим на своей страничке отступы, равные нулю во всех ее краях:

Данные параметры отлично работают в браузере Internet Explorer. Но будем последовательны и посмотрим на эту же проблему с точки зрения Netscape Navigator, для которого атрибуты для задания отступов выглядят следующим образом:

marginwidth - отступ слева и справа;
marginheight - отступ сверху и снизу.

Как быть, спросите вы? Выход есть - и он очень прост: напишем код, который задает отступы слева и сверху. Этого будет достаточно, и это корректно работает в обоих браузерах:

Internet Explorer видит только свои атрибуты, а Netscape Navigator - свои.

Многим интересно, каким образом некоторые сайты размещают собственный значок в "Избранном", в адресной строке браузера? Нет ничего проще - ведь все это делает тот же Microsoft Internet Explorer (не ниже версии 5.0). Каждый раз, когда кто-нибудь добавляет ваш сайт в "Избранное", он (Internet Explorer) автоматически ищет на сервере файл favicon.ico. Если такого нет - использует по умолчанию свой значок.

Все, что вам нужно сделать, так это загрузить в корневой каталог, где у вас помещена главная страница (index.html), файл favicon.ico. Рекомендуемые параметры этого файла следующие: 16 (16 пикселей, 16 цветов. Однако можно создать значок с размерами 32 (32 и 48 (48 пикселей. В этих случаях Internet Explorer сам изменит его размеры.

Если вы по каким-либо причинам не можете разместить данный файл в корне своего сайта, используйте в HTML-документе, между тегами <HEAD></HEAD>, директиву:

Кроме того, если вы считаете, что пользователь может занести в "Избранное" не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта.

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

Но веб-сервер Apache позволяет поменять стандартное сообщение об ошибке на свое собственное. В нем вы (естественно, нормальным языком - и, желательно, родным) объяснитечеловеку: файл, мол, перемещен, начните поиск с главной страницы. Увидев такое сообщение, посетитель сможет перейти на главную страницу сайта или написать письмо автору или веб-мастеру. Теперь он не уйдет от вас просто так.

Делается все это следующим образом. В корневом каталоге сайта существует файл.htaccess. Если же нет - создайте его. В этот файл вы можете записать команды следующего типа:

ErrorDocument <номер ошибки протокола http> <URL страницы с сообщением>

Таким образом вы можете прописать все стандартные ошибки протокола. Например, для ошибки отсутствия ресурса можно написать так:

ErrorDocument 404 http://www.yoursite.ru/error404.html

В файл error404.html вам придется написать сообщение об ошибке 404, указать адрес главной своей страницы и тому подобное.

Не очень критично, под какой системой работает сервер - NT или разновидность Unix - если стоит Apache, то, скорее всего, у вас будет файл.htaccess в корневом каталоге и вы сможете обрабатывать ошибки.

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

HREF="mailto:адрес электронной почты"

Давайте рассмотрим это на примере:

<a href="mailto:lenin@zeos.net">Моя почта</a>

Почтовая гиперссылка имеет несколько параметров - не обязательных, но иногда нужных:

?subject - тема письма;
&Body - текст письма;
&cc - копии письма через запятую;
&bcc - скрытые копии письма через запятую;
Title - ставиться по желанию и размещается отдельно от параметров почтовой ссылки (смотрите расположение кавычек на примере ниже).

Пример почтовой ссылки с использованием всех параметров выглядит следующим образом:

<a href="mailto:lenin@zeos.net?subject=Поздравление &Body=Здравствуйте! &cc=lenin@mail.ru &bcc=lenin@ukr.net" title="Пример почтовой гиперссылки">Моя почта</a>

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

Останется только написать письмо и отправить его.

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

<FORM NAME="mailer" METHOD="post" ENCTYPE="text/plain"
onSubmit="(document.mailer.action += mailtoandSubject)">
Имя:<br>
<INPUT TYPE="text" NAME="Name" size="24"
onChange="msg (this.form)"><br>
Тема:<br>
<INPUT TYPE="text" NAME="Subject" size="24"
onChange="msg (this.form)"><br>
Сообщение:<br>
<TEXTAREA NAME="Message" COLS="40" ROWS="6"
onChange="msg (this.form)"></TEXTAREA><br>
<INPUT TYPE="submit" VALUE="Отправить"
ONCLICK="return checkIt ()">
<INPUT TYPE="reset" VALUE="Сброс">
</FORM>

Ну, наконец-то мы набрали этот огромный код, запустили свой HTML-документ и увидели на экране почтовую форму - естественно, начали нажимать на кнопки… но ничего не произошло. Не все так просто - данная форма работает вместе с программой (скриптом), написанной на JavaScript. Давайте пододвинем клавиатуру и начнем снова набирать код - но на этот раз код программы, которая будет проверять, заполнил ли пользователь все поля, и либо отправлять форму (при положительном ответе), либо (при отрицательном) выводить сообщения. Важно, чтобы программа была помещена между тегами <HEAD></HEAD> (в народе - "шапка"), то есть в невидимой части HTML-документа, все условия которой выполняются в первую очередь, еще до появления какого-нибудь текста страницы. Практически все скрипты желательно помещать в шапке, кроме специально оговоренных.

<SCRIPT LANGUAGE="JavaScript">
//Функция проверки полей формы
function checkIt () {
//-----------
//Проверяем поле Name
if (document.forms.mailer.Name.value!= "") {
} else {
//Выводим сообщение, если поле Name не заполнено
alert ("\nОбласть \"Имя\" в форме.\n\nПожалуйста,
введите свое имя.");
document.forms.mailer.Name.focus (); //Возврашаем курсор
на поле Name
return false;
}
//-----------
//Проверяем поле Subject
if (document.forms.mailer.Subject.value!= "") {
} else {
//Выводим сообщение, если поле Subject не заполнено
alert ("\nОбласть \"Тема\" в форме.\n\nПожалуйста,
введите тему."); document.forms.mailer.Subject.focus ();
//Возврашаем курсор на поле Subject
return false;
}
//-----------
//Проверяем поле Message
if (document.forms.mailer.Message.value!= "") {
return true; //Все отлично
} else {
//Выводим сообщение, если поле Message не заполнено
alert ("\nОбласть \"Сообщение\" в форме.\n\nПожалуйста,
напишите сообщение.");
document.forms.mailer.Message.focus (); //Возврашаем
курсор на поле Message
return false;
}
//-----------
}
//Функция отправки
function msg () {
document.mailer.action = "mailto:Ваша@почта.ua"
mailtoandSubject = (('?Subject=' +
document.mailer.Subject.value) +'&Body=' +
document.mailer.Message.value);
}
</SCRIPT>

Вот так должна выглядеть форма на вашей странице - см. рис. 5.

Смените в программе значение Ваша@почта.ua на ваш почтовый адрес, на который будут приходить письма,- и всё, больше ничего делать не нужно, форма готова к работе.

Наша почтовая форма содержит поля ИМЯ, ТЕМА и СООБЩЕНИЕ. Разумеется, вы можете изменить эти названия, а также удалить поля или добавить новые. При этом нужно будет внести некоторые изменения в программу проверки/отправки сообщений.

Каждому полю формы присвоено определенное имя, задаваемое атрибутом NAME. При нажатии на кнопку "Отправить" происходит вызов функции checkIt (). Если поле не заполнено, выводится окно с сообщением и с кнопкой "Ok", после нажатия на которую курсор переходит на незаполненное поле. Остальные функции проверки работают так же (они разделены комментарием //-----------, чтобы вам было удобнее добавлять или удалять функции проверки). Последняя функция должна содержать значение return true;. Именно это значение уведомляет об успешном окончании проверки и завершает проверку полей формы - так что решать, где ее поставить, вам.

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

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

Владимир Дригалкин

ЩЕЛКНИТЕ ЗДЕСЬ, чтобы узнать, как получить 22 000 посетителей на ваш сайт. Бесплатно!

Богатство - образ жизни

CashFlow - это игра, которая помогает по-новому взглянуть на роль денег в нашей жизни, освободиться от привычных стереотипов бесполезного накопительства и малоэффективных затрат. Она расширяет наш финансовый кругозор, помогая нам замечать такие возможности улучшения нашего материального благополучия, которые мы упускаем в реальности. Она знакомит нас с вроде бы знакомыми, но далёкими для нас понятиями, такими как активы, пассивы, пассивный доход, и вводит нас в мир поистине волшебного превращения минимальных расходов и оптимальных, разумных, порой рискованных вложений в такие формы доходов, которые позволяют нам жить с ощущением той финансовой независимости или свободы, о которой вне финансовой грамотности мы можем только мечтать. И реальную возможность получения этой финансовой грамотности нам представляет игра "CashFlow¦ в которой профессионально смоделирована деловая жизнь общества во множестве событий и возможностей её проявления.

CashFlow - это игра, которая помогает тем, кто в нее играет!

Рекомендуем!

Хотите заработать?!

Master-MLM!
Проверено!Надежно!
Регистрация>>>
Узнатьподробнее>>>

Конструктор Web-сайтов

Здесь Вы можете купить дизайн для своего сайта !

Вам нужен веб-сайт?

*Вы хотите иметь свой сайт, но не хотите платить 500$ веб-студии?

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

*Вы хотите заняться web-дизайном, но не знаете с чего начать?

В таком случае то, что мы предлагаем , подойдет Вам на 100%. Вы покупаете готовый дизайн сайта, добавляете свой текст, несколько ссылок и, если надо, фотографии, и сайт готов окончательно. Готовые шаблоны стоят в пределах 100-3000 рублей каждый. Мы предлагаем html-шаблоны на 3 дисках \более 100 шт.\.Многие с flash-анимацией. Изменяя и дополняя дизайн, Вы сможете изучить язык верстки сайтов HTML. Стоимость 1 диска \35-40 шаблонов\ - 4$ или 120 руб.\ с пересылкой\, заказав все три диска, Вы ЗАПЛАТИТЕ ТОЛЬКО ЗА ДВА - 8$ или 240руб \с пересылкой\- ОДИН ДИСК В ПОДАРОК! Заказать>>>

Скачать книгу!

Как официально заработать за месяц 100 тысяч рублей и заплатить налогов всего 500 руб. Скачать>>>

Просмотреть другие книги>>>

Интернет агентство LibriA.ru.