-Поиск по дневнику

Поиск сообщений в Сергей_Прико

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.11.2009
Записей:
Комментариев:
Написано: 22





Урок 12

Понедельник, 14 Декабря 2009 г. 12:13 + в цитатник
height/высота и width/ширина

До сих пор мы особо не заботились о размерах элементов, с которыми работали. В этом уроке мы посмотрим, как легко можно определять высоту и ширину элемента.
width
height
Установка ширины [width]

Свойством width вы можете определять ширину элемента.

В примере показан бокс для ввода текста:

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}

Установка высоты [height]

Обратите внимание, как, в предыдущем примере, высота бокса устанавливается содержимым этого бокса. Высоту элемента можно определить свойством height. В качестве примера попытаемся создать бокс высотой 500px:

div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

Понравилось: 7 пользователям

Урок 11

Понедельник, 14 Декабря 2009 г. 12:12 + в цитатник
Рамки

Рамки имеют многообразное применение, например, как декоративный элемент или для отделения двух объектов. CSS предоставляет бесчисленное множество вариантов использования рамок.
border-width
border-color
border-style
Примеры определения рамок
border
Толщина рамки [border-width]

Толщина рамки определяется свойством border-width, которое может иметь значения thin, medium и thick, или числовое значение в пикселах. На рисунке показана эта система:


Цвет рамки [border-color]



Свойство border-color определяет цвет рамки. Значения - нормальные значения цвета, например: "#123456", "rgb(123,123,123)" или "yellow" .
Типы рамок [border-style]

Существуют различные типы рамок. Ниже показаны восемь типов рамки и их интерпретация в Internet Explorer 5.5. Все примеры показаны цветом "gold" и толщиной "thick", но могут, естественно, выводиться другим цветом и толщиной.

Значения none или hidden могут использоваться, если вы не хотите отображать рамку.


Примеры определения рамок

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

,

,
    и

    . Результат, может быть, не столь впечатляющ, но он демонстрирует некоторые возможности:

    h1 {
    border-width: thick;
    border-style: dotted;
    border-color: gold;
    }

    h2 {
    border-width: 20px;
    border-style: outset;
    border-color: red;
    }

    p {
    border-width: 1px;
    border-style: dashed;
    border-color: blue;
    }

    ul {
    border-width: thin;
    border-style: solid;
    border-color: orange;
    }


    Можно также установить специальные свойства для верхнего, нижнего, правого и левого края рамки. Вот как это делается:

    h1 {
    border-top-width: thick;
    border-top-style: solid;
    border-top-color: red;

    border-bottom-width: thick;
    border-bottom-style: solid;
    border-bottom-color: blue;

    border-right-width: thick;
    border-right-style: solid;
    border-right-color: green;

    border-left-width: thick;
    border-left-style: solid;
    border-left-color: orange;
    }

    Сокращённая запись [border]

    Как и для многих других свойств, вы можете объединить несколько свойств в одно, используя слово border. Пример:

    p {
    border-width: 1px;
    border-style: solid;
    border-color: blue;
    }


    можно объединить в:

    p {
    border: 1px solid blue;
    }

    Резюме

Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

Без заголовка

Понедельник, 14 Декабря 2009 г. 12:08 + в цитатник
Поля и заполнение

В предыдущем уроке мы рассмотрели боксовую модель. В этом уроке объясним, как можно изменять представление элементов свойствами margin и padding.
Установим поля элемента
Установим заполнение элемента
Установим поля элемента

У элемента есть четыре стороны: right, left, top и bottom. Поля margin это расстояние от каждой стороны с до соседних элементов (или краёв документа). См. также диаграмму в Уроке 9.

В качестве первого примера мы разберёмся, как определить поля самогó документа, т. е. элемента . На иллюстрации показано, какие поля нам нужны.



CSS-код для этого примера выглядит так:

body {
margin-top: 100px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}


Или вы можете написать более элегантно:

body {
margin: 100px 40px 10px 70px;
}


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

:

body {
margin: 100px 40px 10px 70px;
}

p {
margin: 5px 50px 5px 50px;
}


Установим заполнение элемента

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

Использование заполнения/padding можно показать на простом примере, где все заголовки имеют цветной фон:

h1 {
background: yellow;
}

h2 {
background: orange;
}



Определяя заполнение для заголовков, вы устанавливаете величину поля вокруг текста каждого заголовка:

h1 {
background: yellow;
padding: 20px 20px 20px 80px;
}

h2 {
background: orange;
padding-left:120px;
}

Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

Урок 9

Понедельник, 14 Декабря 2009 г. 12:06 + в цитатник
Боксовая модель

Боксовая модель в CSS описывает боксы, генерируемые для HTML-элементов. Боксовая модель также имеет детальные опции для определения полей, рамок, заполнения и содержимого каждого элемента. На диаграмме далее показано, как построена боксовая модель:
Боксовая модель в CSS




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

Article 1:



All human beings are born free
и equal in dignity и rights.
They are endowed with reason и conscience
и should act towards one another in a
spirit of brotherhood




Добавив цвет и информацию шрифта этот пример можно представить так:



В этом примере - два элемента :

и

. Боксовая модель этих элементов выглядит так:



Хотя это может показаться немного сложным, тем не менее, видно, что каждый HTML-элемент окружён боксом. Боксом, который можно настроить с помощью CSS.

Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

CSS(урок 8)

Понедельник, 14 Декабря 2009 г. 12:03 + в цитатник
Группирование элементов (span и div)

Элементы и
используются для структурирования документа, часто совместно с атрибутами class и id.

В этом уроке мы подробно рассмотрим, как использовать и
, поскольку эти элементы HTML имеют важнейшее значение в CSS.
Группирование с помощью
Группирование с помощью

Группирование с помощью

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

Пример - цитата из Бенджамина Франклина:

Кто рано ложится и рано встаёт,
тот будет здоровым, богатым и умным




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

Кто рано ложится и рано встаёт,
тот будет здоровым,
богатым
и умным.




В CSS:

span.benefit {
color:red;
}


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


