Новое в css3

•border-radius

•box-shadow

•text-shadow

•opacity

•rgba(x,y,z,a)

•backgroun-size

•background:url(), url();

•column-count

•border-image

•transition

•transform

•@font-face

•background-clip

•animation

•@animation-keyframes

•. . . . . . .

Закруление углов

.radius_border {

border-radius: 25px;

-moz-border-radius: 25px;

-webkit-border-radius: 25px;

}

Тень от блока

.box_shadow {

box-shadow: 5px 5px 2px #000;

-moz-box-shadow: 5px 5px 2px #000;

-webkit-box-shadow: 5px 5px 2px #000;

}

Тень от текста

TEXT

.text_shadow {

text-shadow: 2px 2px 2px #000;

-moz-text-shadow: 2px 2px 2px #000;

-webkit-text-shadow: 2px 2px 2px #000;

}

Transition

.pic {

margin-left: 80%;

-webkit-transform: rotate(-30deg) scale(1.5);

-webkit-transition: all 2s ease-in;

}

Валидация css

Валидацией называется проверка CSS-кода на соответствие спецификации CSS 2.1 или CSS 3. Соответственно, корректный код, не содержащий ошибок, называется валидный, а не удовлетворяющий спецификации —невалидный. Наиболее удобно делать проверку кода через сайт http://jigsaw.w3.org/css-validator/. С помощью этого сервиса можно указать адрес документа, загрузить файл или проверить набранный текст. Операции:

Проверить URI; Проверить загруженный файл; Проверить набранный текст; Выбор версии CSS.

Глава 5. Язык JavaScript Введение

Язык JavaScript был разработан в 1995 году компанией Netscape Communication Corporation, известной также как создатель Web-браузера Netscape Navigator. JavaScript — это язык сценариев (скриптов), исполняемых на стороне клиента, позволяющих улучшить внешний вид Web-страниц. JavaScript — это интерпретируемый язык программирования. Это означает, что браузер выполняет каждую строку скрипта последовательно, строка за строкой. При этом создание и изменение сценариев выполняется так же просто, как и редактирование обычного документа HTML. Все проведенные изменения вступают в силу сразу после загрузки документа в окне браузера. Интерпретируемые языки программирования позволяют перносить приложения на различные платформы. Они имеют также и недостаток —программы на них выполняются медленно. JavaScript принес на клиентскую Web-страницу динамику и интерактивность и вытеснил Java-апплеты из клиентских страниц. Синтаксис языка JavaScript похож на синтаксис языка Java, однако, это полностью самостоятельный язык. Ближайшей альтернативой JavaScript является технология Flash, содержащая средства для работы с мультимедиа.

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

• отображение изменяющихся данных, таких как текущее время или дата;

• программирование переменного содержания в зависимости от текущей даты, браузера пользователя или других условий;

• изменение внешнего вида элементов страницы при возникновении события, например щелчка мышью;

• выполнение вычислений на клиентской странице.

Улучшение пользовательского интерфейса. С помощью Javaascript реализуются анимационные рисунки, часы, календари, бегущие строки, средства перемещения по документу и отображения информации. JavaScript позволяет заменять на Web-странице одно изображение другим, не перезагружая страницу полностью. Одно из основных применений состоит в изменении рисунка, используеммого в качестве гиперссылки при наведении на него указателя мыши. JavaScript позволяет последовательно отображать рисунки, создавая анимационные картинки, хотя анимация и не входит в число преимуществ JavaScript. Анимационные картинки с большим эффектом можно создавать и в графических редакторах и в технологии Flash.

Использование строки состояния. Строка состояния — это серая панель в нижней части окна браузера. Она позволяет отобразить описание команд меню и кнопок панели инструментов, например, с помощью бегущих строк.

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

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

Проверка и изменение форм. Один из главных элементов получения информации от пользователей в Web — это формы ввода данных. Формы позволяют проводить самые различные операции - от заказа товаров в электронных магазинах до получения сведений о популярности узла. JavaScript часто используется для проверки правильности заполнения полей формы.

Определение версии браузера. Если бы разработчики браузеров придерживались стандарта HTML, то страница должна была бы одинаково выглядеть в любом браузере. В реальной ситуации либо загружается страница, соответствующая определенному браузеру, либо имеющаяся страница изменяется таким образом, чтобы выглядеть правильно. В JavaScript предусмотрена возможность определения типа браузера и выполнения команд, поддерживаемых только им.

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