Рассылки сайта "Время России" на subscribe.ru

Твой первый сайт: от А до Я

Колонка редактора

Новые статьи на сайте "Время России"

Раздел "Всё о компьютерах"

new Как создать сайт? Советы для новичков

new Знакомство с клавиатурными шпионами

new Чайник WWW Сети

new Что? Шумит компьютер?

new Охлаждение жестких дисков

new Настройка ADSL. Как правильно!

Раздел "Психологий успеха"

new Как найти деньги в собственном кармане

new Как стать хозяином своих желаний

new САМ СЕБЕ НАЧАЛЬНИК

new "Нарисуйте своё будущее!"

new Как преодолеть все барьеры и не сдаться раньше срока на пути к успеху?

new Манипулирование и как защититься от манипуляции

new Самый лучший психолог - сам себе психолог

new Что же такое характер человека, откуда он берётся, можно ли его изменить?

На нашем сайте "Время России" добавилось описание аудио - и видеотреннингов

41. Почему Россия не Америка (Андрей Паршев)

42. Партизанская война с работодателем. Как заставить начальника платить тебе больше (Деревицкий Александр)

43. Монах, который продал свой Феррари (Робин С. Шарма)

44. Как не сидеть на бобах или кофейные зерна истины (Лесли А. Еркес, Чарлз Декер)

45. Что вам мешает быть богатым (Александр Свияш)

46. 5 шагов к богатству, или Путь к финансовой свободе в России (Генрих Эрдман)

47. Бизнес с самурайским мечом (Антон Грам)

48. Кто украл мою силу? Стратегии возвращения надежды, веры и силы (Вон Эйкен Джон)

49. Сгорел на работе. Стратегии преодолении стресса и возвращения к размеренной жизни (Вон Эйкен Джон)

P.S.    Впервые на сайте "Время России" выложен каталог уникальных   информационных сборников на CD и DVD  http://allrunet.biz/catalog.rar

P.P.S. Хотите похудеть и начать зарабатывать на этом?

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

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

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

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

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

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

  Хиты продаж

Пластичный Web

Лучшие рассылки на Subscribe.ru

Компьютерная литература - 105  электронных учебников умещающихся на 3 CD

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

Энциклопедия вебмастера - Супер сборник на двух CD, который будет просто необходим, как начинающим сайтостроите-лям так и продвинутым вебмастерам.

Энциклопедия манипулирова-ния или как самостоятельно изучить НЛП и гипноз (2 CD)

Энциклопедия начинающего крэкера

 Учебный сборник на CD  "Уроки Вебмастерства"

Олег ДОВБНЯ ( admin@2000year.i-p.com )

Любой разработчик Web-страницы - и профессионал, и любитель - рано или поздно осознает, что возможности языка гипертекстовой разметки (HTML) не могут реализовать все его творческие задумки. Например, как заставить сайт "откликаться" на действия пользователя, изменяться в зависимости от времени года, суток, то есть стать "динамическим"? А вот благодаря технологии Dynamic HTML (DHTML), вы сможете сделать активной любую часть Web-страницы.
 