В то время как используется в элементах уровня блока, как в предыдущем примере,
применяется для группирования одного или более блок-элементов.

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



  • Франклин Д. Рузвелт

  • Гарри Трумэн

  • Джон Ф. Кеннеди

  • Линдон Б. Джонсон

  • Джимми Картер

  • Билл Клинтон






  • Дуайт Д. Эйзенхауэр

  • Ричард Никсон

  • Джэралд Форд

  • Роналд Рейган

  • Джордж Буш

  • Джордж У. Буш





В нашей таблице стилей мы можем использовать такое же группирование, как и раньше:

#democrats {
background:blue;
}

#republicans {
background:red;
}
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

CSS(урок 7)

Понедельник, 14 Декабря 2009 г. 11:59 + в цитатник
Идентификация и группирование элементов (class и id)

Иногда вам нужно будет применить особый стиль к определённому элементу или конкретной группе элементов. В этом уроке мы подробно разберём, как можно использовать class и id для специфицирования свойств выбранных элементов.

Как изменить цвет конкретного заголовка отдельно от других заголовков на вашем web-сайте? Как группировать ссылки по категориям и задавать для каждой категории особый стиль? Это лишь примерные вопросы, на которые мы ответим в этом уроке.
Группирование элементов с помощью class

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

Виноград для белого вина:




Виноград для красного вина:





Далее, мы хотим, чтобы ссылки на белое вино были жёлтого цвета, на красное вино - красного, а остальные ссылки на этой же странице оставались синими.

Для достижения этой цели мы разделим ссылки на две категории с помощью присвоения класса каждой ссылке атрибутом class.

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

Виноград для белого вина:




Виноград для красного вина:





Далее мы можем определить специальные свойства для ссылок whitewine и redwine, соответственно.

a {
color: blue;
}

a.whitewine {
color: #FFBB00;
}

a.redwine {
color: #800000;
}



Как показано в примере, вы можете определять свойства для элементов, принадлежащих к определённому классу, с помощью .имя_класса в таблице стилей документа.
Идентификация элемента с помощью id

Помимо группирования элементов вам может понадобиться идентифицировать один уникальный элемент. Это можно реализовать с помощью атрибута id.

Особенность id в том, что в документе не может быть более одного элемента с данным конкретным id. Каждый id должен быть уникальным. В других случаях используйте атрибут class. Теперь взглянем на пример использования id:

Глава 1


...

Глава 1.1


...

Глава 1.2


...

Глава 2


...

Глава 2.1


...

Глава 2.1.2


...


Это могут быть заголовки документа, разделённого на главы или параграфы. Естественным будет назначить id каждой главе:

Глава 1


...

Глава 1.1


...

Глава 1.2


...

Глава 2


...

Глава 2.1


...

Глава 2.1.2


...


Заголовок, скажем, chapter 1.2, должен быть красным. Это делается в соответствии с CSS:

#c1-2 {
color: red;
}



Как показано в предыдущем примере, вы можете определять свойства конкретного элемента с помощью #id в таблице стилей документа.
Рубрики:  PHP , CSS, JAVASCRIPT

Урок 6

Понедельник, 14 Декабря 2009 г. 11:51 + в цитатник
Настроение сейчас - гуууддддддддддд

Урок 6: Ссылки

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

Псевдокласс позволяет учитывать различные условия или события при определении свойств HTM-тэга.

Рассмотрим пример. Как вы знаете, ссылки специфицируются в HTML тэгом . В CSS мы также можем использовать a в качестве селектора:

a {
color: blue;
}


Ссылка может иметь разные состояния. Например, её уже посетили/visited или ещё нет. Можно использовать псевдоклассы для установки разных стилей посещённых и непосещённых ссылок.

a:link {
color: blue;
}

a:visited {
color: red;
}


Используйте |a:link| и |a:visited| для непосещённых и посещённых ссылок, соответственно. Активные ссылки имеют псевдокласс a:active, и a:hover, когда указатель - над ссылкой.

Мы рассмотрим каждый их этих четырёх псевдоклассов на примерах и с объяснениями.
Псевдокласс: link

Псевдокласс :link используется для ссылок на страницы, которые пользователь ещё не посещал.

В примере кода непосещённые ссылки - синие.

a:link {
color: #6699CC;
}

Показать пример
Псевдокласс: visited

Псевдокласс :visited используется для ссылок на страницы, которые пользователь посетил. В примере кода посещённые ссылки - фиолетовые.

a:visited {
color: #660099;
}

Псевдокласс: active

Псевдокласс :active используется для активных ссылок.

В примере активные ссылки имеют жёлтый фон.

a:active {
background-color: #FFFF00;
}

Псевдокласс: hover

Псевдокласс :hover используется для ссылок, над которыми находится указатель мыши.

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

a:hover {
color: orange;
font-style: italic;
}


Пример 1: Эффект при нахождении указателя над ссылкой

Эффекты для положения указателя мыши над ссылкой стали уже общим местом. Мы рассмотрим несколько дополнительных примеров для псевдокласса :hover.
Пример 1a: Расстояние между буквами

Как вы помните из Урока 5, расстояние между символами можно установить свойством letter-spacing. Это можно применить для ссылки:

a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}

Показать пример
Пример 1b: UPPERCASE и lowercase

В Уроке 5 мы рассмотрели свойство text-transform, которое может переключать символы с верхнего на нижний регистр. Это также можно использовать для создания эффектов на ссылке:

a:hover {
text-transform: uppercase;
font-weight:bold;
color:blue;
background-color:yellow;
}


Эти два примера показывают почти безграничные возможности комбинирования различных свойств. Вы можете создавать свои собственные эффекты - попробуйте!
Пример 2: Удаление подчёркивания ссылок

Обычный вопрос - как удалить подчёркивание ссылок?

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

Вообще-то удалить подчёркивание ссылок очень просто. Как вы, может быть, помните из Урока 5, свойство text-decoration можно использовать для определения подчёркивания текста. Для удаления подчёркивания просто установите в text-decoration значение none.

a {
text-decoration:none;
}


Альтернативно можно также установить text-decoration, наряду с другими свойствами, для всех четырёх псевдоклассов.

a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

CSS(урок 5)

Четверг, 19 Ноября 2009 г. 06:17 + в цитатник
Описание следующих CSS-свойств:

* font-family
* font-style
* font-variant
* font-weight
* font-size
* font

Семейство шрифта [font-family]

Свойство font-family указывает приоритетный список шрифтов, используемых для отображения данного элемента или web-страницы. Если первый шрифт списка не установлен на компьютере, с которого выполняется доступ к сайту, ищется следующий шрифт списка, пока не будет найден подходящий.

Для категоризации шрифтов используются два типа имён: имя семейства/family-name и общее/родовое семейство/generic family. Эти два термина объясняются далее.

Family-name
Пример family-name (часто называемое просто "шрифт") это, например, "Arial", "Times New Roman" или "Tahoma".
Generic family
Его можно проще описать как группу family-names, имеющих характерные общие черты. Пример - sans-serif, набор шрифтов без "засечек/feet".



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

Список шрифтов может выглядеть так:


h1 {font-family: arial, verdana, sans-serif;}
h2 {font-family: "Times New Roman", serif;}



Заголовки

будут отображаться шрифтом "Arial". Если он не установлен на пользовательской машине, будет использоваться "Verdana". Если недоступны оба шрифта, для показа заголовков будет использован шрифт семейства sans-serif.

Обратите внимание, что имя шрифта "Times New Roman" содержит пробелы, поэтому указано в двойных кавычках.
Стиль шрифта [font-style]

Свойство font-style определяет normal, italic или oblique. В примере все заголовки

будут показаны курсивом italic.


h1 {font-family: arial, verdana, sans-serif;}
h2 {font-family: "Times New Roman", serif; font-style: italic;}



Вариант шрифта [font-variant]

Свойство font-variant используется для выбора между вариантами normal и small-caps. Шрифт small-caps использует малые заглавные буквы (upper case) вместо букв нижнего регистра. Непонятно? Смотрите примеры:

Four examples of fonts in small caps

Если font-variant имеет значение small-caps, а шрифт small-caps недоступен, браузер, скорее всего, отобразит текст буквами верхнего регистра.


h1 {font-variant: small-caps;}
h2 {font-variant: normal;}



Вес шрифта [font-weight]

Свойство font-weight описывает, насколько толстым, или "тяжёлым", должен отображаться шрифт. Шрифт может быть normal или bold. Некоторые браузеры поддерживают даже числовые значения 100-900 (в сотнях) для описания веса шрифта.


p {font-family: arial, verdana, sans-serif;}
td {font-family: arial, verdana, sans-serif; font-weight: bold;}



Размер шрифта [font-size]

Размер шрифта устанавливается свойством font-size.

Используются различные единицы измерения (например, пикселы и проценты) для описания размера шрифта. В данном учебнике мы будем использовать самые распространённые и удобные единицы измерения. Вот примеры:


h1 {font-size: 30px;}
h2 {font-size: 12pt;}
h3 {font-size: 120%;}
p {font-size: 1em;}


Есть одно отличие в указанных единицах измерения: 'px' и 'pt' дают абсолютное значение размера шрифта, а '%' и 'em' - относительные. Многие пользователи не могут читать мелкий текст, по разным причинам. Чтобы сделать ваш web-сайт доступным для всех, вы должны использовать относительные значения, такие как '%' или 'em'.

Вот иллюстрация того, как настроить размер шрифта в Mozilla Firefox и Internet Explorer. Попробуйте сами - прекрасное свойство, как вы полагаете?

Сокращённая запись [font]

Используя сокращенную запись font, можно указывать все свойства шрифта в одном стилевом правиле.

Например, вот четыре строки описания свойств шрифта для

:


p {
font-style: italic;
font-weight: bold;
font-size: 30px;
font-family: arial, sans-serif;
}

Используя сокращённую запись, код можно упростить:


p {
font: italic bold 30px arial, sans-serif;
}

Порядок свойств font таков:

font-style | font-variant | font-weight | font-size | font-family


Справочник JAVASCRIPT

Четверг, 19 Ноября 2009 г. 06:14 + в цитатник
Данный справочник представляет Вашему вниманию наиболее полное руководство по объектам, командам и операторам языка JavaScript. Рассмотрены все элементы языка, некоторые даны с примерами употребления. Все элементы языка отсортированы в алфавитном порядке.













Справочник JS



abs (Метод)
Возвращает абсолютное значение своего аргумента
Math.abs(argument)
Применение: Следующие примеры возвращают соответственно 10 и 12.5
document.writeln (Math.abs (-10));
John. age. value = 12.5; document.writeln (Math. abs(John.age.value));



--------------------------------------------------------------------------------
acos (Метод)
Возвращает арккосинус своего аргумента (от 0 до Пи-радиан).
Math.acos(argument)
Применение: Аргумент должен быть числом в диапазоне между -1 и 1. Если значение выходит за пределы этого диапазона, возвращается 0.

--------------------------------------------------------------------------------
action (Свойство)
Отображение атрибута ACTION тега HTML
.
document.formName.action;
document.forms[index].action
Применение: Свойство action возвращает строку, состоящую из URL назначения для данных, введенных в форму. Это значение может быть установлено или изменено как до, так и после загрузки и форматирования документа. В следующем примере свойство action для формы, названной outlineForm, устанавливает значение URL равным значению переменной outlineURL.
outlineURL = "http://www.somewhere.com/cgi-bin/outline .cgi";
outlineForm.action=outlineURL;

--------------------------------------------------------------------------------
alert (Метод)
Выводит на экран диалоговое окно JavaScript Alert с кнопкой ОК и определенным программистом сообщением.
[window].alert(AlertMessage)
Применение:Прежде чем пользователь сможет продолжить работу со страницей, он должен нажать кнопку ОК диалогового окна JavaScript Alert.

--------------------------------------------------------------------------------
alinkColor (Свойство)
Цвет гиперссылки после нажатия на ней левой кнопкой мыши, но до отпускания кнопки. document.alinkColor
Применение: Подобно остальным цветам в JavaScript, свойство alinkColor записывается как шестнадцатеричный триплет RGB или строковый литерал. Это свойство не может быть изменено после загрузки документа HTML. Оба следующих примера устанавливают цвет в бледно-голубой.
document.alinkColor""aliceblue";
document.alinkColor"="FOF8FF"