Возникает, естественно, вопрос: "С чего же начать?". В первую очередь, необходимо представлять, что же такое HTML, - тут вам помогут учебники. Например, для первого знакомства подойдет "Учебник по HTML" ( http://www.magnit.net/master/ ), а дополнит и расширит ваши познания "Справочник начинающего по HTML" www.dov.narod.ru
( http://virtlib.odessa.net/books/book/0001.htm ). Теперь смело приступайте к изучению технологии DHTML, которая предполагает использование языков написания сценариев: например, JavaScript и VBScript. Каждый из них имеет свои достоинства и недостатки.
Благодаря простоте и совместимости (его "понимают" как Internet Explorer , так и Netscape Navigator ), JavaScript пользуется большой популярностью. Элементарную информацию ищите тут "Введение в JavaScript для Мага" (автор - Стефан Кох, http://rtfm.vn.ua/prog/js/jsmag/ ).

Одновременно по мере распространения браузера Microsoft Internet Explorer растет популярность VBScript - языка, хотя и не уступающего по своим возможностям JavaScript, однако - с весомым недостатком - он не обрабатывается некоторыми браузерами, в частности Netscape. Собственно, VBScript - это реализация Visual Basic , ориентированная на Web, именно его предпочитает Microsoft при разработке документации по DHTML. В общем, кто знаком с VB или VBA для MS Office, без труда изучит VBScript, ведь он базируется на Basic (он знаком многим со школьной скамьи и является самым простым, но и достаточно мощным языком программирования). Впрочем, и тем, кто уже умеет немного программировать на VB, и начинающим рекомендуем статьи "Азбука Visual Basic" ( http://www.cm.f2s.com/ ). Так, что же выбрать - JavaScript или VBScript? По-моему, чтобы создать хорошо читаемый обоими браузерами сайт, желательно использовать оба языка, тем более, они похожи. Приведу простой пример.
На VBScript:

<HTML>
<HEAD>
<TITLE>Для обработки текстового поля использован VBScript</TITLE>
<!-- Данная страница будет отображена только в Internet Explorer. -->
</HEAD>
<BODY LANGUAGE=VBScript onLoad=Page_Initialize ()>
<INPUT TYPE="TEXT" NAME="Textbox" SIZE="20">
<SCRIPT LANGUAGE=VBScript>
SUB Page_Initialize()
Textbox.Value="Привет от VBScript!"
END SUB
</SCRIPT>
</BODY>
</HTML>
На JavaScript:
<HTML>
<HEAD>
<TITLE> Для обработки текстового поля использован JavaScript</TITLE>
<!-- Данная страница будет отображена как в Internet Explorer, так и в Netscape Navigator. -->
</HEAD>
<BODY onLoad = "Page_Initialize()">

<FORM NAME="Form1">
<INPUT TYPE="TEXT" NAME="Textbox" SIZE="20">
</FORM>
<SCRIPT LANGUAGE = JavaScript>
function Page_Initialize()
{
document.Form1.Textbox.value = "Привет от JavaScript !"
}
</SCRIPT>

</BODY>
</HTML>

Даже из этого примера очевидно, что код на VBScript компактнее и не требует создания дополнительных объектов, к тому же, он, в отличие от JavaScript, не чувствителен к регистру символов. Однако последний "универсален", поэтому, так как почти каждый пятый посетитель сайта - пользователи Netscape, его нельзя сбрасывать со счетов.
Думаю, вы уже поняли, что реализации DHTML для Internet Explorer и Netscape Navigator, двух наиболее популярных на сегодняшний день браузеров, различны, и при создании качественного дизайна Web-страницы этот нюанс следует учитывать. Но в основе использования любого из языков сценариев лежит обработка событий, генерируемых браузером.
Код скрипта должен располагаться в специальном контейнере, ограниченном открывающим (<SCRIPT>) и закрывающим (</SCRIPT>) тэгами, как это показано выше. В простом случае синтаксис этого тэга выглядит так:
<SCRIPT LANGUAGE = язык>

</SCRIPT>

Для Internet Explorer допустимы следующие атрибуты:
<SCRIPT LANGUAGE = язык CLASS = строка DEFER EVENT = строка FOR = строка ID = идентификатор SRC = местонахождение TITLE = строка TYPE = строка >, а для Netscape Navigator:

<SCRIPT LANGUAGE = язык SRC = местонахождение >.
Браузеры, не поддерживающие скрипты, скорее всего, просто проигнорируют расположенный между этими тэгами код. В программах-сценариях используются встроенные свойства HTML-элементов. К примеру, размер поля находится в свойстве size , а текст - в value . Свойств элементов достаточно много.
DHTML дает возможность в любой момент изменить Web-страницу, а также создать формы для отправки и обработки данных. Отдельно следует выделить возможности использования мыши, в частности следующие события:
- onMouseDown - событие, связанное с нажатие кнопки мыши, "кликом"; для определения координат нажатия следует использовать объект event , входящий в объект window , координаты x и y определяются соответственно выражениями window.event.x и window.event.y;
- onMouseOver - помещение указателя мыши в область окна документа;
- onMouseOut - курсор мыши выходит за пределы области окна документа;
- onMouseMove - перемещение мыши.
В зависимости от браузера, методы обработки событий для мыши сильно различаются. Но это тема для другого разговора.
В качестве отклика на эти события, к примеру, может быть загружено изображение, изменен HTML-код или текст произвольной, определенной разработчиком, области страницы.
Если созданы две версии сайта для различных браузеров, можно запрограммировать ту или иную последовательность действий, в зависимости от того, каким приложением пользуется Ваш гость. Здесь приведен пример сценария, определяющего и выводящего на экран название и версию используемого браузера:
<SCRIPT LANGUAGE = JavaScript>
if (navigator.appName == "Microsoft Internet Explorer")

{
document.write("<H3><CENTER>")
document.write("Вы работаете в Microsoft Internet Explorer" + navigator.appVersion)
document.write("</H3></CENTER>")
}

if (navigator.appName == "Netscape")

{
document.write("<H3><CENTER>")
document.write("Вы работаете в Netscape Navigator" + navigator.appVersion)
document.write("</H3></CENTER>")
}

</SCRIPT>

В Internet Explorer'е обрабатывают не только элементы управления, но и любые объекты Web-страницы. То есть события, методы и свойства могут быть добавлены для каждого тэга, таким образом в процессе просмотра сайта меняются значения атрибутов тэгов. Как это работает на практике? Допустим, Вы хотите, чтобы в зависимости от действий пользователя изменялся фон или изображение, служащее фоном, цвет и размер шрифта, изображения и их размер, а также параметры таблиц. С помощью небольших подпрограмм на VBScript, - это достаточно просто. К сжалению, это не работает для Netscape Navigator.
Что действительно сделает Вашу страничку "живой", так это использование анимированной графики : изображения будут вращаться и перемещаться в заданном направлении или в зависимости от действий пользователя. С помощью языков JavaScript и VBScript пишутся даже игры - гарантирую, на посетителя это произведет впечатление. Но изобильно "начиненная" таким образом страница становится в лучшем случае неудобочитаемой, ну а в худшем, если код не отлажен разработчиком, выдает ошибку за ошибкой и предлагает запустить отладчик. Поэтому при использовании многослойной анимированной графики соблюдайте меру.
Диалоговые окна, создаваемые с помощью DHTML, мало чем отличаются от всем привычных Windows-приложений. Они не только выводят определенную предупреждающую информацию, но и используются для получения информации от пользователя, например окна подтверждений, содержащие две кнопки - "OK" и "Cancel". С помощью метода confirm() можно выяснить, какая кнопка нажата: если "OK", то возвращается значение TRUE , а если "Cancel", то - FALSE. Дальнейшие действия определяются сценарием. Также диалоговые окна служат для ввода пользователем определенной информация, например, необходимой для регистрации в качестве подписчика новостей Вашего сайта.
Благодаря элементу управления Tabular Data в Internet Explorer (служит для доступа к данным), решается проблема производительности, столь актуальная для работы в Интернете. То есть вся информация, необходимая для работы, может быть получена без дополнительных обращений к серверу.

Возможности Dynamic HTML не ограничиваются этим. Даже беглое с ним знакомство позволит создать привлекательные Web-страницы, добавить компактную гостевую книгу или чат для общения с друзьями - то есть все зависит только от Вашей фантазии.
Но, к сожалению, чрезмерное увлечение скриптами может замедлить доступ к странице, поэтому лучше использовать DHTML только, когда возможностей HTML недостаточно. Поэтому приступайте к написанию сценариев после основательного знакомства с языком гипертекста. Помните, DHTML - отнюдь не замена, а скорее, дополнение к HTML. Тем, кто решил освоить DHTML, как говорится, "с нуля", рекомендую изданную в 1999 году группой BHV ( http://www.bhv.kiev.ua/ ) книгу Стивен Хольцнера "Dynamic HTML. Руководство разработчика", ее можно приобрести, не отходя от компьютера ( http://www.bookshop.kiev.ua/ ) за 12,96, я сам, правда, не пробовал.
Удачи всем, кто все же решился создать свой виртуальный "дом"!

Источник: http://www.mycomp.com.ua/

---

Слой за слоем

Димитрий М. САГАЙДАК ( Sagaydak@bigfoot.com )

Если вы захотите создать HTML-страницу, то наверняка столкнетесь с проблемой, как расположить элементы на странице. И вот почему.
Особенность HTML-языка - его условность, т. е. "ход событий" зависит от того, какие именно тэги (их характеристики), а также настройки браузера вы используете. Самый простой пример: на странице элементы располагаются в том порядке, в каком они записаны в исходном коде. В зависимости от браузера отклонения возможны только в горизонтальном и/или вертикальном выравнивании, цвете ссылок, способе обтекания объекта текстом и в некоторых других случаях.

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

Слои можно создавать двумя способами. Во-первых, с помощью тэгов DIV (по версии от Microsoft) и LAYER (ILAYER) (то же самое от Netscape) ?. Это парные тэги и действуют они одинаково - выделяют участок документа. Но отличаются они следующим.

1. Netscape считает себя центром вселенной.

2. Microsoft считает себя (см. пункт 1).

3. У каждого из них свой взгляд на развитие Интернет-стандартов.

4. В результате, для определения характеристик тэга DIV используются свойства CSS , а для тэга LAYER (ILAYER) - стандартные характеристики HTML-тэгов.

5. DIV более гибкий, чем LAYER (ILAYER).

6. Соперники не поддерживают модели друг друга. Противоборствующими сторонами тэги противника не поддерживаются ?.

Прежде детальнее рассмотрим тэг DIV , поскольку он более "гибкий" и более функциональный.
Итак, DIV размечает слой в документе. С помощью CSS ему назначаются вертикальные и горизонтальные координаты (начало, местоположение, ширина и высота), а также месторасположение в документе. Для этого используются следующие параметры: position, top, left, width, height, margin и z-index .

Если вы читали мою статью, посвященную CSS ("CSS - каскад возможностей", № 45, 48 за 1999 год), то уже знаете, что position имеет три значения: absolute, relative и static . В случае со слоями актуальны только два первых, так как третий может привести к неожиданным и не очень желательным результатам.

Position:absolute располагает элемент в окне браузера, а position:relative - относительно его места в исходном коде. Таким образом, если тэгу DIV назначено свойство style=""xposition:absolute"," это указывает на то, что слой будет иметь собственное место в документе, и никакой другой элемент не изменит этого.

С помощью свойств top и left мы устанавливаем, соответственно, верхнюю и левую границы слоя: style=""xposition:absolute;" top:0; left:0". А добавив width , height и margin , определим его ширину, высоту и область внутри слоя, в границах которой и будут располагаться все элементы: style=""xposition:absolute;" top:0; left:0; width:600; height:100; margin:10".

После того, как мы установили горизонтально-вертикальные параметры слоя, зальем его каким-нибудь цветом (или оставить прозрачным) или определим (если необходимо) цвет текста, который вы хотите разместить на слое. Для этого нужно поработать со свойствами background и color . Цвет задается и номером, и английским названием, например: style=""xposition:absolute;" top:0; left:0; width:600; height:100; margin:10; background:#8B0000; color:silver".

Количество слоев в документе варьируется от двух (включая плоскость самого документа) до бесконечности. Они могут перекрывать друг друга, и не всегда это будет удобно. В окне браузера слои располагаются так же, как в исходном коде. Поэтому чтобы разместить перекрывающиеся слои в нужном порядке (независимо от их места в исходном коде), используется z-index . Он имеет положительное или отрицательное числовые значения: style=""xposition:absolute;" top:0; left:0; width:600; height:100; margin:10; background:#8B0000; color:silver; z-index:-1". Слой с таким z-index'ом будет находиться ниже слоя, имеющего z-index, равный 1.

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

<DIV style=""xposition:absolute;" top:0; left:0; width:600; height:100; margin:10; background:#8B0000; color:silver; z-index:-1"></DIV>.

Внутри парного тэга DIV располагаются те элементы, которые должны находиться в пределах этого слоя. Они будут иметь один и тот же z-index, аналогичный z-index'у слоя, и располагаться в окне браузера с левого края, в темно-бордовом прямоугольнике размером 590Х90 пикселей. Цвет текста, находящегося в прямоугольнике, светло-серый, размер и гарнитура шрифта такие же, как и установленные по умолчанию для браузера. Если, конечно, последние два параметра не заданы свойствами CSS в тэге <P>. Однако, каждый элемент должен иметь собственный position и, как минимум, top и left (расстояние от края слоя).

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

Вот образец кода такого документа.

<HTML>

<HEAD>

<TITLE>Starting page of PCP Web Site</TITLE>

<META NAME="author" content="D.M. Sagaydak">

<style type="text/css">

<!-- P {font-family: "Arial, sans-serif"; font-size: 92} -->

</style>

</HEAD>

<BODY bgcolor=#8B0000>

<div style=""xposition:absolute;" top:80; left:70; width:600; height:100; margin:10; color:black">

<p>PCP Web Site</p>

</div>

<div style=""xposition:absolute;" top:220; left:70; width:600; background:white; height:50">

<a href="home.html"><img src="home.gif" alt=HomePage BORDER=0 height=20 width=100 style=""xposition:absolute;" top:15; left:20; background:#8B0000"></a>

</div>

</BODY>

</HTML>

Это самый простой пример позиционирования с помощью слоев в среде MSIE.

Теперь рассмотрим, как создаются слои в среде Netscape . В этом случае участок документа под слой размечается, в первую очередь, с помощью тэгов LAYER и ILAYER , дополнительно используется NOLAYER (но о нем позже).

При определении исходных границ позиционирования тэг <LAYER> работает так же, как и <DIV style=""xposition:absolute">," а <ILAYER> аналогичен <DIV style=""xposition:relative">."

Параметры слоев LAYER/ILAYER задаются с помощью обычных свойств языка HTML: top, left, width, height, margin. А параметры элементов, расположенных внутри слоя, - как обычными тэгами и свойствами языка HTML, так и свойствами CSS или JSS (язык, разработанный Netscape, и практически аналогичный CSS).

<layer top=0 left=0 width=600 height=100 margin=10><font color=red><p>это пример слоя в Netscape</p></font></layer>

<Ilayer top=20 left=0 width=50 height=50 margin=10><img src="IMG.gif" alt=картинка BORDER=0 height=20 width=20><p>это пример другого слоя в Netscape</p></Ilayer>

Если вы зададите слою фоновый цвет (bgcolor) , элементы, находящиеся внутри слоя (между тэгами <LAYER></LAYER> или <ILAYER></ILAYER>), могут быть полностью перекрыты им (они станут недоступны). И хотя теоретически LAYER/ILAYER поддерживает свойство z-index (или, как любит Netscape, zindex ?), я, например, ни разу его в этом тэге не использовал и, честно говоря, не представляю, как его тут применять.

Ниже дается пример страницы, написанной для Netscape.

<HTML>

<HEAD>

<TITLE>Starting page of PCP Web Site</TITLE>

<META NAME="author" content="D. M. Sagaydak">

<style type="text/JSS">

<!-- P {fontfamily:"Arial", "sans-serif"; fontsize:92} -->

</style>

</HEAD>

<BODY bgcolor="#8B0000">

<layer top="80" left="70" width="600" height="100" margin="10">

<font color="black"><p>PCP Web Site</p></font>

</layer>

<layer top="220" left="150" width="600" height="50" margin="10">

<a href="home.html"><img src="home.gif" alt="Home" BORDER="0" height="20" width="100"></a>

</layer>

</BODY>

</HTML>

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

<LAYER>...<NOLAYER>

<SCRIPT NAME="VBS-script">...</SCRIPT>

</NOLAYER></LAYER>.

Точно также можно комбинировать на одной странице участки кода для Netscape и MSIE:

<LAYER><NOLAYER>

<DIV>

</NOLAYER>...<NOLAYER>

</DIV>

</NOLAYER></LAYER>.

Однако страница получается громоздкой, опыт же показывает, что добиться одинакового результата при комбинировании слоев не удается.
Тэг LAYER (ILAYER) не имеет таких широких возможностей, как DIV (благодаря Биллу Гейтсу и 3WC ?). Фактически он предназначен для разметки документа на участки, реагирующие на события благодаря сценариям (абракадабра из Dynamic HTML). Конечно, слой с его помощью создать можно, но средств для оформления и работы с элементами внутри слоя явно недостаточно.

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

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

Источник: http://www.mycomp.com.ua/

"Домашний компьютер: от А до Я"

Анекдоты, которые расмешили всю Россию

"Мышеловка" или всё о мошеничестве в Интернет

Коллекция самых необходимых ссылок по Internet

Рассылка для настоящих мужчин

Интернет без секретов: курс молодого бойца

Ах какая женщина" или как стать счастливой в короткий срок

Худеем в два счёта

Интернет или как стать продвинутым пользователем

Как стать обаятельной и привлекательной

Кулинарное искусство
 

ЖДЁМ   ПИСЕМ