--------------------------------------------------------------------------------
anchors array (Объект)
Массив с информацией о якорях в документе.
[windowMame].document.anchors(index)
Применение: Объект anchors array (только для чтения) устанавливается в тегах HTML <А NAME>.
текст якоря
Включение в тег значения для атрибута HREF делает якорь также и гиперссылкой и добавляет ее к массиву links. Новые якоря можно определить в JavaScript с помощью метода anchor. Для определения количества элементов массива anchors в документе используйте свойство length.
document.anchors.length
Выражение document.anchor[index] возвращает null. Например, document.anchor[0] возвращает null, несмотря на то, что существует якорь, созданный с помощью тега <А NАМЕ="Elef">Все о слонах.

--------------------------------------------------------------------------------
anchor (Метод)
Выводит строку на экран и делает ее якорем.
textString.anchor(anchorName);
Применение: Будучи примененным вместе с методами write или writeln, метод anchor создает в текущем документе якорь, где textString - это строка, которую пользователь видит на экране, a anchorName имеет значение атрибута NAME тега HTML .
anchorString = "Louie's Place";
document.writeln (anchorString.anchor ("louies_place"));

--------------------------------------------------------------------------------
anchors (Свойство)
Массив всех якорей в текущем документе. Подробнее в описании объекта anchor.
document.anchors[index]
Применение: Если массив anchor в документе содержит 5 элементов, то он начинается с document.anchors[0] и заканчивается document.anchors[4].

--------------------------------------------------------------------------------
appCodeName (Свойство)
Возвращает строку (только для чтения) с кодовым именем броузера.
navigator.appCodeName
Применение: Для вывода на экран кодового имени текущего броузера служит следующая строка:
document.write ("Кодовое название вашего броузера: " + navigator. appCodeName + ".");
Для Netscape Navigator 2.0 это выражение вернет: Кодовое название вашего броузера: Mozilla.

--------------------------------------------------------------------------------
appName (Свойство)
Возвращает строку (только для чтения) с именем броузера.
navigator.appName
Применение: Для вывода на экран имени приложения текущего броузера служит следующая строка: document.write("Название вашего броузера: " + navigator. appName + "."); Для Netscape Navigator 2.0 это выражение вернет: Название вашего броузера: Netscape.

--------------------------------------------------------------------------------
appVersion (Свойство)
Возвращает строку с информацией о версии броузера.
navigator.appVersion
Применение: Свойство appVersion используется для проверки версии используемого на клиентском компьютере броузера. Оно возвращает значение в формате: номер_версии (платформа; страна ). Для версии Netscape 2.0 под Windows 95:
document.write ("Версия вашего Броузера: " + navigator. appVersion + "."); возвращает: Версия вашего броузера: 2.0 (Win95; 1).
Возвращенное значение говорит о том, что используется международная версия Navigator 2.0, работающая под Windows 95. Код страны U указывает версию для США, в то время как код 1 возвращается международной версией.

--------------------------------------------------------------------------------
asin (Метод)
Возвращает арксинус своего аргумента.
Math.asin(argument)
Применение: При передаче методу asin числа в диапазоне от -1 до 1 он возвращает арксинус аргумента (от -Пи/2 до Пи/2 радиан). Если передаваемый аргумент выходит за пределы указанного диапазона, возвращается 0.

--------------------------------------------------------------------------------
atan (Метод)
Возвращает арктангенс своего аргумента.
Math.atan(argument)
Применение:
Метод atan возвращает число между -Пи/2 и Пи/2 радиан. Аргументом является число в диапазоне от -1 до 1, равное тангенсу возвращаемого значения.




--------------------------------------------------------------------------------
back (Метод)
Вызывает переход к предыдущему URL из списка просмотренных в текущей сессии работы с броузером документов.
history.back();
Применение: Использование метода идентично применению выражения history.gо(-1).
bgColor (Свойство)
Фоновый цвет документа. document.bgColor
Применение: Использование свойства bgColor имеет приоритет над соответствующей настройкой броузера. Его значение записывается как шестнадцатеричный триплет RGB или строковый литерал. Значение свойства может быть изменено в любой момент. Следующий пример позволяет пользователям устанавливать свой собственный цвет фона с помощью переключателей.
function newColor(colorString)
{
document.bgColor = colorString;
}


Alice Blue
Ochre
Papaya Whip


big (Метод)
Форматирует строковый объект более крупным шрифтом.
stringName.big();
Применение: По своей функциональности использование метода идентично изменению шрифта выводимого текста с помощью тега HTML . Оба следующих примера приводят к одному и тому же результату: выводу сообщения "Добро пожаловать на мою домашнюю страницу" крупным шрифтом:
var welcomeMessage = "Добро пожаловать на мою домашнюю страницу";
document.write (welcomeMessage.big());
До6ро пожаловать на мою домашнюю страницу

--------------------------------------------------------------------------------
blink (Метод)
форматирует строковый объект в виде мигающей строки.
stringname.blink();
Применение: Использование метода идентично изменению вида выводимого текста с помощью тега HTML . Оба следующих примера приводят к одному и тому же результату: выводу мигающей строки "Обратите внимание":
var attentionMessage=" Обратите внимание ";
document.write (attentionMessage.blink());
<ВLINК>Обратите внимание

--------------------------------------------------------------------------------
blur (Метод)
Удаляет фокус из указанного элемента формы.
document.formName.elementName.blur();
document.forms[index].elements[index].blur();
Применение: Например, следующая строка удаляет фокус из элемента feedback:
feedback.blur();
в предположении, что элемент feedback определен так:


--------------------------------------------------------------------------------
bold (Метод)
Форматирует строковый объект жирным шрифтом.
stringName.bold();
Применение: Использование метода идентично изменению стиля шрифта с помощью тега HTML <В>.

--------------------------------------------------------------------------------
button (Объект)
Кнопка в форме.
formName.buttonName;
forms(index].elements[index];
Применение: Кнопки должны быть определены внутри тега
и могут быть использованы для выполнения каких-либо действий.

Для лучшей читаемости кода программы и во избежание неоднозначности при обращении к элементу формы рекомендуется использовать имя элемента вместе с именем формы. При назначении кнопке обработчика события onClick эта кнопка становится дополнительным средством для инициализации событий, отличных от submit и reset. Щелчок на следующей кнопке вызывает функцию validateForm.


--------------------------------------------------------------------------------

ceil (Метод)
Возвращает ближайшее целое число, большее или равное аргументу.
Math.ceil(argument);
Применение: Метод возвращает наименьшее целое число, большее или равное целому или дробному аргументу. Например:
Math.ceil(1.01) возвращает 2.



--------------------------------------------------------------------------------
charAt (Метод)
Возвращает символ из строки.
stringName.charAt(index);
Применение: Этот метод принимает целое число в качестве аргумента и возвращает символ, находящийся на этой позиции в строке. Позиция первого символа равна 0, а последнего - длине строки минус 1.
var userName ="Bobba Louie";
document.write(userName.charAt(4));
возвращает "a".

--------------------------------------------------------------------------------
checkbox (Объект)
Элемент формы, который пользователь устанавливает в состояние on или посредством щелчка левой кнопкой мыши.
formName.checkboxName;
forms[index].elements[index]
Применение: Объект checkbox определяется в теге .
textToDisplay
Свойства и методы флажков имеют множество применений. Используйте свойство checked объекта checkbox для проверки текущего состояния флажка: установлен (true) или нет (false). Если атрибут CHECKED был использован в определении флажка, свойство defaultChecked также возвращает true.

--------------------------------------------------------------------------------
checked (Свойство)
Возвращает логическое значение, представляющее текущее состояние отдельного флажка или переключателя.
formName.checkboxName.checked
formName.radioButtonName[index].checked
forms[index].elements[index].checked
Применение: Свойство checked возвращает логическое значение (true или false), показывая, установлен ли флажок или переключатель. Значение свойства изменяется немедленно после изменения пользователем состояния элемента. Будучи использовано в цикле for...in, свойство может помочь определить состояние кнопок:
function whichOneChecked()
{
var checkedValue = "";
for (var i in document.formName.radioName)
{
if (document.formName.radioName[i].checked==true)
checkedValue=document.formName.radioName[i].value;
}

--------------------------------------------------------------------------------
clear (Метод)
Очищает окно броузера.
document.clear();
Применение: Метод clear уничтожает содержимое окна, вне зависимости от того, как оно было заполнено.

--------------------------------------------------------------------------------
clearTimeout (Метод)
Сбрасывает таймер.
[windowName.]clearTimeout(argument);
parent.[frameName.]clearTimeout(argument);
Применение: Метод clearTimeout отключает задержку таймера, установленную до этого с помощью метода setTimeout. Уникальный идентификатор таймера, полученный при его установке, должен быть указан для сброса задержки:
clearTimeout(waitTime);

--------------------------------------------------------------------------------
click (Метод)
Эмулирует щелчок на объекте левой кнопкой мыши.
formName.elementName.click();
forms[index].elements[index].click();

--------------------------------------------------------------------------------
close (Метод)
Для объекта document закрывает текущий поток вывода и показывает содержимое документа на экране. Для объекта window закрывает текущее окно.
document.close();
window.close();
[windowName.]close();
Применение: Для документов метод close прекращает динамическое формирование документа, выводит содержимое документа на экран и сообщение "Document: Done" в строке состояния. Для объектов window подразумевается текущее окно window. Например, каждая из строк:
window.close();
close();
self.close();
закрывает текущее окно.

--------------------------------------------------------------------------------
confirm (Метод)
Выводит диалоговое окно JavaScript Confirm .
window.confirm();
[windowMame.]confirm();
Применение: Сходное с диалоговым окном JavaScript Alert, но дополненное кнопкой Cancel, диалоговое окно JavaScript Confirm выводит сообщение и две кнопки выбора. Метод confirm возвращает true, если пользователь нажимает кнопку ОК, и false при нажатии кнопки Cancel. Следующий пример загружает документ в новое окно, если пользователь выбирает ОК:
if (confirm('Are you sure you want to enter'))
{ tourWindow = window.open ("http://www.haunted.com", "hauntedhouse") }

--------------------------------------------------------------------------------
cookie (Свойство)
Строка с небольшим количеством информации, сохраняемая броузером в файле cookies.txt на клиентском компьютере.
document.cookie
Применение: Значение, хранимое в свойстве cookie, может быть извлечено с помощью методов charAt, IndexOf и lastIndexOf. Специальное свойство cookie сохраняет информацию о состоянии клиентского компьютера. Эта информация может быть затребована сервером. В свойство cookie включен диапазон URL, к которым эта информация относится. Будущие запросы HTTP со стороны клиента, попадающие в указанный диапазон URL, будут включать в себя допустимую для этого диапазона информацию о клиенте и передаваться серверу. Этот простой способ хранения данных позволяет серверу возвращать ответы клиентскому компьютеру с учетом информации о клиенте. Примерами такого использования свойства cookie являются посылка регистрационной информации и автоматизация ввода идентификатора пользователя. Пользовательские настройки могут быть сохранены на клиентском компьютере и затребованы сервером во время соединения. Можно ограничить время существования свойства cookie. Для отправки и просмотра установок cookie в HTML-сценарии свойству следует присвоить значение:
document.cookie = "string";

cos (Метод)
Возвращает косинус своего аргумента.
Math.cos(argument);
Применение: Величина угла должна быть указана в радианах, возвращаемый результат будет находиться в диапазоне от -1 до 1.

--------------------------------------------------------------------------------

Date (Объект)
Предоставляет набор методов для работы с датами и временем.
Date.method(parameters)
Применение: Встроенный объект Date заменяет в языке JavaScript обычные типы данных для дат. Несмотря на отсутствие каких-либо свойств, объект Date имеет несколько методов для установки и изменения своего значения. Хотя значения даты возвращаются в стандартной форме, фактическое значение хранится как количество миллисекунд, прошедших после полуночи 1 января 1970 года. Применение этого соглашения запрещает использование дат до 1970 года. Для создания нового объекта Date можно использовать несколько вариантов синтаксиса:
objectName = new Date()
objectName = new Date("month day, year" [hours:minutes:seconds]")
objectName = new Date(year, month, day [, hours, "" minutes, seconds])
Если при создании объекта Date опустить компонент, указывающий время, оно по умолчанию будет установлено в 00:00:00. За исключением номера дня в месяце, все числовые предста-ления даты нумеруются с нуля. Это не должно представлять проблемы, если не считать месяцев. Они представляются числами от 0 (январь)до 11(декабрь).



--------------------------------------------------------------------------------
defaultChecked (Свойство)
Логическое значение (true или false), указывающее состояние флажка или переключателя по умолчанию.
formName.elementName.defaultChecked
forms[index].elements[index].defaultChecked
Применение: Установка значения свойства defaultChecked может перекрывать атрибут CHECKED тега, создавшего элемент формы. Следующий фрагмент программы возвращает группу переключателей к их исходному состоянию путем поиска и установки переключателя в положение по умолчанию:
for (var i in menuForm.choices) {
if (menuForm.choices[i].defaultChecked) {
menuForm.choices[i].defaultChecked = true }
}
Изменение свойства defaultChecked не влияет на вывод на экран переключателя, даже если затронуто состояние других переключателей.

--------------------------------------------------------------------------------
defaultSelected (Свойство)
Состояние элемента формы select по умолчанию.
formName.elementName.defaultSelected
forms[index].elements[index].defaultSelected
Применение: Свойство defaultSelected возвращает true или false, в зависимости от того, был ли при создании элемента формы использован в теге атрибут SELECTED. Программная установка значения этого свойства перекрывает наличие или отсутствие атрибута SELECTED тега


--------------------------------------------------------------------------------
onSelect (Обработчик события)
Обработчик события onSelect вызывается в тот момент, когда выделен текст внутри элемента формы.

Применение: Событие select вызывается выбором части или всего текста в объектах text или textarea.

--------------------------------------------------------------------------------
onSubmit (Обработчик события)
Событие происходит в момент щелчка мышью на кнопке Submit для посылки данных формы на сервер.

Применение: Обработчик события onSubmit запускается в момент от правки пользователем данных формы на сервер. Любое отличное от false возвращаемое значение, в том числе пропуск оператора return, приводит к отправке данных на сервер. Для получения более ясного кода рекомендуется вставляв оператор return в обоих случаях.

..-элементы формы...

function feedbackSubmit () {
...строки кода...
if (!validData) { return true; }
else { return false; }
}

--------------------------------------------------------------------------------
onUnload (Обработчик события)
Вызывается, когда пользователь выходит из документа.


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

--------------------------------------------------------------------------------
open (Метод)
Создает новый документ или экземпляр окна.
document.open([MIMEtype])
window.open("URL", "windowName" [,"windowFeatures"]);
Применение: Для документа метод open открывает поток вывода для методов write или writeln. Если тип MIME является версией text или image (например, text/html или image/gif), документ будет открыт для показа. Иначе поток будет направлен в plug-in. Если документ уже существует в целевом окне, метод open очищает это окно. Поток закрывается с помощью метода document.close(). Для окна метод open открывает новое окно броузера, подобно выбору пункта меню File->New Web Browser броузера. При использовании аргумента URL метод загружает в новое окно документ; в противном случае новое окно остается пустым. При использовании метода в программе обработки события форма должна включать объект window; в противном случае подразумевается объект document. Параметр windowFeatures описывается в виде разделенного запятыми списка параметров, где =1 или =yes - включено и =0 или =no - отключено. windowFeatures включают управление выводом инструментальной панели, окна URL, кнопок каталогов, строки состояния, строки меню, полос прокрутки, возможностью изменения размеров, сохранением истории навигации, шириной и высотой.

--------------------------------------------------------------------------------
options (Свойство)
Этот массив параметров является свойством элемента формы select. Массив создается с помощью тегов
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

CSS(урок 4)

Четверг, 19 Ноября 2009 г. 06:09 + в цитатник
Как использовать цвета и фон на ваших web-сайтах. Рассмотрим также продвинутые методы позиционирования и управления фоновым изображением. Будут разъяснены следующие CSS-свойства:

* color
* background-color
* background-image
* background-repeat
* background-attachment
* background-position
* background

Цвет переднего плана : свойство 'color'

Свойство color описывает цвет переднего плана элемента.

Например, представьте, что мы хотим сделать все заголовки документа тёмно-красными. Все заголовки обозначаются HTML-элементом

. В нижеприведённом коде цвет элемента

устанавливается красным.


h1 {
color: #ff0000;
}

* Показать пример

Цвета можно указывать как шестнадцатеричные значения, как в примере (#ff0000), либо вы можете использовать названия цветов ("red") или rgb-значения (rgb(255,0,0)).
Свойство 'background-color'

Свойство background-color описывает цвет фона элемента.

В элементе размещается всё содержимое HTML-документа. Таким образом, для изменения цвета фона всей страницы свойство background-color нужно применить к элементу .

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

.


body {
background-color: #FFCC66;
}

h1 {
color: #990000;
background-color: #FC9804;
}


Заметьте, что устанавливает два свойства для

, разделяя их точкой с запятой.
Фоновые изображения [background-image]

CSS-свойство background-image используется для вставки фонового изображения.

Ниже мы используем в качестве фонового изображение бабочки. Вы можете загрузить это изображение и использовать его на вашем компьютере (щёлкните правой клавишей мыши на изображении и выберите "сохранить изображение как/save image as"), либо вы можете использовать другое изображение.


Для вставки рисунка бабочки в качестве фонового изображения web-страницы просто примените свойство background-image в тэге и укажите местоположение рисунка.


body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
}

h1 {
color: #990000;
background-color: #FC9804;
}


NB: Обратите внимание, что мы специфицируем место, где находится файл как url("butterfly.gif"). Это означает, что он находится в той же папке, что и таблица стилей. Вы, разумеется, можете ссылаться и на файлы изображений в других папках, используя, например, url("../images/butterfly.gif"), или даже на файлы в Internet, указывая полный адрес файла : url("http://www.html.net/butterfly.gif").
Повторение/мультипликация фонового изображения [background-repeat]

Вы заметили в предыдущем примере, что изображение бабочки повторяется по умолчанию по горизонтали и вертикали, заполняя весь экран? Свойство background-repeat управляет этим.

В таблице указаны четыре значения background-repeat.
Значение
Background-repeat: repeat-x Рисунок повторяется по горизонтали
background-repeat: repeat-y Рисунок повторяется по вертикали
background-repeat: repeat Рисунок повторяется по горизонтали и вертикали
background-repeat: no-repeat Рисунок не повторяется
Например, для отмены повторения/мультипликации фонового рисунка мы должны записать такой код:


body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
}

h1 {
color: #990000;
background-color: #FC9804;
}



Блокировка фонового изображения [background-attachment]

Свойство background-attachment определяет, фиксируется ли фоновый рисунок, или прокручивается вместе с содержимым страницы.

В таблице указаны два значения background-attachment. Щёлкните на примере, чтобы почувствовать разницу между scroll и fixed.
Значение Описание Пример
Background-attachment: scroll Изображение прокручивается вместе со страницей - разблокировано Показать пример
Background-attachment: fixed Изображение блокировано

Например, следующий код фиксирует изображение.


body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}

h1 {
color: #990000;
background-color: #FC9804;
}



Расположение фонового рисунка [background-position]

По умолчанию фоновый рисунок позиционируется в левом верхнем углу экрана. Свойство background-position позволяет изменять это значение по умолчанию, и фоновый рисунок может располагаться в любом месте экрана.

Есть много способов установить значение background-position. Тем не менее, все они представляют собой набор координат. Например, значение '100px 200px' располагает фоновый рисунок на 100px слева и на 200px сверху в окне браузера.

Координаты можно указывать в процентах ширины экрана, в фиксированных единицах (пикселы, сантиметры, и т. п.), либо вы можете использовать слова top, bottom, center, left и right. Модель ниже иллюстрирует сказанное:


В таблице дано несколько примеров.
Значение Описание Пример
background-position: 2cm 2cm Рисунок расположен на 2 cm слева и на 2 cm сверху
background-position: 50% 25% Рисунок расположен по центру и на четверть экрана сверху
background-position: top right Рисунок расположен в правом верхнем углу страницы
В примере кода фоновое изображение располагается в правом нижнем углу экрана:


body {
background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;
}

h1 {
color: #990000;
background-color: #FC9804;
}



Сокращённая запись [background]

Свойство background входит в состав всех свойств, перечисленных в этом уроке.

С помощью background вы можете сжимать несколько свойств и записывать ваши стили в сокращённом виде, что облегчает чтение таблиц.

Например, посмотрите на эти строки:


background-color: #FFCC66;
background-image: url("butterfly.gif");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: right bottom;

Используя background, того же результата можно достичь одной строкой кода:


background: #FFCC66 url("butterfly.gif") no-repeat fixed right bottom;

Порядок свойств этого элемента таков:

[background-color] | [background-image] | [background-repeat] | [background-attachment] | [background-position]

Если свойство отсутствует, оно автоматически получает значение по умолчанию. Например, если background-attachment и background-position нет в данном примере:


background: #FFCC66 url("butterfly.gif") no-repeat;

то этим двум неспецифицированным свойствам будут присвоены значения по умолчанию - scroll и top left.


Метки:  

CSS(урок 3)

Четверг, 19 Ноября 2009 г. 06:02 + в цитатник
Вы создадите свою первую таблицу стилей/style sheet. Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.

Многие свойства, используемые в Cascading Style Sheets (CSS), аналогичны свойствам HTML. Таким образом, если вы используете HTML для дизайна страниц, вы, наверняка узнáете многие коды. Посмотрим на конкретном примере.
Базовый синтаксис CSS

Скажем, нам нужен красный цвет фона web-страницы:

В HTML это можно сделать так:




С помощью CSS того же самого результата можно добиться так:


body {background-color: #FF0000;}

Как видите, эти коды более или менее идентичны в HTML и CSS. Этот пример также демонстрирует фундаментальную модель CSS:

модель CSS

Но где размещать CSS-код? Именно мы и займёмся прямо сейчас.
Применение CSS к HTML-документу

Есть три способа применить правила CSS к HTML-документу.Мы рассмотри эти три метода.Рекомендую сосредоточиться на третьем - то есть внешней/external таблице стилей.
Метод 1: Инлайн/In-line (атрибут style)

Можно применять CSS к HTML с помощью HTML-атрибута style. Красный цвет фона можно установить так:






This is a red page





Метод 2: Внутренний (тэг style)

Второй способ вставки CSS-кодов - HTML-тэг
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

CSS(урок 2)

Четверг, 19 Ноября 2009 г. 05:57 + в цитатник
Возможно, вы уже слышали о CSS, но не знаете, что это такое? Вы узнаете, что такое CSS и что он может сделать для вас.

CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей.
Что можно делать с помощью CSS?

CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами. Потерпите, и увидите!

HTML может (неправильно) использоваться для оформления web-сайтов. Но CSS предоставляет бóльшие возможности и более точен и проработан. CSS, на сегодняшний день, поддерживается всеми браузерами (программами просмотра).

Вы сможете создавать собственные таблицы стилей и использовать CSS для придания вашему web-сайту великолепного вида.
В чём разница между CSS и HTML?

HTML используется для структурирования содержимого страницы. CSS используется для форматирования этого структурированного содержимого.

Согласен, это звучит как-то заумно. Но, пожалуйста, читайте дальше. Вскоре всё начнёт проясняться.

Давным-давно, когда Мадонна была девой, а парень по имени Tim Berners Lee изобрёл World Wide Web, язык HTML использовался только для вывода структурированного текста. Автор мог только размечать текст: "это - заголовок" или "это - параграф", используя HTML-тэги, такие как

и

.

По мере развития Web дизайнеры начали искать возможности форматирования онлайновых документов. Чтобы удовлетворить возросшим требованиям потребителей, производители браузеров (тогда - Netscape и Microsoft) изобрели новые HTML-тэги, такие, например, как , которые отличались от оригинальных HTML-тэгов тем, что они определяли внешний вид, а не структуру.

Это также привело к тому, что оригинальные тэги структурирования, такие как

, стали всё больше применяться для дизайна страниц вместо структурирования текста. Многие новые тэги дизайна, такие как , поддерживались только одним браузером. "Вам необходим браузер X для просмотра этой страницы" - такой отказ стал обычным явлением на web-сайтах.

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

Появление CSS стало революцией в мире web-дизайна. Конкретные преимущества CSS:

* управление отображением множества документов с помощью одной таблицы стилей;
* более точный контроль над внешним видом страниц;
* различные представления для разных носителей информации (экран, печать, и т. д.);
* сложная и проработанная техника дизайна.

Рубрики:  PHP , CSS, JAVASCRIPT

CSS(урок 1)

Четверг, 19 Ноября 2009 г. 05:54 + в цитатник
Каскадные таблицы стилей/CSS это язык стилей, определяющий отображение HTML-документов Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. Оно поможет сэкономить уйму времени и предоставит вам совершенно новые возможности в дизайне web-сайтов. CSS совершенно необходим каждому, работающему с web-дизайном.


Изучение CSS увлекает. Выделяйте достаточное количество времени для экспериментов

Использование CSS требует знания основ HTML. Если вы не знаете HTML, то начните с Учебника HTML, прежде чем перейти к CSS.
Какое программное обеспечение необходимо иметь?

Не используйте при работе такие программы, как FrontPage, DreamWeaver или Word. Эти продвинутые программы не помогут вам в изучении CSS. Наоборот, они сильно ограничат ваше продвижение в этом направлении.

Вам понадобится бесплатный и простой текстовый редактор.

Например, Microsoft Windows поставляется с программой Notepad. Она обычно находится в Accessories меню Пуск, в Programs. Вы можете также использовать простой текстовый редактор, например Pico для Linux или Simple Text для Macintosh.

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


Браузер и простой текстовый редактор - вот всё, что вам необходимо.

Давайте начнём!
Рубрики:  PHP , CSS, JAVASCRIPT

CSS(каскадая таблица стилей)

Четверг, 19 Ноября 2009 г. 05:42 + в цитатник
Всем привет тут будут уроки для новичков все что связано с сайта строение все тонкости этого не легкого дела )
Начнем мы с простого это CSS (каскадная таблица стилей)!
Рубрики:  PHP , CSS, JAVASCRIPT

Метки:  

2012

Среда, 18 Ноября 2009 г. 03:29 + в цитатник
Начался сам фильм. Сначала показали, как толковые индусы у себя в Нью-Делхи заметили, что Солнце нынче шпарит как бешеное и излучает как стопицот тыщ Чернобылей вместе взятые. Кстати, про Чернобыль знают все, а про ядерную аварию на Три-Майл Айленд отчего-то упоминать не принято, хотя там заражение тоже было ого-го. Но поскольку авария случилась в Цитадели Света и Добра, говорить про нее не комильфотно. То ли дело жуткий взрыв в жутком советском Мордоре! Впрочем, сейчас не об этом.

Солнце, стало быть, излучает. Индусы, понятно, в панике, им и так чересчур тепло в желтой жаркой Индии. На помощь им срочно мчит добрый американский доктор Адриан Хелмсли (конечно, чОрный как ночь), чтобы в ужасе поцокав языком, метнуться обратно в штаты и отрапортовать лично президенту что-то вроде «Все пропало, шеф, все пропало!». Президент (тоже чОрный) немедля собирает «большую восьмерку» и объясняет им важность ситуации. Российский президент пытается чего-то возбухать, но его быстро затыкают.

Конечно, мировые лидеры находят наиболее приемлемое решение в сложившейся ситуации. Нет, они не строят подводные города, чтобы спастись от адской радиации. Нет, они не строят надводные убежища в океане, чтобы противостоять страшным приливным волнам. Они наоборот – строят штук семь кораблей, чтобы посадить туда наиболее богатых граждан (за деньги) и таким образом спасти цвет планеты перед лицом мирового катаклизма. Вопрос, каким образом этот цвет будет себя обеспечивать жратвой и барахлом при погибшем производстве, не ставится и не поднимается. Хулетам, главное – социальная справедливость. Выживет тот, у кого есть деньги.

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

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

А тем временем, простой американский писатель Джексон Кертис (Джон Кьюсак) работает шофером у русского миллиардера Юрия Карпова (Златко Бурич). Юрий толст, мясист, жаден и неопрятен – как и положено русскому. Но у него есть и одно несомненное достоинство – он купил билет на пароход с серебристым крылом, а значит, прицепившись к Юрику, можно попробовать спастись, когда наступит трындец. Чем, собственно, Джексон и занимается все два с половиной часа фильма.

Но что это я все о сюжете да о сюжете? Он, как можно было убедиться выше, напрочь дурацкий. И даже, не побоюсь этого слова, тупой. Но что нам сюжет? Фильмы-катастрофы мы любим не за это. А уж фильмы Роланда Эммериха – дважды не за это. Все мы видели «День независимости» со злобными пришельцами, героическим президентом и бравым чОрным главным героем. И «Послезавтра» с чудовищными природными выбрыками тоже видели. Вот и в данном случае мы имеем гибрид из этих двух безусловно удачных проектов – героический чОрный доктор спасает дочку самоотверженного чОрного президента на фоне ужасной катастрофы и гибели всей цивилизации.

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

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

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

Отличный фильм, нужно смотреть.

Центр (правда ли что Гуф ушол из центра ??)

Понедельник, 16 Ноября 2009 г. 12:17 + в цитатник
Гуф поделился творческими планами, а также сказал, что не видит себя в составе группы Centr.
"Группы Centr в прошлом составе уже не будет, — Гуф. — Centr — это Slim и Птаха".

В запланированных на август концертах группы Centr Гуф участвовать не будет.

Гуф рассказал, что заканчивает запись сольного альбома , который должен выйти последним в цепочке релизов от Centr. Первым из них станет запланированный на 22 сентября альбом Слима "Холодно", в октябре-ноябре, по словам Гуфа, издаст альбом Птаха.

Кроме того Гуф сообщил, что "планирует с Бастой сделать подарок всем слушателям и выпустить диск совместных песен — новых, совсем новых".

Дневник Сергей_Прико

Понедельник, 16 Ноября 2009 г. 11:39 + в цитатник
Интересуюсь спортом документальными фильмами ну уж очень люблю ... сайтостроением ...люлю слушать русский реп (ЦЕНТР КАСТА БАСТА ...)


Поиск сообщений в Сергей_Прико
Страницы: [1] Календарь